:root{--midnight:#0b1120;--midnight2:#111827;--surface:#161e30;--surface2:#1e293b;--electric:#00d4ff;--electric-dim:#00d4ff1f;--coral:#ff5c35;--coral-dim:#ff5c351f;--cloud:#f4f7ff;--slate:#6b7897;--white:#fff;--border:#ffffff14;--radius:14px;--radius-lg:22px;--success:#22c55e;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0b1120;background:var(--midnight);color:#f4f7ff;color:var(--cloud);font-family:Plus Jakarta Sans,sans-serif}.app-layout{display:flex;min-height:100vh}.sidebar{background:#161e30;background:var(--surface);border-right:1px solid #ffffff14;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;position:fixed;top:0;transition:transform .3s;width:240px;z-index:100}.main-content{flex:1 1;margin-left:240px;min-height:100vh;padding:32px}.sidebar-logo{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);padding:24px 20px}.logo-wrap{align-items:center;display:flex;gap:10px;text-decoration:none}.logo-icon{background:linear-gradient(135deg,#00d4ff,#0085a1);background:linear-gradient(135deg,var(--electric),#0085a1);border-radius:8px;color:#0b1120;color:var(--midnight);display:grid;font-size:.9rem;height:32px;place-items:center;width:32px}.logo-icon,.logo-text{font-family:Syne,sans-serif;font-weight:800}.logo-text{color:#fff;color:var(--white);font-size:1.1rem}.logo-text span{color:#00d4ff;color:var(--electric)}.logo-tm{color:#6b7897;color:var(--slate);font-size:.5rem;vertical-align:super}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:16px 12px}.nav-item{align-items:center;background:none;border:none;border-radius:10px;color:#6b7897;color:var(--slate);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:10px 12px;text-align:left;text-decoration:none;transition:background .15s,color .15s;width:100%}.nav-item:hover{background:#ffffff0d;color:#f4f7ff;color:var(--cloud)}.nav-item.active{background:#00d4ff1f;background:var(--electric-dim);color:#00d4ff;color:var(--electric)}.nav-item .nav-icon{font-size:1.1rem;text-align:center;width:20px}.nav-divider{background:#ffffff14;background:var(--border);height:1px;margin:8px 0}.sidebar-user{align-items:center;border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;gap:10px;padding:16px}.user-avatar{background:#00d4ff1f;background:var(--electric-dim);border:1.5px solid #00d4ff4d;border-radius:50%;color:#00d4ff;color:var(--electric);display:grid;flex-shrink:0;font-size:.8rem;font-weight:700;height:36px;place-items:center;width:36px}.user-info{flex:1 1;min-width:0}.user-name{color:#fff;color:var(--white);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.72rem}.logout-btn,.user-role{color:#6b7897;color:var(--slate)}.logout-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px;transition:color .2s}.logout-btn:hover{color:#ff5c35;color:var(--coral)}.page-header{margin-bottom:32px}.page-title{color:#fff;color:var(--white);font-family:Syne,sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:-.5px}.page-sub{color:#6b7897;color:var(--slate);font-size:.9rem;margin-top:4px}.card{background:#161e30;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);padding:24px}.card-sm{padding:18px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.stat-card{background:#161e30;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;padding:20px;transition:border-color .2s,transform .2s}.stat-card:hover{border-color:#00d4ff33;transform:translateY(-2px)}.stat-label{color:#6b7897;color:var(--slate);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.stat-value{color:#fff;color:var(--white);font-family:Syne,sans-serif;font-size:2rem;font-weight:800}.stat-value.electric{color:#00d4ff;color:var(--electric)}.stat-value.coral{color:#ff5c35;color:var(--coral)}.stat-sub{color:#6b7897;color:var(--slate);font-size:.78rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border)}th{color:#6b7897;color:var(--slate);font-size:.72rem;font-weight:700;letter-spacing:1.5px;padding:12px 16px;text-align:left;text-transform:uppercase}tbody tr{border-bottom:1px solid #ffffff0a;transition:background .15s}tbody tr:hover{background:#ffffff05}td{color:#f4f7ff;color:var(--cloud);font-size:.88rem;padding:14px 16px}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.72rem;font-weight:700;gap:5px;letter-spacing:.3px;padding:4px 10px}.badge-pending{background:#ffb8001f;color:#ffb800}.badge-active{background:#00d4ff1f;color:#00d4ff;color:var(--electric)}.badge-delivered{background:#22c55e1f;color:#22c55e;color:var(--success)}.badge-cancelled{background:#ef44441f;color:#ef4444;color:var(--danger)}.badge-matched{background:#a855f71f;color:#a855f7}.badge-verified{background:#22c55e1f;color:#22c55e;color:var(--success)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#6b7897;color:var(--slate);font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#1e293b;background:var(--surface2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#fff;color:var(--white);font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#00d4ff66;box-shadow:0 0 0 3px #00d4ff14}.form-input::placeholder{color:#6b789799}.form-select option{background:#1e293b;background:var(--surface2)}.form-textarea{min-height:80px;resize:vertical}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:transform .15s,box-shadow .2s,opacity .2s}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:#00d4ff;background:var(--electric);box-shadow:0 0 30px #00d4ff33;color:#0b1120;color:var(--midnight)}.btn-primary:hover{box-shadow:0 0 50px #00d4ff66}.btn-coral{background:#ff5c35;background:var(--coral);color:#fff;color:var(--white)}.btn-coral:hover{box-shadow:0 0 30px #ff5c354d}.btn-ghost{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);color:#f4f7ff;color:var(--cloud)}.btn-ghost:hover{background:#ffffff0a;border-color:#fff3}.btn-sm{border-radius:8px;font-size:.82rem;padding:8px 16px}.btn-full{width:100%}.btn-danger{background:#ef444426;border:1px solid #ef444433;color:#ef4444;color:var(--danger)}.auth-page{background:#0b1120;background:var(--midnight);display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-left{background:linear-gradient(135deg,#161e30,#111827);background:linear-gradient(135deg,var(--surface) 0,var(--midnight2) 100%);border-right:1px solid #ffffff14;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:60px;position:relative}.auth-left:before{background:radial-gradient(circle,#00d4ff14,#0000 65%);height:500px;right:-20%;top:-30%;width:500px}.auth-left:after,.auth-left:before{border-radius:50%;content:"";position:absolute}.auth-left:after{background:radial-gradient(circle,#ff5c350f,#0000 65%);bottom:-20%;height:400px;left:-10%;width:400px}.auth-left-content{position:relative;z-index:1}.auth-right{align-items:center;display:flex;justify-content:center;padding:60px}.auth-box{max-width:420px;width:100%}.auth-title{color:#fff;color:var(--white);font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;margin-bottom:6px}.auth-sub{color:#6b7897;color:var(--slate);font-size:.9rem;margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-divider{align-items:center;display:flex;gap:12px;margin:4px 0}.auth-divider-line{background:#ffffff14;background:var(--border);flex:1 1;height:1px}.auth-divider-text{font-size:.75rem;white-space:nowrap}.auth-divider-text,.auth-switch{color:#6b7897;color:var(--slate)}.auth-switch{font-size:.88rem;margin-top:20px;text-align:center}.auth-switch a{color:#00d4ff;color:var(--electric);font-weight:600;text-decoration:none}.auth-feature{align-items:flex-start;display:flex;gap:14px;margin-bottom:24px}.auth-feature-icon{background:#00d4ff1f;background:var(--electric-dim);border:1px solid #00d4ff33;border-radius:10px;display:grid;flex-shrink:0;font-size:1.1rem;height:40px;place-items:center;width:40px}.auth-feature h4{color:#fff;color:var(--white);font-size:.9rem;font-weight:700;margin-bottom:3px}.auth-feature p{color:#6b7897;color:var(--slate);font-size:.8rem;line-height:1.5}.track-hero{background:#161e30;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);margin-bottom:32px;padding:40px;text-align:center}.track-input-row{display:flex;gap:12px;margin:24px auto 0;max-width:520px}.track-result{background:#161e30;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);overflow:hidden}.track-result-header{align-items:center;background:#1e293b;background:var(--surface2);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 28px}.track-code-display{color:#00d4ff;color:var(--electric);font-family:JetBrains Mono,monospace;font-size:1.2rem;letter-spacing:3px}.track-timeline{display:flex;flex-direction:column;gap:0;padding:28px}.track-step{display:flex;gap:16px;padding-bottom:24px;position:relative}.track-step:last-child{padding-bottom:0}.track-step:not(:last-child):before{background:#ffffff14;background:var(--border);bottom:0;content:"";left:11px;position:absolute;top:24px;width:1px}.track-dot-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.track-dot{background:#1e293b;background:var(--surface2);border:2px solid #ffffff14;border:2px solid var(--border);border-radius:50%;display:grid;height:24px;place-items:center;position:relative;width:24px;z-index:1}.track-dot.done{background:#00d4ff1f;background:var(--electric-dim);border-color:#00d4ff;border-color:var(--electric)}.track-dot.active{animation:pulse 1.5s infinite;background:#ff5c351f;background:var(--coral-dim);border-color:#ff5c35;border-color:var(--coral)}.track-dot-inner{background:#ffffff14;background:var(--border);border-radius:50%;height:8px;width:8px}.track-dot.done .track-dot-inner{background:#00d4ff;background:var(--electric)}.track-dot.active .track-dot-inner{background:#ff5c35;background:var(--coral)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #ff5c3566}50%{box-shadow:0 0 0 8px #ff5c3500}}.track-info h4{color:#fff;color:var(--white);font-size:.95rem;font-weight:700;margin-bottom:2px}.track-info p{color:#6b7897;color:var(--slate);font-size:.82rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{animation:slideUp .25s ease;background:#161e30;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);max-height:90vh;max-width:480px;overflow-y:auto;padding:32px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-title{color:#fff;color:var(--white);font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800}.modal-close{background:none;border:none;color:#6b7897;color:var(--slate);cursor:pointer;font-size:1.4rem;transition:color .2s}.modal-close:hover{color:#fff;color:var(--white)}.alert{border-radius:10px;font-size:.88rem;margin-bottom:16px;padding:12px 16px}.alert-error{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.alert-success{background:#22c55e1a;border:1px solid #22c55e33;color:#86efac}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-title{color:#fff;color:var(--white);font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800;margin-bottom:8px}.empty-sub{color:#6b7897;color:var(--slate);font-size:.9rem;margin-bottom:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease both}.slide-up{animation:slideUp .4s ease both}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-left{display:none}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:20px}.form-grid,.form-grid-3{grid-template-columns:1fr}}
/*# sourceMappingURL=main.27635549.css.map*/