@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--h: 215;--s: 100%;--p: 215 100% 50%;--p-glow: 215 100% 50% / .4;--p-bg: 215 100% 50% / .08;--clr-primary: hsl(var(--p));--clr-primary-glow: hsla(var(--p-glow));--clr-primary-bg: hsla(var(--p-bg));--clr-bg: #030712;--clr-surface: #0f172a;--clr-surface-2: #1e293b;--clr-surface-3: #334155;--clr-border: rgba(255, 255, 255, .05);--clr-border-bright: rgba(255, 255, 255, .1);--clr-text: #f8fafc;--clr-text-muted: #94a3b8;--clr-text-subtle: #64748b;--clr-success: #10b981;--clr-warning: #f59e0b;--clr-danger: #ef4444;--clr-info: #3b82f6;--clr-status-pending: #f59e0b;--clr-status-info: #3b82f6;--clr-status-success: #10b981;--clr-status-danger: #ef4444;--clr-status-muted: var(--clr-text-muted);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .2), 0 8px 10px -6px rgb(0 0 0 / .2);--shadow-primary: 0 10px 25px -5px hsla(var(--p) / .3);--transition: all .1s cubic-bezier(0, 0, .2, 1);--transition-fast: all .08s cubic-bezier(0, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-main)}body{background:var(--clr-bg);background-image:radial-gradient(at 0% 0%,hsla(var(--h) 100% 50% / .05) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(var(--h) 100% 50% / .03) 0px,transparent 50%);color:var(--clr-text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:var(--clr-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{filter:brightness(1.2)}button,input,select,textarea{font-family:inherit;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;min-height:100vh;background:#0f1729cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--clr-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:1000;transition:var(--transition)}.main-content{margin-left:280px;flex:1;padding:40px 48px;min-height:100vh}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:32px 24px;border-bottom:1px solid var(--clr-border)}.sidebar-logo-icon{width:40px;height:40px;background:var(--clr-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow-primary)}.sidebar-logo-text{font-size:.95rem;font-weight:800;color:#fff}.sidebar-logo-text span{color:var(--clr-primary)}.sidebar-nav{flex:1;padding:24px 0;overflow-y:auto}.sidebar-section{padding:24px 24px 8px;font-size:.7rem;font-weight:800;color:var(--clr-text-subtle);text-transform:uppercase;letter-spacing:.1em}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--clr-text-muted);font-weight:600;font-size:.9rem;transition:var(--transition);cursor:pointer;text-decoration:none;background:none;border:none;width:100%;text-align:left}.sidebar-link:hover{color:#fff;background:var(--clr-primary-bg)}.sidebar-link.active{color:var(--clr-primary);background:var(--clr-primary-bg);border-right:3px solid var(--clr-primary)}.sidebar-footer{padding:24px;border-top:1px solid var(--clr-border);margin-top:auto}.avatar{width:42px;height:42px;background:var(--clr-surface-2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--clr-primary);border:1px solid var(--clr-border);flex-shrink:0}.glass-panel{background:#13151cb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:32px;transition:var(--transition)}.card:hover{border-color:var(--clr-border-bright);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tab-container{display:inline-flex;background:var(--clr-surface-2);padding:4px;border-radius:99px;border:1px solid var(--clr-border);margin-bottom:32px}.tab-pill{padding:10px 24px;border-radius:99px;font-size:.9rem;font-weight:600;border:none;background:transparent;color:var(--clr-text-muted);cursor:pointer;transition:var(--transition)}.tab-pill:hover{color:var(--clr-text)}.tab-pill.active{background:var(--clr-primary);color:#fff;box-shadow:var(--shadow-primary)}.premium-stat{padding:24px;display:flex;flex-direction:column;gap:12px}.stat-header{display:flex;align-items:center;gap:12px}.stat-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-label{font-size:.8rem;font-weight:700;color:var(--clr-text-muted);text-transform:uppercase}.stat-value{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-.02em}.premium-table-container{background:var(--clr-surface);border-radius:var(--radius-xl);padding:32px;border:1px solid var(--clr-border);margin:24px 0;box-shadow:var(--shadow-md);overflow-x:auto}.premium-table{width:100%;border-collapse:separate!important;border-spacing:0 20px!important;margin-top:-20px}.premium-table th{background:transparent;padding:16px 24px;color:var(--clr-text-subtle);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;text-align:left;border:none}.premium-table td{background:var(--clr-surface-2);padding:20px 24px;border:none;transition:var(--transition-fast)}.premium-table tr td:first-child{border-radius:16px 0 0 16px}.premium-table tr td:last-child{border-radius:0 16px 16px 0}.premium-table tr:hover td{background:var(--clr-surface-3)}.status-badge{padding:6px 14px;border-radius:99px;font-size:.75rem;font-weight:800;text-transform:uppercase}.btn{padding:10px 20px;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:var(--transition);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.88rem}.btn-primary{background:var(--clr-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-secondary{background:var(--clr-surface-2);color:var(--clr-text);border:1px solid var(--clr-border)}.btn-secondary:hover{background:var(--clr-surface-3);border-color:var(--clr-border-bright)}.btn-danger{background:var(--clr-danger);color:#fff}.btn-icon{padding:8px;background:transparent;color:var(--clr-text-muted)}.btn-icon:hover{color:#fff;background:var(--clr-surface-2)}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-reveal{animation:reveal .3s cubic-bezier(.2,.8,.2,1) both}.hover-brighten{transition:var(--transition-fast);cursor:pointer}.hover-brighten:hover{background:#ffffff0d!important;transform:translate(4px)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:24px}.grid{display:grid;gap:24px}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-full{grid-column:1 / -1}.mt-32{margin-top:32px}.mb-12{margin-bottom:12px}.mb-32{margin-bottom:32px}.mb-24{margin-bottom:24px}.mb-16{margin-bottom:16px}.mb-8{margin-bottom:8px}.progress-track{width:100%;background:var(--clr-surface-3);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .8s ease}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-gradient{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.loader{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--clr-bg)}.spinner{width:40px;height:40px;border:4px solid var(--clr-border);border-top-color:var(--clr-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--clr-bg);position:relative;overflow:hidden;padding:24px}.login-bg-circle{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;z-index:0;pointer-events:none}.login-card{width:100%;max-width:440px;padding:48px;background:#13151cb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--clr-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;z-index:1;animation:reveal .8s cubic-bezier(.2,.8,.2,1)}.login-logo{display:flex;align-items:center;gap:16px;margin-bottom:32px}.login-logo-icon{width:48px;height:48px;background:var(--clr-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;color:#fff;letter-spacing:-.02em}.login-card h1{color:var(--clr-text-muted)}.login-card h1{font-size:2rem;font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.login-card p{color:var(--clr-text-muted);font-size:.95rem;margin-bottom:32px;line-height:1.6}.login-input-email{background:#334155!important;border-color:transparent!important}.login-input-email:focus{border-color:#006aff!important;box-shadow:0 0 0 4px #006aff33!important}.login-input-password{background:#1e293b!important;border-color:transparent!important}.login-input-password:focus{border-color:#fff3!important;box-shadow:0 0 0 4px #ffffff0d!important}.login-btn-premium{background:#006aff!important;box-shadow:0 4px 14px #006aff4d!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.login-btn-premium:hover{background:#005adc!important;box-shadow:0 6px 20px #006aff66!important;transform:translateY(-2px)}.login-btn-premium:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0000001a!important}.password-wrapper{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--clr-text-subtle);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.password-toggle:hover{color:var(--clr-text)}.login-options{display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:24px;font-size:.85rem}.remember-me{display:flex;align-items:center;gap:8px;color:var(--clr-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{accent-color:rgb(0,106,255);width:16px;height:16px;cursor:pointer;border-radius:4px}.forgot-password{color:#006aff;font-weight:600;text-decoration:none;transition:var(--transition-fast)}.forgot-password:hover{text-decoration:underline;color:#60a5fa}.form-group{margin-bottom:24px}.form-label{display:block;font-size:.85rem;font-weight:700;color:var(--clr-text-subtle);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:14px 16px;background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);color:#fff;font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--clr-primary);background:var(--clr-surface-3);box-shadow:0 0 0 4px var(--clr-primary-bg)}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600}.alert-danger{background:#ef44441a;color:var(--clr-danger);border:1px solid rgba(239,68,68,.2)}.alert-info{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2);padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;margin-bottom:16px}.alert-warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2);padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-select{width:100%;padding:14px 16px;background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);color:#fff;font-size:1rem;transition:var(--transition);cursor:pointer}.form-select:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 4px var(--clr-primary-bg)}.form-select option{background:var(--clr-bg);color:#fff}.form-textarea{width:100%;padding:14px 16px;background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);color:#fff;font-size:1rem;transition:var(--transition);resize:vertical;min-height:100px;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 4px var(--clr-primary-bg)}.form-hint{font-size:.78rem;color:var(--clr-text-muted);margin-top:6px}.form-error{font-size:.78rem;color:var(--clr-danger);margin-top:6px}.checkbox-group{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px 16px;background:var(--clr-surface-2);border-radius:var(--radius-md);border:1px solid var(--clr-border)}.checkbox-group input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--clr-primary);cursor:pointer}.checkbox-label{font-size:.88rem;color:var(--clr-text-muted);line-height:1.5;cursor:pointer}.card-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:4px}.card-subtitle{font-size:.85rem;color:var(--clr-text-muted);margin-bottom:8px}.divider{height:1px;background:var(--clr-border);margin:20px 0}.wizard-progress{display:flex;align-items:flex-start;justify-content:center;overflow-x:auto;padding-bottom:4px}.wizard-step-outer{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.wizard-step-circle{width:40px;height:40px;border-radius:12px;border:1px solid var(--clr-border);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;background:var(--clr-surface-2);color:var(--clr-text-muted);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.wizard-step-circle.active{background:var(--clr-primary);border-color:var(--clr-primary);color:#fff;box-shadow:0 0 20px #e8521a4d;transform:scale(1.1)}.wizard-step-circle.done{background:#10b9811a;border-color:#10b9814d;color:#10b981}.wizard-step-label{font-size:.65rem;text-align:center;color:var(--clr-text-subtle);font-weight:600;line-height:1.2}.wizard-step-label.active{color:var(--clr-primary)}.wizard-step-label.done{color:var(--clr-success)}.wizard-connector{flex:1;height:2px;background:var(--clr-border);margin-top:17px;min-width:20px;transition:background .3s}.wizard-connector.done{background:var(--clr-success)}.spin{display:inline-block;animation:spin .8s linear infinite}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-danger{background:#ef444426;color:var(--clr-danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}.status-stepper-new{display:flex;flex-direction:column;gap:0;padding:10px 0}.step-item-new{display:flex;gap:24px;min-height:100px}.step-left{display:flex;flex-direction:column;align-items:center;width:40px;position:relative}.step-circle{width:40px;height:40px;border-radius:12px;border:1.5px solid var(--clr-border-bright);display:flex;align-items:center;justify-content:center;background:var(--clr-surface-2);color:var(--clr-text-muted);transition:var(--transition);z-index:2;flex-shrink:0}.step-circle.done{border-color:var(--clr-primary);background:var(--clr-primary-bg);color:var(--clr-primary);box-shadow:0 0 20px hsla(var(--p) / .15)}.step-line{width:2px;height:100%;background:var(--clr-border);position:absolute;top:40px;left:50%;transform:translate(-50%);z-index:1;transition:var(--transition)}.step-line.done{background:var(--clr-primary);box-shadow:0 0 10px hsla(var(--p) / .3)}.step-info-new{padding-top:8px;flex:1;display:flex;flex-direction:column;gap:6px;padding-bottom:40px}.step-item-new:last-child .step-info-new{padding-bottom:0}.step-label-new{font-weight:700;font-size:1.05rem;color:var(--clr-text-muted);transition:var(--transition);letter-spacing:-.01em}.step-item-new:has(.step-circle.done) .step-label-new{color:#fff}.step-status-tag{display:inline-block;padding:4px 10px;background:var(--clr-primary-bg);color:var(--clr-primary);border-radius:6px;font-size:.65rem;font-weight:900;text-transform:uppercase;animation:pulse-priority 2s infinite ease-in-out}.stat-delta{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;margin-top:6px}.stat-delta.positive{color:var(--clr-success)}.stat-delta.neutral{color:var(--clr-text-muted)}.hover-scale{transition:var(--transition-fast)}.hover-scale:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.profile-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.profile-card-premium{padding:24px;background:var(--timeline-bg);border:1px solid var(--timeline-border);border-radius:24px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.profile-card-premium:hover{border-color:var(--timeline-primary);background:#ffffff05;transform:translateY(-5px);box-shadow:0 20px 40px #0009}.load-indicator{margin-top:20px;padding-top:20px;border-top:1px solid var(--clr-border)}.load-bar-bg{height:8px;background:#ffffff08;border-radius:99px;margin-top:10px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.load-bar-fill{height:100%;background:linear-gradient(90deg,var(--timeline-primary),var(--timeline-accent));box-shadow:0 0 15px #3b82f680;border-radius:99px}.status-tracker-premium{display:flex;flex-direction:column;gap:0;padding:24px;background:#0f172a66;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;border:1px solid var(--clr-border-bright);box-shadow:var(--shadow-lg)}.status-step-new{display:flex;gap:28px;min-height:110px;position:relative;transition:var(--transition)}.status-step-new:last-child{min-height:auto}.status-step-new .step-left{display:flex;flex-direction:column;align-items:center;width:44px;position:relative}.step-circle-new{width:44px;height:44px;border-radius:14px;border:1.5px solid var(--clr-border-bright);display:flex;align-items:center;justify-content:center;background:var(--clr-surface-2);color:var(--clr-text-muted);transition:var(--transition);z-index:5;flex-shrink:0;box-shadow:var(--shadow-sm)}.step-circle-new.done{border-color:var(--clr-success);background:#10b9811a;color:var(--clr-success);box-shadow:0 0 20px #10b98126}.step-circle-new.active{border-color:var(--clr-primary);background:var(--clr-primary-bg);color:var(--clr-primary);box-shadow:0 0 30px hsla(var(--p) / .25);transform:scale(1.05)}.step-circle-new.returned,.step-circle-new.rejected{border-color:var(--clr-danger);background:#ef44441a;color:var(--clr-danger)}.status-step-new .step-line{width:2.5px;height:calc(100% - 44px);background:var(--clr-border);position:absolute;top:44px;left:21px;z-index:1;transition:var(--transition)}.status-step-new.done .step-line{background:linear-gradient(to bottom,var(--clr-success),var(--clr-border))}.status-step-new.done:has(+.status-step-new.done) .step-line{background:var(--clr-success)}.status-step-new .step-info-new{flex:1;padding-top:6px;padding-bottom:40px;transition:var(--transition)}.status-step-new:last-child .step-info-new{padding-bottom:0}.step-header-new{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.step-label-new{font-size:1.15rem;font-weight:700;color:var(--clr-text-muted);letter-spacing:-.01em}.status-step-new.active .step-label-new{color:#fff}.badge-new{padding:6px 12px;border-radius:99px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.step-remark-new{display:flex;gap:10px;padding:14px 18px;background:#ffffff05;border:1px solid var(--clr-border);border-radius:12px;color:var(--clr-text-muted);font-size:.88rem;line-height:1.6;margin-top:12px;animation:reveal .4s ease-out}@keyframes pulse-priority{0%{box-shadow:0 0 #e8521a66}70%{box-shadow:0 0 0 10px #e8521a00}to{box-shadow:0 0 #e8521a00}}.action-card-list{display:flex;flex-direction:column;gap:16px}.action-card{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;align-items:center;padding:20px 24px;background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:20px;transition:all .2s ease}.action-card:hover{border-color:hsla(var(--p) / .3);background:var(--clr-surface-3);transform:translate(4px)}.evaluation-card{display:flex;align-items:center;padding:24px 32px;background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:20px;gap:24px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.evaluation-card:hover{transform:translateY(-4px) scale(1.005);background:var(--clr-surface-3);border-color:var(--clr-primary);box-shadow:0 20px 40px #0006,0 0 20px var(--clr-primary-glow)}.evaluation-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--clr-primary);opacity:0;transition:opacity .3s}.evaluation-card:hover:after{opacity:1}.result-meter{display:flex;align-items:center;gap:12px}.meter-track{flex:1;height:8px;background:#ffffff0d;border-radius:99px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,var(--clr-primary),#fb923c);border-radius:99px}:root{--timeline-bg: #0d1117;--timeline-border: rgba(255, 255, 255, .08);--timeline-primary: #3b82f6;--timeline-accent: #f59e0b;--timeline-muted: #4b5563;--timeline-success: #10b981;--timeline-danger: #ef4444;--timeline-text-bright: #ffffff;--timeline-text-dim: #9ca3af;--timeline-spacing: 24px;--timeline-icon-size: 48px;--timeline-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.timeline-container-premium{background:var(--timeline-bg);border-radius:24px;border:1px solid var(--timeline-border);padding:var(--timeline-spacing);box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;gap:32px;max-width:900px;margin:0 auto}.timeline-top-bar{display:flex;flex-direction:column;gap:12px}.progress-text-box{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--timeline-text-dim)}.progress-percentage{font-size:.9rem;font-weight:800;color:var(--timeline-primary)}.progress-bar-track{height:6px;background:#ffffff0d;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--timeline-primary),#60a5fa);border-radius:99px;transition:width 1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 15px #3b82f666}.timeline-rows{display:flex;flex-direction:column}.timeline-step-row{display:flex;gap:20px;padding:16px 20px;border-radius:16px;transition:var(--timeline-transition);cursor:default;position:relative}.timeline-step-row:hover{background:#ffffff05;padding-left:28px}.step-visual-column{display:flex;flex-direction:column;align-items:center;position:relative;width:var(--timeline-icon-size)}.step-circle-container{width:var(--timeline-icon-size);height:var(--timeline-icon-size);border-radius:14px;display:flex;align-items:center;justify-content:center;z-index:10;transition:var(--timeline-transition);position:relative}.step-icon-box{width:100%;height:100%;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--timeline-border);background:#ffffff08;color:var(--timeline-muted);transition:var(--timeline-transition)}.step-circle-container.completed .step-icon-box{background:var(--timeline-primary);border-color:var(--timeline-primary);color:#fff;box-shadow:0 8px 16px #3b82f633}.step-circle-container.active .step-icon-box{background:#f59e0b1a;border-color:var(--timeline-accent);color:var(--timeline-accent);box-shadow:0 0 20px #f59e0b26}.active-pulse-dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:var(--timeline-accent);border-radius:50%;border:2px solid var(--timeline-bg);box-shadow:0 0 10px var(--timeline-accent);animation:pulse-active 1.5s infinite}@keyframes pulse-active{0%{transform:scale(1);opacity:1;box-shadow:0 0 #f59e0bb3}70%{transform:scale(1.2);opacity:.8;box-shadow:0 0 0 10px #f59e0b00}to{transform:scale(1);opacity:1;box-shadow:0 0 #f59e0b00}}.step-connector-line{width:2px;height:calc(100% - 16px);background:var(--timeline-border);position:absolute;top:calc(var(--timeline-icon-size) + 4px);left:50%;transform:translate(-50%);z-index:1}.step-connector-line.completed{background:linear-gradient(to bottom,var(--timeline-primary),var(--timeline-border))}.step-connector-line.dashed{background:transparent;border-left:2px dashed var(--timeline-border)}.timeline-step-row.completed:has(+.timeline-step-row.completed) .step-connector-line{background:var(--timeline-primary)}.step-content-column{flex:1;padding-bottom:24px}.step-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.step-title{font-size:1.1rem;font-weight:700;margin:0;transition:var(--timeline-transition)}.step-title.completed{color:var(--timeline-text-bright)}.step-title.active{color:var(--timeline-accent)}.step-title.pending{color:var(--timeline-muted)}.step-metadata{font-size:.8rem;color:var(--timeline-text-dim);font-weight:500;display:block;opacity:.8}.step-remarks-box{margin-top:12px;padding:12px 16px;background:#ffffff08;border:1px solid var(--timeline-border);border-radius:12px;font-size:.9rem;color:var(--timeline-text-dim);line-height:1.6}@media(max-width:640px){.timeline-container-premium{padding:16px}.timeline-step-row{gap:12px;padding:12px}.step-title{font-size:1rem}}.skeleton{background:var(--clr-surface-2);background:linear-gradient(90deg,var(--clr-surface-2) 25%,var(--clr-surface-3) 50%,var(--clr-surface-2) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;width:100%;margin:.5em 0}.skeleton-title{height:1.5em;width:60%;margin-bottom:1em}.skeleton-circle{border-radius:50%;width:40px;height:40px}.section-subtitle{font-size:14px;color:#a0a0b0;margin-top:4px;font-weight:500}.pill-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:capitalize;border:1px solid transparent}.pill-badge svg{width:14px;height:14px;stroke-width:2.5px}.pill-badge-amber{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.pill-badge-blue{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.pill-badge-green{background:#10b9811a;color:#10b981;border-color:#10b98133}.pill-badge-orange{background:#e8521a1a;color:#e8521a;border-color:#e8521a33}.btn-ghost{background:transparent;border:1px solid var(--clr-border);color:var(--clr-text-muted)}.btn-ghost:hover{background:var(--clr-surface-2);color:#fff}.btn-warning-tint{background:#f59e0b0d;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.btn-warning-tint:hover{background:#f59e0b1a;border-color:#f59e0b80}