.cp-page{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cp-main{-webkit-box-flex:1;box-sizing:border-box;-ms-flex:1;flex:1;margin:0 auto;max-width:var(--container-width,1200px);padding:40px var(--container-padding,1rem) 20px;width:100%}.cp-auth-container{margin:60px auto;max-width:440px}.cp-card{background:var(--color-background,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--sd-radius,12px);box-shadow:var(--sd-shadow,0 1px 3px rgba(0,0,0,.08));padding:2rem}.cp-card h1{font-family:var(--font-display);font-size:var(--fs-lg,1.5rem);font-weight:var(--fw-bold,700);margin:0 0 1.5rem;text-align:center}.cp-form-group{margin-bottom:1.25rem}.cp-form-group label{color:var(--color-text);display:block;font-size:var(--fs-base);font-weight:var(--fw-medium,500);margin-bottom:.5rem}.cp-form-group input,.cp-form-group select{background:var(--color-background,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--sd-radius,12px);box-sizing:border-box;color:var(--color-text);font-family:var(--font-main);font-size:var(--fs-base);padding:.875rem;-webkit-transition:border-color var(--sd-transition-smooth,.3s),box-shadow var(--sd-transition-smooth,.3s);transition:border-color var(--sd-transition-smooth,.3s),box-shadow var(--sd-transition-smooth,.3s);width:100%}.cp-form-group input:focus,.cp-form-group select:focus{border-color:var(--color-primary,#007aff);box-shadow:0 0 0 2px rgba(0,122,255,.1);outline:none}.cp-btn{border:none;border-radius:var(--sd-radius,12px);cursor:pointer;display:block;font-family:var(--font-main);font-size:var(--fs-base);font-weight:var(--fw-bold,700);padding:.875rem 2rem;text-align:center;text-decoration:none;-webkit-transition:all var(--sd-transition-smooth,.3s);transition:all var(--sd-transition-smooth,.3s);width:100%}.cp-btn-primary{background:var(--color-primary,#007aff);color:#fff}.cp-btn-primary:hover{box-shadow:var(--sd-shadow-md);opacity:.9;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cp-btn-gold{background:-webkit-linear-gradient(315deg,#d4a200,#b8900a);background:linear-gradient(135deg,#d4a200,#b8900a);color:#000}.cp-btn-gold:hover{background:-webkit-linear-gradient(315deg,#c49400,#a88528);background:linear-gradient(135deg,#c49400,#a88528);box-shadow:0 4px 12px rgba(191,155,48,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cp-toggle{border:1px solid var(--color-border);border-radius:var(--sd-radius);display:-webkit-box;display:-ms-flexbox;display:flex;gap:0;margin-bottom:1.5rem;overflow:hidden}.cp-toggle label{-webkit-box-flex:1;cursor:pointer;-ms-flex:1;flex:1;font-size:var(--fs-sm);font-weight:var(--fw-medium);margin:0;padding:.75rem;text-align:center;-webkit-transition:all var(--sd-transition-smooth);transition:all var(--sd-transition-smooth)}.cp-toggle input[type=radio]{display:none}.cp-toggle input[type=radio]:checked+label{background:var(--color-primary);color:#fff}.cp-otp-inputs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:1.5rem 0}.cp-otp-inputs input{border:2px solid var(--color-border);border-radius:var(--sd-radius);font-size:1.5rem;font-weight:700;height:3.5rem;text-align:center;-webkit-transition:border-color var(--sd-transition-smooth);transition:border-color var(--sd-transition-smooth);width:3rem}.cp-otp-inputs input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(0,122,255,.1);outline:none}.cp-alert{border-radius:var(--sd-radius);font-size:var(--fs-sm);margin-bottom:1.25rem;padding:.875rem 1rem}.cp-alert-error{background:rgba(192,57,43,.08);border:1px solid rgba(192,57,43,.2);color:var(--sd-red,#c0392b)}.cp-alert-success{background:rgba(26,138,74,.08);border:1px solid rgba(26,138,74,.2);color:var(--sd-green,#1a8a4a)}.cp-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:2rem 0;position:relative}.cp-progress:before{background:var(--color-border);content:"";height:2px;left:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:0}.cp-progress-step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;position:relative;z-index:1;-webkit-box-flex:1;-ms-flex:1;flex:1}.cp-progress-dot,.cp-progress-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.cp-progress-dot{background:var(--color-background);border:2px solid var(--color-border);border-radius:50%;height:2rem;width:2rem;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;font-size:.75rem;font-weight:700;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease}.cp-progress-step.active .cp-progress-dot{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(0,122,255,.15);color:#fff}.cp-progress-step.completed .cp-progress-dot{background:var(--sd-green,#1a8a4a);border-color:var(--sd-green,#1a8a4a);color:#fff}.cp-progress-step.archived .cp-progress-dot{background:var(--sd-text-muted);border-color:var(--sd-text-muted);color:#fff;opacity:.6}.cp-progress-label{color:var(--sd-text-muted);font-size:.75rem;font-weight:var(--fw-medium);margin-top:.5rem;text-align:center}.cp-progress-step.active .cp-progress-label{color:var(--color-primary);font-weight:var(--fw-bold)}.cp-callout{background:rgba(0,122,255,.04);border-left:3px solid var(--color-primary);border-radius:0 var(--sd-radius) var(--sd-radius) 0;font-size:var(--fs-sm);margin:1rem 0;padding:1rem 1.25rem}.cp-device-grid{display:-ms-grid;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));margin:1.5rem 0}.cp-device-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--sd-radius);box-shadow:var(--sd-shadow);color:inherit;display:block;padding:1.5rem;text-decoration:none;-webkit-transition:box-shadow var(--sd-transition-smooth),-webkit-transform var(--sd-transition-smooth);transition:box-shadow var(--sd-transition-smooth),-webkit-transform var(--sd-transition-smooth);transition:box-shadow var(--sd-transition-smooth),transform var(--sd-transition-smooth);transition:box-shadow var(--sd-transition-smooth),transform var(--sd-transition-smooth),-webkit-transform var(--sd-transition-smooth)}.cp-device-card:hover{box-shadow:var(--sd-shadow-md);color:inherit;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cp-device-card h3{font-size:var(--fs-md);margin:0 0 .25rem;text-align:left}.cp-device-meta{color:var(--sd-text-muted);font-size:var(--fs-sm);margin-bottom:1rem}.cp-badge{border-radius:100px;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:.2rem .6rem;text-transform:uppercase}.cp-badge-walk-in{background:rgba(0,122,255,.08);color:var(--color-primary)}.cp-badge-versand{background:rgba(191,155,48,.1);color:var(--sd-gold)}.cp-badge-kva{background:rgba(26,138,74,.08);color:var(--sd-green)}.cp-badge-kva-sent{background:rgba(0,122,255,.08);color:var(--color-primary)}.cp-badge-kva-rejected{background:rgba(192,57,43,.08);color:var(--sd-red)}.cp-detail-section{margin-bottom:1.5rem}.cp-detail-section h2{font-size:var(--fs-md);margin:0 0 1rem;text-align:left}.cp-detail-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid var(--color-border);font-size:var(--fs-sm);justify-content:space-between;padding:.5rem 0}.cp-detail-row:last-child{border-bottom:none}.cp-detail-label{color:var(--sd-text-muted);font-weight:var(--fw-medium)}.cp-detail-value{font-weight:var(--fw-medium);text-align:right}.cp-timeline{margin:1rem 0;padding-left:1.5rem;position:relative}.cp-timeline:before{background:var(--color-border);bottom:0;content:"";left:.5rem;position:absolute;top:0;width:2px}.cp-timeline-item{font-size:var(--fs-sm);padding-bottom:1.25rem;position:relative}.cp-timeline-item:before{background:var(--sd-green);border:2px solid var(--color-background);border-radius:50%;content:"";height:.5rem;left:-1.15rem;position:absolute;top:.35rem;width:.5rem}.cp-timeline-date{color:var(--sd-text-muted);font-size:.75rem}.cp-tracking-link{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.cp-tracking-link:hover{color:var(--color-link-hover,#049)}.cp-profile-grid{display:-ms-grid;display:grid;gap:1rem;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.cp-badge-tracking{border-radius:100px;display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.03em;margin-right:.5rem;padding:.15rem .5rem;text-transform:uppercase;vertical-align:middle}.cp-badge-tracking-pre-transit,.cp-badge-tracking-unknown{background:hsla(240,2%,44%,.1);color:var(--sd-text-muted)}.cp-badge-tracking-out-for-delivery,.cp-badge-tracking-transit{background:rgba(0,122,255,.08);color:var(--color-primary)}.cp-badge-tracking-delivered{background:rgba(26,138,74,.08);color:var(--sd-green)}.cp-badge-tracking-failure{background:rgba(192,57,43,.08);color:var(--sd-red)}.cp-tracking-update{color:var(--sd-text-muted);font-size:.72rem;margin-left:.5rem}@media (max-width:768px){.cp-auth-container{margin:30px auto;padding:0 .5rem}.cp-card{padding:1.5rem}.cp-device-grid,.cp-profile-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.cp-progress-label{font-size:.65rem}.cp-detail-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem}.cp-detail-value{text-align:left}}