@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #080A0F;--bg-surface: #0D1018;--bg-elevated: #131820;--bg-overlay: #1B2030;--bg-subtle: #222840;--bg-0: #080A0F;--bg-1: #0D1018;--bg-2: #131820;--bg-3: #1B2030;--bg-4: #222840;--border: rgba(255,255,255,.07);--border-md: rgba(255,255,255,.12);--border-strong: rgba(255,255,255,.2);--border-bright: rgba(255,255,255,.13);--border-focus: rgba(30,198,116,.5);--accent: #1EC674;--accent-2: #15A85E;--accent-fg: #ffffff;--accent-dim: rgba(30,198,116,.12);--accent-ring:rgba(30,198,116,.35);--accent-glow:rgba(30,198,116,.28);--accent-text:#15A85E;--blue: #4B9EFF;--blue-dim: rgba(75,158,255,.12);--red: #FF4757;--red-dim: rgba(255,71,87,.12);--green: #2ECC71;--green-dim: rgba(46,204,113,.12);--orange: #FF8C42;--orange-dim: rgba(255,140,66,.12);--yellow: #FFD166;--yellow-dim: rgba(255,209,102,.12);--purple: #9B8FFF;--purple-dim: rgba(155,143,255,.12);--text-primary: #F0F4FF;--text-secondary: #8A96B8;--text-tertiary: #4E5870;--text-placeholder: #3A4258;--text-0: #F0F4FF;--text-1: #8A96B8;--text-2: #4E5870;--font: "Plus Jakarta Sans", system-ui, sans-serif;--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: var(--font);--font-body: var(--font);--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-xl: 24px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-full: 999px;--sp-2: 2px;--sp-4: 4px;--sp-6: 6px;--sp-8: 8px;--sp-10: 10px;--sp-12: 12px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--sp-32: 32px;--sp-40: 40px;--shadow-sm: 0 1px 2px rgba(0,0,0,.5), 0 4px 16px rgba(0,0,0,.25);--shadow: 0 4px 12px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 12px 32px rgba(0,0,0,.6), 0 4px 12px rgba(0,0,0,.4);--shadow-card: 0 1px 2px rgba(0,0,0,.5), 0 4px 16px rgba(0,0,0,.25);--shadow-modal:0 8px 40px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4);--shadow-btn: 0 2px 8px rgba(0,0,0,.35);--max-w: 480px;--nav-h: 60px;--tab-h: 64px;--topbar-h: 58px;--ease: cubic-bezier(.4, 0, .2, 1);--dur: .2s;--transition: .16s cubic-bezier(.4, 0, .2, 1);--input-bg: #131820;--nav-bg: rgba(8,10,15,.88);--tab-bg: rgba(13,16,24,.95);--skeleton: linear-gradient(90deg, #131820 25%, #1B2030 50%, #131820 75%)}[data-theme=light]{--bg-base: #F5F7FA;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-overlay: #F8F9FC;--bg-subtle: #EEF1F6;--bg-0: #F5F7FA;--bg-1: #FFFFFF;--bg-2: #EEF1F6;--bg-3: #E2E7EF;--bg-4: #D4DBE8;--border: rgba(0,0,0,.07);--border-md: rgba(0,0,0,.12);--border-strong: rgba(0,0,0,.22);--border-bright: rgba(0,0,0,.14);--border-focus: rgba(18,168,94,.5);--accent: #12A85E;--accent-2: #0D8A4D;--accent-dim: rgba(18,168,94,.1);--accent-ring: rgba(18,168,94,.22);--accent-glow: rgba(18,168,94,.22);--accent-text: #0D8A4D;--blue: #2B7FE0;--blue-dim: rgba(43,127,224,.1);--red: #E53935;--red-dim: rgba(229,57,53,.1);--green: #2ECC71;--green-dim: rgba(46,204,113,.1);--orange: #E8721F;--orange-dim: rgba(232,114,31,.1);--yellow: #C9910D;--yellow-dim: rgba(201,145,13,.1);--purple: #6D56E8;--purple-dim: rgba(109,86,232,.1);--text-primary: #0F1523;--text-secondary: #4A5568;--text-tertiary: #8A96AA;--text-placeholder: #ADB4C4;--text-0: #0F1523;--text-1: #4A5568;--text-2: #8A96AA;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);--shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);--shadow-modal:0 8px 40px rgba(0,0,0,.18), 0 2px 8px rgba(0,0,0,.1);--shadow-btn: 0 2px 8px rgba(0,0,0,.12);--input-bg: #F4F6FB;--nav-bg: rgba(255,255,255,.88);--tab-bg: rgba(255,255,255,.97);--skeleton: linear-gradient(90deg, #EEF1F6 25%, #F4F6FB 50%, #EEF1F6 75%)}[data-theme=light] .modal-overlay,[data-theme=light] .overlay{background:#0f152380}[data-theme=light] .login-page{background:var(--bg-base)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--bg-3)}[data-theme=light] .skeleton{background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:1200px 100%;animation:shimmer 1.8s ease-in-out infinite}[data-theme=light] .form-select option,[data-theme=light] select.input option{background:var(--bg-1);color:var(--text-0)}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;align-items:center}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:99px}.app-shell{width:100%;max-width:var(--max-w);min-height:100vh;position:relative;background:var(--bg-base)}.top-nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-w);height:var(--nav-h);background:var(--nav-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--sp-16);z-index:100;gap:var(--sp-10)}.topbar{height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-brand{font-weight:800;font-size:18px;letter-spacing:-.03em;color:var(--accent);flex:1}.nav-action{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);display:grid;place-items:center;cursor:pointer;color:var(--text-secondary);transition:background var(--dur),color var(--dur),border-color var(--dur);position:relative;flex-shrink:0}.nav-action:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-md)}.nav-action-primary{background:var(--accent);color:var(--accent-fg);border-color:transparent;font-weight:700;font-size:18px;box-shadow:0 2px 12px var(--accent-glow)}.nav-action-primary:hover{opacity:.9}.nav-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;background:var(--red);color:#fff;border-radius:99px;font-size:9px;font-weight:700;display:grid;place-items:center;padding:0 4px;font-family:var(--font-mono);border:2px solid var(--bg-base)}.page-content{padding-top:var(--nav-h);padding-bottom:calc(var(--tab-h) + var(--sp-16));min-height:100vh}.page{padding:var(--sp-20) var(--sp-16)}.page-header{display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-16);background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.page-title{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);flex:1}.page-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:1px}.bottom-tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-w);height:var(--tab-h);background:var(--tab-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border);display:flex;z-index:100;padding:0 var(--sp-4);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-w);height:var(--tab-h);background:var(--tab-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100;padding:0 4px;padding-bottom:env(safe-area-inset-bottom)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:10px;font-weight:600;letter-spacing:.01em;transition:color var(--dur);padding:var(--sp-6) var(--sp-4)}.tab-item.active{color:var(--accent)}.tab-icon-wrap{width:26px;height:26px;border-radius:var(--radius-sm);display:grid;place-items:center;transition:background var(--dur),transform var(--dur)}.tab-item.active .tab-icon-wrap{background:var(--accent-dim);transform:scale(1.08)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 14px;border-radius:var(--r-md);cursor:pointer;color:var(--text-2);font-size:10px;font-weight:600;letter-spacing:.02em;transition:all var(--transition);text-decoration:none;min-width:56px;position:relative}.nav-item.active{color:var(--accent);background:var(--accent-dim)}.nav-item.active svg{filter:drop-shadow(0 0 4px var(--accent-glow))}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-16);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--sp-12)}.card-section{margin-bottom:var(--sp-12)}.card-flat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);padding:14px}.card-pressable{cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur)}.card-pressable:active{transform:scale(.985)}.card-pressable:hover{border-color:var(--border-md);box-shadow:var(--shadow)}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--r-full);font-size:12px;font-weight:700;letter-spacing:.01em}.status-pill.online{background:#1ec67424;color:var(--accent);border:1.5px solid rgba(30,198,116,.25)}.status-pill.offline{background:#ff47571f;color:var(--red);border:1.5px solid rgba(255,71,87,.2)}.status-pill.pending{background:#4b9eff1f;color:var(--blue);border:1.5px solid rgba(75,158,255,.2)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.green{background:var(--accent);box-shadow:0 0 0 2px #1ec6744d;animation:dotPulse 2.4s ease-in-out infinite}.status-dot.red{background:var(--red)}.status-dot.orange{background:var(--orange)}.status-dot.blue{background:var(--blue)}@keyframes dotPulse{0%,to{box-shadow:0 0 0 2px #1ec6744d}50%{box-shadow:0 0 0 5px #1ec6741a}}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.02em;font-family:var(--font-mono)}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge.green{background:#2ecc7124;color:var(--green)}.badge.red{background:#ff475721;color:var(--red)}.badge.blue{background:#4b9eff21;color:var(--blue)}.badge.orange{background:#ff8c4221;color:var(--orange)}.badge.accent{background:var(--accent-dim);color:var(--accent)}.badge.yellow{background:var(--yellow-dim);color:var(--yellow)}.badge.neutral{background:var(--bg-subtle);color:var(--text-secondary)}.badge-placed{background:var(--blue-dim);color:var(--blue)}.badge-ready{background:var(--orange-dim);color:var(--orange)}.badge-dispatched{background:var(--purple-dim);color:var(--purple)}.badge-delivered{background:var(--green-dim);color:var(--green)}.badge-cancelled{background:var(--red-dim);color:var(--red)}.badge-draft{background:var(--bg-subtle);color:var(--text-tertiary)}.badge-open{background:var(--orange-dim);color:var(--orange)}.badge-resolved{background:var(--green-dim);color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 20px;height:42px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;transition:all var(--transition);border:1.5px solid transparent;white-space:nowrap;letter-spacing:-.01em;line-height:1}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 12px var(--accent-glow)}.btn-primary:hover:not(:disabled){background:#22d97c;box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-md)}.btn-secondary:hover:not(:disabled){background:var(--bg-overlay);border-color:var(--border-strong)}.btn-danger{background:var(--red-dim);color:var(--red);border-color:#ff475740}.btn-danger:hover:not(:disabled){background:#ff475733}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent;height:36px}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--accent);border-color:#1ec67459}.btn-outline:hover:not(:disabled){background:var(--accent-dim)}.btn-sm{height:32px;font-size:12px;padding:0 14px;border-radius:var(--radius-xs);gap:5px}.btn-lg{height:48px;font-size:15px;width:100%;border-radius:var(--radius)}.btn-full{width:100%}.btn-icon{width:40px;height:40px;padding:0}.btn-icon-sm{width:32px;height:32px;padding:0;border-radius:var(--radius-xs)}.form-group{display:flex;flex-direction:column;gap:var(--sp-6);margin-bottom:16px}.form-label{font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px}.input,.form-input,.form-select,.form-textarea{width:100%;background:var(--input-bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:0 14px;height:44px;color:var(--text-primary);font-family:var(--font);font-size:14px;font-weight:500;transition:border-color var(--dur),box-shadow var(--dur);outline:none}.form-textarea,.input-textarea{height:auto;padding:12px 14px;resize:vertical;min-height:88px;line-height:1.6}.input:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);background:var(--bg-surface)}.input::placeholder,.form-input::placeholder{color:var(--text-placeholder)}.form-select option{background:var(--bg-elevated)}select.input{cursor:pointer}.input-group{position:relative}.input-group .input{padding-left:40px}.input-group-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.form-hint{font-size:11px;color:var(--text-tertiary);margin-top:4px}.form-error{font-size:12px;color:var(--red);margin-top:4px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-12)}.section-header{font-size:16px;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;margin-bottom:14px}.section-label{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.section-sub{font-size:12px;color:var(--text-tertiary);margin-top:3px;font-weight:400}.modal-overlay,.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070cd9;display:flex;align-items:flex-end;justify-content:center;z-index:1000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .18s ease}.modal,.sheet{background:var(--bg-surface);border:1px solid var(--border-md);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:28px 20px;padding-bottom:max(28px,env(safe-area-inset-bottom));width:100%;max-width:var(--max-w);max-height:90vh;overflow-y:auto;animation:sheetUp .24s cubic-bezier(.32,0,.15,1);box-shadow:var(--shadow-modal)}.modal:before,.sheet-handle{content:"";display:block;width:40px;height:4px;background:var(--bg-subtle);border-radius:99px;margin:-8px auto 20px}.sheet-handle{width:36px;height:4px;border-radius:99px;background:var(--border-strong);margin:12px auto 16px}.modal-header,.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;padding:0 var(--sp-16) var(--sp-12);border-bottom:1px solid var(--border)}.modal-title{font-size:19px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.modal-close{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;display:grid;place-items:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition);flex-shrink:0}.modal-close:hover{background:var(--bg-overlay);color:var(--text-primary)}.list-item{display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--dur)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--bg-overlay)}.list-item:active{background:var(--bg-subtle)}.list-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;flex-shrink:0}.list-body{flex:1;min-width:0}.list-title{font-size:14px;font-weight:600;color:var(--text-primary)}.list-subtitle{font-size:12px;color:var(--text-secondary);margin-top:1px}.detail-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;min-width:88px;padding-top:2px;flex-shrink:0}.detail-value{font-size:13.5px;color:var(--text-primary);font-weight:500}.info-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-key{font-size:12px;font-weight:600;color:var(--text-secondary)}.info-val{font-size:13px;font-weight:600;color:var(--text-primary);text-align:right}.summary-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-10) 0;border-bottom:1px solid var(--border);font-size:13px}.summary-row:last-child{border-bottom:none}.summary-row .key{color:var(--text-secondary)}.summary-row .val{font-weight:600}.summary-total .key{font-weight:700;font-size:14px;color:var(--text-primary)}.summary-total .val{color:var(--accent);font-size:18px;font-family:var(--font-mono)}.seg-control{display:flex;background:var(--bg-subtle);border-radius:var(--radius-sm);padding:3px;gap:2px;border:1px solid var(--border)}.seg-option{flex:1;height:32px;padding:0 var(--sp-12);border-radius:var(--radius-xs);border:none;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--dur) var(--ease);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.seg-option.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.seg-option-accent.active{background:var(--accent);color:var(--accent-fg);box-shadow:0 2px 8px var(--accent-ring)}.filter-bar{display:flex;gap:var(--sp-8);padding:var(--sp-12) var(--sp-16);overflow-x:auto;scrollbar-width:none;background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{height:32px;padding:0 var(--sp-12);white-space:nowrap;border-radius:99px;border:1.5px solid var(--border-md);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--dur);background:transparent;color:var(--text-secondary)}.filter-chip.active{background:var(--accent);color:var(--accent-fg);border-color:transparent;box-shadow:0 2px 6px var(--accent-ring)}.spinner,.loader{width:28px;height:28px;border:2.5px solid var(--bg-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto;display:inline-block}.spinner-lg,.loader-lg{width:32px;height:32px;border-width:3px}.loader-sm{width:16px;height:16px;border-width:2px;margin:0}.loading-center,.center-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-12);padding:var(--sp-40) var(--sp-24);text-align:center}.empty-state{text-align:center;padding:48px 20px;color:var(--text-tertiary)}.empty-state-icon,.empty-icon-wrap{width:56px;height:56px;background:var(--bg-elevated);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:1px solid var(--border);color:var(--text-tertiary)}.empty-state h3{font-size:15px;font-weight:700;color:var(--text-secondary);margin-bottom:6px;letter-spacing:-.02em}.empty-state p{font-size:13px;color:var(--text-tertiary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:20px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-200px;left:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(30,198,116,.07) 0%,transparent 65%);pointer-events:none}.login-page:after{content:"";position:absolute;bottom:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(75,158,255,.05) 0%,transparent 65%);pointer-events:none}.login-card{background:var(--bg-surface);border:1px solid var(--border-md);border-radius:var(--radius-xl);padding:32px 24px;width:100%;max-width:400px;position:relative;z-index:1;box-shadow:var(--shadow-modal)}.title-lg,.h1{font-size:22px;font-weight:800;letter-spacing:-.04em;line-height:1.2;color:var(--text-primary)}.title-md,.h2{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.title-sm,.h3{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.label-xs{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-family:var(--font-mono)}.label-sm{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.body-sm,.body-text{font-size:13px;line-height:1.5;color:var(--text-secondary)}.body-xs{font-size:12px;color:var(--text-secondary)}.caption{font-size:11px;color:var(--text-tertiary);font-weight:500;letter-spacing:.03em}.mono,.code{font-family:var(--font-mono)}.code{font-size:11px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;padding:2px 7px;color:var(--accent);font-weight:600;letter-spacing:.04em}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:var(--skeleton);background-size:1200px 100%;animation:shimmer 1.8s ease-in-out infinite;display:block;flex-shrink:0;border-radius:var(--radius-sm)}.alert{display:flex;align-items:flex-start;gap:var(--sp-10);padding:var(--sp-12) var(--sp-14);border-radius:var(--radius-sm);font-size:13px;line-height:1.5}.alert-error{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,71,87,.2)}.alert-success{background:var(--green-dim);color:var(--green);border:1px solid rgba(46,204,113,.2)}.alert-info{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(75,158,255,.2)}.toast-stack{position:fixed;top:72px;right:12px;left:12px;max-width:calc(var(--max-w) - 24px);margin:0 auto;z-index:9999;display:flex;flex-direction:column;gap:var(--sp-8);pointer-events:none}.toast{background:var(--bg-elevated);border:1px solid var(--border-md);border-radius:var(--radius-sm);padding:var(--sp-12) var(--sp-14);font-size:13px;display:flex;align-items:center;gap:var(--sp-10);box-shadow:var(--shadow-lg);pointer-events:all;animation:toastIn .25s var(--ease)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.metric-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 360px){.metric-row-4{grid-template-columns:repeat(2,1fr)}}.metric-card,.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 12px;transition:all var(--dur) var(--ease)}.stat-card:hover,.metric-card:hover{border-color:var(--border-md);transform:translateY(-1px);box-shadow:var(--shadow)}.metric-label,.stat-label{font-size:10px;font-weight:600;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}.metric-value,.stat-value{font-size:22px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.03em}.stat-value{font-size:24px;letter-spacing:-.04em;margin-bottom:4px}.metric-sub{font-size:11px;color:var(--text-tertiary);margin-top:3px;font-weight:500}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:800;font-family:var(--font);flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-fg)}.avatar-lg{width:72px;height:72px;font-size:28px}.avatar-md{width:44px;height:44px;font-size:18px}.avatar-sm{width:32px;height:32px;font-size:13px}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--sp-12)}.timeline-left{display:flex;flex-direction:column;align-items:center}.timeline-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--border-md);background:var(--bg-elevated);transition:all var(--dur)}.timeline-dot.done{background:var(--green);border-color:var(--green)}.timeline-dot.active{background:var(--accent-dim);border-color:var(--accent)}.timeline-line{width:2px;flex:1;min-height:28px;background:var(--border-md);margin:2px 0}.timeline-line.done{background:var(--green)}.timeline-body{padding-bottom:var(--sp-20);flex:1}.timeline-title{font-size:13px;font-weight:600;color:var(--text-primary)}.timeline-sub{font-size:12px;color:var(--text-tertiary);margin-top:2px;font-family:var(--font-mono)}.steps{display:flex;align-items:center;padding:var(--sp-16);background:var(--bg-surface);border-bottom:1px solid var(--border)}.step{display:flex;align-items:center;flex:1}.step-circle{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;font-family:var(--font-mono);border:2px solid var(--border-md);color:var(--text-tertiary);background:var(--bg-elevated);flex-shrink:0;transition:all var(--dur)}.step-circle.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.step-circle.done{border-color:var(--green);background:var(--green);color:#fff}.step-label{font-size:10px;font-weight:600;color:var(--text-tertiary);margin-top:3px}.step-label.active{color:var(--accent)}.step-label.done{color:var(--green)}.step-connector{flex:1;height:1.5px;background:var(--border-md);margin:0 var(--sp-4)}.step-connector.done{background:var(--green)}.progress-steps{display:flex;align-items:center;padding:var(--sp-16) var(--sp-16) var(--sp-12);background:var(--bg-surface);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.progress-steps::-webkit-scrollbar{display:none}.progress-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.progress-step-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--border-md);background:var(--bg-elevated);transition:all .3s var(--ease);position:relative}.progress-step-dot.done{background:var(--green);border-color:var(--green)}.progress-step-dot.active{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.progress-step-label{font-size:9px;font-weight:700;color:var(--text-tertiary);white-space:nowrap;font-family:var(--font-mono);letter-spacing:.04em}.progress-step-label.done{color:var(--green)}.progress-step-label.active{color:var(--accent)}.progress-connector{flex:1;height:2px;min-width:20px;max-width:48px;background:var(--border-md);margin:0 var(--sp-4);margin-bottom:18px;border-radius:1px;transition:background .4s}.progress-connector.done{background:var(--green)}.toggle{position:relative;width:50px;height:27px;flex-shrink:0;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-subtle);border-radius:99px;border:1.5px solid var(--border);transition:all .22s ease}.toggle input:checked+.toggle-track{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.toggle-thumb{position:absolute;top:3px;left:3px;width:19px;height:19px;background:#fff;border-radius:50%;transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 5px #00000059}.toggle input:checked~.toggle-thumb{transform:translate(23px)}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8)}.reason-chip{border:1.5px solid var(--border-md);border-radius:var(--radius-sm);padding:var(--sp-10) var(--sp-12);cursor:pointer;transition:all var(--dur);background:var(--bg-elevated);font-size:12px;font-weight:600;color:var(--text-secondary);text-align:center}.reason-chip.selected{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.map-container{border-radius:var(--radius);overflow:hidden;position:relative;border:1px solid var(--border)}.map-legend{position:absolute;bottom:8px;left:8px;z-index:2;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);padding:5px 10px;display:flex;gap:var(--sp-10);font-size:10px;font-family:var(--font-mono);color:#fff}.otp-display{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-dim);border:1.5px solid rgba(30,198,116,.3);border-radius:var(--radius-lg);padding:18px;margin:12px 0}.otp-digit{width:46px;height:54px;display:grid;place-items:center;background:var(--bg-surface);border:1.5px solid var(--accent);border-radius:var(--radius-sm);font-size:24px;font-weight:800;color:var(--accent)}.otp-display-card{background:var(--accent-dim);border:1.5px solid rgba(30,198,116,.3);border-radius:var(--radius-lg);padding:18px;margin-bottom:12px;text-align:center}.otp-display-label{font-size:10px;font-weight:700;color:#1ec674a6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.otp-display-code{font-family:var(--font-mono);font-size:46px;font-weight:700;color:var(--accent);letter-spacing:.22em;line-height:1;text-shadow:0 0 28px rgba(30,198,116,.4)}.sticky-action-bar{position:fixed;bottom:var(--tab-h);left:50%;transform:translate(-50%);width:100%;max-width:var(--max-w);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg-base) 55%,transparent);display:flex;gap:10px;z-index:90}.sticky-action-bar .btn{box-shadow:0 4px 20px #00000073}.order-card-route{display:flex;align-items:center;gap:var(--sp-6);font-size:13px;margin:var(--sp-6) 0;color:var(--text-secondary)}.route-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.order-card-active{border-left-width:3px!important}.divider{border:none;border-top:1px solid var(--border);margin:var(--sp-12) 0}.page-enter{animation:pageSlide .2s cubic-bezier(.4,0,.2,1)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pageSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes promoSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.col{display:flex;flex-direction:column}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.text-muted{color:var(--text-secondary)}.text-dim{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-red{color:var(--red)}.text-green{color:var(--green)}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-lg{font-size:16px}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-bar:hover{border-color:var(--accent)!important}.quick-chip:active{transform:scale(.94)}