:root{--ink-900:#0a0b12;--ink-850:#0e0f18;--ink-800:#11131d;--ink-700:#161824;--ink-650:#1b1e2b;--ink-600:#222536;--gold-300:#f6d96b;--gold-400:#f4d03f;--gold-500:#d4af37;--gold-600:#b8860b;--gold-grad:linear-gradient(135deg, #b8860b 0%, #d4af37 48%, #f4d03f 100%);--gold-soft:#d4af371f;--gold-line:#d4af3738;--gold-glow:0 8px 28px #d4af3738;--text-hi:#f6f4ee;--text:#b6b3c0;--text-dim:#7a7888;--text-faint:#565567;--line:#ffffff12;--line-strong:#ffffff1f;--shadow-1:0 1px 2px #0006;--shadow-2:0 10px 30px -12px #000000b3;--tone-amber:#f0b429;--tone-amber-bg:#f0b42921;--tone-green:#34d399;--tone-green-bg:#34d39921;--tone-blue:#60a5fa;--tone-blue-bg:#60a5fa21;--tone-red:#f87171;--tone-red-bg:#f8717121;--tone-violet:#c084fc;--tone-violet-bg:#c084fc21;--tone-gray:#9ca3af;--tone-gray-bg:#9ca3af1f;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;--s9:56px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-pill:999px;--shell-w:480px;--topbar-h:60px;--bottomnav-h:68px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ink-900);color:var(--text);font-family:var(--sans);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}#root{min-height:100svh}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px;border-radius:6px}::selection{color:var(--text-hi);background:#d4af374d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--ink-600);border-radius:8px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-500);font-size:11px;font-weight:600}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.shell{width:100%;max-width:var(--shell-w);background:radial-gradient(120% 60% at 50% -10%, #d4af3714, transparent 60%), var(--ink-900);border-inline:1px solid var(--line);flex-direction:column;min-height:100svh;margin:0 auto;display:flex;position:relative}.topbar{z-index:30;height:var(--topbar-h);align-items:center;gap:var(--s3);padding:0 var(--s4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0a0b12d1;display:flex;position:sticky;top:0}.topbar-title{flex-direction:column;min-width:0;line-height:1.1;display:flex}.topbar-title .eyebrow{margin-bottom:2px}.topbar-title h1{letter-spacing:-.01em;color:var(--text-hi);white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:600;overflow:hidden}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:var(--s1);display:flex}.iconbtn{border-radius:var(--r-sm);width:40px;height:40px;color:var(--text);place-items:center;transition:background .15s,color .15s;display:grid;position:relative}.iconbtn:hover{background:var(--ink-700);color:var(--text-hi)}.iconbtn-dot{background:var(--tone-red);border:2px solid var(--ink-900);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}.screen{padding:var(--s5) var(--s4) calc(var(--bottomnav-h) + var(--s6));gap:var(--s5);flex-direction:column;flex:1;animation:.32s cubic-bezier(.22,1,.36,1) screen-in;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.section-head h2{color:var(--text-hi);letter-spacing:-.01em;font-size:16px;font-weight:600}.section-link{color:var(--gold-500);align-items:center;gap:2px;font-size:13px;font-weight:500;display:inline-flex}.bottomnav{width:100%;max-width:var(--shell-w);height:var(--bottomnav-h);z-index:40;padding:var(--s2) var(--s2) calc(var(--s2) + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);background:#0c0d16e6;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.navtab{color:var(--text-dim);border-radius:var(--r-sm);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:600;transition:color .15s;display:flex;position:relative}.navtab svg{transition:transform .2s}.navtab.active{color:var(--gold-400)}.navtab.active svg{transform:translateY(-1px)}.navtab.active:before{content:"";background:var(--gold-grad);border-radius:3px;width:22px;height:3px;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #d4af3799}.navtab-badge{background:var(--tone-red);color:#fff;border:2px solid var(--ink-900);border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:2px;right:calc(50% - 20px)}.card{background:var(--ink-700);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4)}.card-tap{cursor:pointer;transition:transform .12s,border-color .15s,background .15s}.card-tap:active{transform:scale(.985)}.card-tap:hover{border-color:var(--gold-line)}.stat-grid{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.stat{background:var(--ink-700);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4);gap:var(--s2);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-icon{width:34px;height:34px;color:var(--gold-400);background:var(--gold-soft);border-radius:10px;place-items:center;display:grid}.stat-label{color:var(--text-dim);font-size:12.5px;font-weight:500}.stat-value{color:var(--text-hi);letter-spacing:-.02em;font-size:26px;font-weight:650;line-height:1}.stat-delta{align-items:center;gap:3px;font-size:12px;font-weight:600;display:inline-flex}.stat-delta.up{color:var(--tone-green)}.stat-delta.down{color:var(--tone-red)}.stat-delta.flat{color:var(--text-dim)}.stat-hero{background:radial-gradient(120% 140% at 100% 0%, #d4af3729, transparent 55%), var(--ink-700);border-color:var(--gold-line);grid-column:1/-1}.stat-hero .stat-value{font-size:34px}.badge{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.amber{color:var(--tone-amber);background:var(--tone-amber-bg)}.badge.green{color:var(--tone-green);background:var(--tone-green-bg)}.badge.blue{color:var(--tone-blue);background:var(--tone-blue-bg)}.badge.red{color:var(--tone-red);background:var(--tone-red-bg)}.badge.violet{color:var(--tone-violet);background:var(--tone-violet-bg)}.badge.gray{color:var(--tone-gray);background:var(--tone-gray-bg)}.order{align-items:center;gap:var(--s3);background:var(--ink-700);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3) var(--s4);display:flex}.order-avatar{width:42px;height:42px;color:var(--gold-400);background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:12px;flex-shrink:0;place-items:center;font-size:15px;font-weight:600;display:grid}.order-row{align-items:center;gap:var(--s2);display:flex}.order-num{color:var(--gold-500);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.order-meta{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.order-trail{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.order-total{color:var(--text-hi);font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.order-list{gap:var(--s3);flex-direction:column;display:flex}.tabs{gap:var(--s1);scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border-radius:var(--r-pill);color:var(--text-dim);background:var(--ink-700);border:1px solid var(--line);flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.tab.active{color:var(--ink-900);background:var(--gold-grad);box-shadow:var(--gold-glow);border-color:#0000}.tab-count{border-radius:var(--r-pill);background:var(--ink-650);color:var(--text);padding:1px 6px;font-size:11px;font-weight:700}.tab.active .tab-count{color:var(--ink-900);background:#0a0b1233}.searchbar{align-items:center;gap:var(--s2);background:var(--ink-700);border:1px solid var(--line);border-radius:var(--r-md);padding:0 var(--s3);height:46px;transition:border-color .15s;display:flex}.searchbar:focus-within{border-color:var(--gold-line)}.searchbar svg{color:var(--text-dim);flex-shrink:0}.searchbar input{color:var(--text-hi);background:0 0;border:none;flex:1;height:100%;font-size:15px}.searchbar input::placeholder{color:var(--text-faint)}.searchbar input:focus{outline:none}.search-clear{color:var(--text-dim);place-items:center;display:grid}.filter-row{align-items:center;gap:var(--s2);display:flex}.filter-row .searchbar{flex:1}.filterbtn{border-radius:var(--r-md);background:var(--ink-700);border:1px solid var(--line);width:46px;height:46px;color:var(--text);flex-shrink:0;place-items:center;transition:border-color .15s,color .15s;display:grid;position:relative}.filterbtn:hover{border-color:var(--gold-line);color:var(--text-hi)}.filterbtn.active{color:var(--gold-400);border-color:var(--gold-line)}.btn{justify-content:center;align-items:center;gap:var(--s2);height:50px;padding:0 var(--s5);border-radius:var(--r-md);font-size:15px;font-weight:650;transition:transform .1s,opacity .15s,background .15s;display:inline-flex}.btn-ghost{background:var(--ink-700);color:var(--text-hi);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--gold-line)}.btn-danger{background:var(--tone-red-bg);color:var(--tone-red);border:1px solid #f8717140}.btn-block{width:100%}.field{gap:var(--s2);flex-direction:column;display:flex}.field-label{color:var(--text-dim);font-size:13px;font-weight:500}.input{width:100%;height:50px;padding:0 var(--s4);background:var(--ink-700);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text-hi);font-size:15px;transition:border-color .15s}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--gold-line);outline:none}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap .input{padding-left:46px}.input-icon{left:var(--s4);color:var(--text-dim);pointer-events:none;position:absolute}.input-affix{right:var(--s2);color:var(--text-dim);border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:absolute}.input-affix:hover{color:var(--text-hi)}.switch{border-radius:var(--r-pill);background:var(--ink-600);flex-shrink:0;width:46px;height:28px;transition:background .2s;position:relative}.switch.on{background:var(--gold-grad)}.row-icon{width:38px;height:38px;color:var(--gold-400);background:var(--gold-soft);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.row-body{flex:1;min-width:0}.row-title{color:var(--text-hi);font-size:14.5px;font-weight:600}.row-sub{color:var(--text-dim);margin-top:1px;font-size:12.5px}.row-trail{color:var(--text-dim);align-items:center;gap:var(--s2);display:flex}.list-group{background:var(--ink-700);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.list-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:0 var(--s2) var(--s2);font-size:12px;font-weight:600}.tl-step{gap:var(--s3);display:flex;position:relative}.tl-node{background:var(--ink-650);border:2px solid var(--line-strong);width:28px;height:28px;color:var(--text-dim);z-index:1;border-radius:50%;place-items:center;display:grid}.tl-step.done .tl-node{background:var(--gold-grad);color:var(--ink-900);border-color:#0000;box-shadow:0 0 10px #d4af3773}.tl-step.done .tl-line{background:linear-gradient(var(--gold-500), var(--gold-line))}.tl-step.current .tl-node{background:var(--ink-700);border-color:var(--gold-400);color:var(--gold-400)}.tl-body{padding-bottom:var(--s5);flex:1}.tl-time{color:var(--text-dim);margin-top:2px;font-size:12px}.tl-note{color:var(--text);margin-top:4px;font-size:13px}.notif{gap:var(--s3);padding:var(--s4);border-radius:var(--r-md);transition:background .15s;display:flex}.notif.unread{background:var(--gold-soft)}.notif-icon{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.notif-body{flex:1;min-width:0}.notif-title{color:var(--text-hi);font-size:14px;font-weight:600}.notif-text{color:var(--text);margin-top:2px;font-size:13px;line-height:1.45}.notif-time{color:var(--text-faint);margin-top:4px;font-size:11.5px}.notif-unread-dot{background:var(--gold-400);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.barchart{align-items:flex-end;gap:var(--s2);height:140px;display:flex}.bar-col{align-items:center;gap:var(--s2);flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.bar{background:var(--ink-600);border-radius:6px 6px 0 0;width:100%;min-height:4px;transition:height .6s cubic-bezier(.22,1,.36,1)}.bar.peak{background:var(--gold-grad)}.bar-label{color:var(--text-dim);font-size:10.5px;font-weight:600}.scrim{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.scrim-center{padding:var(--s5);align-items:center}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:var(--shell-w);background:var(--ink-800);border:1px solid var(--line-strong);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--s5) var(--s4) calc(var(--s5) + env(safe-area-inset-bottom,0px));animation:.3s cubic-bezier(.22,1,.36,1) sheet-up}.sheet-center{border-radius:var(--r-xl);animation:.24s cubic-bezier(.22,1,.36,1) pop}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.sheet-grab{background:var(--ink-600);width:38px;height:4px;margin:0 auto var(--s4);border-radius:4px}.sheet-head{margin-bottom:var(--s4);justify-content:space-between;align-items:center;display:flex}.sheet-title{color:var(--text-hi);font-size:17px;font-weight:650}.state{text-align:center;justify-content:center;align-items:center;gap:var(--s4);min-height:320px;padding:var(--s7) var(--s4);flex-direction:column;flex:1;display:flex}.state-glyph{width:72px;height:72px;color:var(--gold-400);background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:22px;place-items:center;display:grid}.state-glyph.danger{color:var(--tone-red);background:var(--tone-red-bg);border-color:#f8717140}.state-text{color:var(--text-dim);max-width:280px;font-size:14px;line-height:1.55}.sk{background:linear-gradient(100deg, var(--ink-700) 30%, var(--ink-650) 50%, var(--ink-700) 70%);background-size:200% 100%;border-radius:8px;animation:1.3s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2.5px solid #ffffff2e;border-top-color:var(--gold-400);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.spinner.lg{border-width:3px;width:34px;height:34px}.spinner.ink{border-color:#0a0b1240;border-top-color:var(--ink-900)}@keyframes spin{to{transform:rotate(360deg)}}.offline-bar{top:var(--topbar-h);z-index:25;justify-content:center;align-items:center;gap:var(--s2);height:34px;color:var(--tone-amber);background:var(--tone-amber-bg);border-bottom:1px solid #f0b42933;font-size:12.5px;font-weight:600;display:flex;position:sticky}.toast-wrap{bottom:calc(var(--bottomnav-h) + var(--s3));z-index:60;width:100%;max-width:calc(var(--shell-w) - var(--s7));gap:var(--s2);pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--ink-600);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-2);pointer-events:auto;animation:.28s cubic-bezier(.22,1,.36,1) toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-icon{flex-shrink:0;place-items:center;display:grid}.toast.success .toast-icon{color:var(--tone-green)}.toast.error .toast-icon{color:var(--tone-red)}.toast.info .toast-icon{color:var(--gold-400)}.toast-msg{color:var(--text-hi);font-size:13.5px;font-weight:500}.auth{min-height:100svh;padding:var(--s6);max-width:var(--shell-w);background:radial-gradient(120% 50% at 50% 0,#d4af371a,#0000 60%);flex-direction:column;justify-content:center;margin:0 auto;display:flex}.auth-brand{text-align:center;margin-bottom:var(--s8)}.auth-logo{object-fit:contain;width:84px;height:84px;margin:0 auto var(--s4);filter:drop-shadow(0 6px 20px #d4af3759);display:block}.auth-word{letter-spacing:.18em;color:var(--text-hi);font-size:30px;font-weight:700}.auth-word b{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.auth-tag{color:var(--text-dim);margin-top:var(--s2);letter-spacing:.02em;font-size:14px}.auth-form{gap:var(--s4);flex-direction:column;display:flex}.auth-error{color:var(--tone-red);background:var(--tone-red-bg);padding:var(--s3);border-radius:var(--r-sm);text-align:center;font-size:13px}.auth-hint{color:var(--text-faint);text-align:center;margin-top:var(--s4);font-size:12.5px}.auth-foot{text-align:center;color:var(--text-faint);margin-top:var(--s7);font-size:12px}.profile-head{align-items:center;gap:var(--s3);text-align:center;padding:var(--s5) 0 var(--s2);flex-direction:column;display:flex}.profile-avatar{width:88px;height:88px;color:var(--gold-400);background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:26px;place-items:center;font-size:32px;font-weight:600;display:grid}.profile-name{color:var(--text-hi);font-size:22px;font-weight:650}.detail-hero{background:radial-gradient(130% 110% at 100% 0%, #d4af3724, transparent 55%), var(--ink-700);border:1px solid var(--gold-line);border-radius:var(--r-lg);padding:var(--s5)}.detail-total{color:var(--text-hi);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:700}.kv{justify-content:space-between;gap:var(--s4);padding:var(--s3) 0;font-size:14px;display:flex}.kv-k{color:var(--text-dim)}.kv-v{color:var(--text-hi);text-align:right;font-weight:500}.lineitem{justify-content:space-between;gap:var(--s3);padding:var(--s3) 0;display:flex}.lineitem+.lineitem{border-top:1px solid var(--line)}.lineitem-name{color:var(--text-hi);font-size:14px;font-weight:500}.lineitem-qty{color:var(--text-dim);margin-top:2px;font-size:12.5px}.lineitem-price{color:var(--text-hi);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:600}.stack{flex-direction:column;display:flex}.gap2{gap:var(--s2)}.gap3{gap:var(--s3)}.gap4{gap:var(--s4)}.gap5{gap:var(--s5)}.muted{color:var(--text-dim)}.hi{color:var(--text-hi)}.center{text-align:center}.divider{background:var(--line);height:1px}.fade{animation:.3s fade}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.page{gap:var(--s4);padding:var(--s4) var(--s4) var(--s8);flex-direction:column;display:flex}.page-title{color:var(--text-hi);letter-spacing:-.01em;font-size:22px;font-weight:700}.section-head-top{margin-top:var(--s1)}.section-head{margin-top:var(--s2);justify-content:space-between;align-items:center;display:flex}.section-head h3{color:var(--text-hi);letter-spacing:.01em;font-size:14px;font-weight:600}.link-btn{color:var(--gold-400);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;font-size:13px;font-weight:600;display:inline-flex}.result-count{color:var(--text-dim);margin-top:calc(var(--s2) * -1);font-size:12px}.list-stack{gap:var(--s3);flex-direction:column;display:flex}.topbar-left{align-items:center;gap:var(--s2);min-width:0;display:flex}.topbar-right{align-items:center;gap:var(--s2);display:flex}.topbar-brand{align-items:center;gap:var(--s2);display:inline-flex}.topbar-logo{object-fit:contain;width:52px;height:52px}.topbar-word{color:var(--text-hi);letter-spacing:.01em;font-size:16px;font-weight:700}.topbar-avatar{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0}.topbar-avatar-logo{object-fit:contain;border-radius:50%;width:34px;height:34px}.icon-btn{background:var(--ink-700);border:1px solid var(--line);width:38px;height:38px;color:var(--text-hi);cursor:pointer;border-radius:11px;place-items:center;transition:background .15s;display:grid}.icon-btn:active{background:var(--ink-650)}.avatar{background:var(--ink-650);color:var(--text-hi);letter-spacing:.02em;border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.avatar-gold{background:var(--gold-grad);color:var(--ink-900);box-shadow:var(--gold-glow);border-color:#0000}.navitem{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0 6px;transition:color .15s;display:flex;position:relative}.navitem-active:before{content:"";background:var(--gold-grad);width:26px;height:3px;box-shadow:var(--gold-glow);border-radius:3px;position:absolute;top:0}.navitem-ico{place-items:center;display:grid;position:relative}.navitem-label{letter-spacing:.02em;font-size:10.5px;font-weight:600}.navitem-dot{border-radius:var(--r-pill);background:var(--tone-red);color:#fff;border:2px solid var(--ink-850);place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-5px;right:-8px}.hello{justify-content:space-between;align-items:flex-start;display:flex}.hello-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:12px;font-weight:600}.hello-name{color:var(--text-hi);letter-spacing:-.02em;margin-top:2px;font-size:26px;font-weight:700}.hello-updated{color:var(--text-faint);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.stat-ico{background:var(--ink-650);width:34px;height:34px;color:var(--text);margin-bottom:var(--s2);border-radius:10px;place-items:center;display:grid}.stat-ico-gold{background:var(--gold-grad);color:var(--ink-900);box-shadow:var(--gold-glow)}.stat-accent{border-color:var(--gold-line)}button.stat{cursor:pointer;text-align:left;font:inherit}.stat-delta.is-up{color:var(--tone-green)}.stat-delta.is-down{color:var(--tone-red)}.order{gap:var(--s3);text-align:left;width:100%;padding:var(--s4);background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;font:inherit;align-items:center;transition:border-color .15s,transform 80ms;display:flex}.order:active{border-color:var(--line-strong);transform:scale(.992)}.order-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.order-row{justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.order-name{color:var(--text-hi);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.order-total{color:var(--text-hi);font-size:15px;font-weight:700}.order-sub{font-size:12.5px}.order-meta{color:var(--text-dim)}.order-foot{color:var(--text-faint);font-size:11.5px}.order-when{align-items:center;gap:4px;display:inline-flex}.btn{font:inherit;border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:15px;font-weight:600;transition:transform 80ms,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-gold{background:var(--gold-grad);color:var(--ink-900);box-shadow:var(--gold-glow)}.btn-ghost{background:var(--ink-700);color:var(--text-hi);border-color:var(--line)}.btn-danger{background:var(--tone-red-bg);color:var(--tone-red);border-color:#f8717140}.btn-full{width:100%}.btn-sm{border-radius:var(--r-sm);padding:9px 14px;font-size:13px}.btn-spin{border:2px solid #0a0b1259;border-top-color:var(--ink-900);border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}.btn-ghost .btn-spin,.btn-danger .btn-spin{border-color:#ffffff40;border-top-color:var(--text-hi)}.search-row{gap:var(--s2);align-items:center;display:flex}.searchbar{align-items:center;gap:var(--s2);background:var(--ink-700);border:1px solid var(--line);border-radius:var(--r-md);padding:0 var(--s3);flex:1;height:44px;display:flex}.searchbar-ico{color:var(--text-dim);flex-shrink:0}.searchbar-input{color:var(--text-hi);font:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.searchbar-input::placeholder{color:var(--text-faint)}.searchbar-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid}.filterbtn{border-radius:var(--r-md);background:var(--ink-700);border:1px solid var(--line);width:44px;height:44px;color:var(--text-hi);cursor:pointer;flex-shrink:0;place-items:center;display:grid;position:relative}.filterbtn-on{border-color:var(--gold-line);color:var(--gold-400)}.filterbtn-dot{background:var(--gold-400);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:9px}.tab-active{color:var(--ink-900);background:var(--gold-grad);box-shadow:var(--gold-glow);border-color:#0000}.tab-active .tab-count{color:var(--ink-900);background:#0a0b1233}.badge-amber{color:var(--tone-amber);background:var(--tone-amber-bg)}.badge-green{color:var(--tone-green);background:var(--tone-green-bg)}.badge-blue{color:var(--tone-blue);background:var(--tone-blue-bg)}.badge-red{color:var(--tone-red);background:var(--tone-red-bg)}.badge-violet{color:var(--tone-violet);background:var(--tone-violet-bg)}.badge-gray{color:var(--tone-gray);background:var(--tone-gray-bg)}.state{text-align:center;align-items:center;gap:var(--s3);padding:var(--s8) var(--s5);flex-direction:column;display:flex}.state-icon{background:var(--ink-700);width:60px;height:60px;color:var(--text-dim);border:1px solid var(--line);border-radius:18px;place-items:center;display:grid}.state-icon-danger{color:var(--tone-red);background:var(--tone-red-bg);border-color:#f8717133}.state-title{color:var(--text-hi);font-size:16px;font-weight:700}.state-msg{color:var(--text-dim);max-width:30ch;font-size:13.5px;line-height:1.5}.sk-card{flex-direction:column;gap:10px;display:flex}.sheet-grip{background:var(--line-strong);border-radius:4px;width:38px;height:4px;margin:10px auto 6px}.sheet-head{padding:0 var(--s5) var(--s2);justify-content:space-between;align-items:center;display:flex}.sheet-head h3{color:var(--text-hi);font-size:17px;font-weight:700}.sheet-body{padding:var(--s2) var(--s5) calc(var(--s6) + env(safe-area-inset-bottom))}.sheet-text{color:var(--text);margin-bottom:var(--s4);font-size:14px;line-height:1.5}.sheet-actions{gap:var(--s3);display:flex}.action-list{margin-bottom:var(--s3);flex-direction:column;gap:2px;display:flex}.action-item{align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--r-md);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;transition:background .12s;display:flex}.action-item:active{background:var(--ink-700)}.action-danger{background:var(--tone-red-bg);color:var(--tone-red)}.action-label{color:var(--text-hi);flex:1;font-size:15px;font-weight:600}.action-chev{color:var(--text-faint)}.updater{gap:var(--s3);flex-direction:column;display:flex}.updater-done{align-items:center;gap:var(--s2);color:var(--tone-green);background:var(--tone-green-bg);padding:var(--s4);border-radius:var(--r-md);font-size:13.5px;display:flex}.detail-actions{margin-top:var(--s2)}.detail-hero-top{justify-content:space-between;align-items:center;display:flex}.detail-number{color:var(--gold-400);letter-spacing:.02em;font-size:15px;font-weight:700}.detail-date{color:var(--text-dim);font-size:12.5px}.customer-row{align-items:center;gap:var(--s3);display:flex}.customer-info{flex-direction:column;gap:1px;display:flex}.customer-name{color:var(--text-hi);font-size:15px;font-weight:600}.customer-city{color:var(--text-dim);font-size:12.5px}.contact-row{gap:var(--s2);margin-top:var(--s3);display:flex}.contact-chip{color:var(--text-hi);background:var(--ink-700);border:1px solid var(--line);border-radius:var(--r-pill);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.lineitem-total{border-top:1px solid var(--line);margin-top:var(--s2);padding-top:var(--s3);color:var(--text-hi);font-weight:700}.lineitem-total .lineitem-name,.lineitem-total .lineitem-price{color:var(--text-hi);font-weight:700}.pay-row{color:var(--text-dim);margin-top:var(--s3);align-items:center;gap:6px;font-size:12.5px;display:flex}.note-card{color:var(--text);font-size:13.5px;font-style:italic;line-height:1.55}.metric-grid{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.metric{background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);flex-direction:column;gap:6px;display:flex}.metric-accent{border-color:var(--gold-line);background:linear-gradient(160deg, var(--gold-soft), transparent 70%), var(--ink-800)}.metric-head{align-items:center;gap:var(--s2);display:flex}.metric-ico{background:var(--ink-650);width:30px;height:30px;color:var(--text);border-radius:9px;place-items:center;display:grid}.metric-ico-gold{background:var(--gold-grad);color:var(--ink-900)}.metric-label{color:var(--text-dim);font-size:12px;font-weight:600}.metric-value{color:var(--text-hi);letter-spacing:-.01em;font-size:22px;font-weight:700}.metric-caption{color:var(--text-faint);font-size:11.5px}.barchart-bars{justify-content:space-between;align-items:flex-end;gap:var(--s2);height:150px;display:flex}.bar-col{align-items:center;gap:var(--s2);flex-direction:column;flex:1;height:100%;display:flex}.bar-track{flex:1;align-items:flex-end;width:100%;max-width:30px;display:flex}.bar-fill{background:var(--ink-600);border-radius:7px 7px 3px 3px;width:100%;min-height:4px;transition:height .4s}.bar-fill-live{background:var(--gold-grad);box-shadow:var(--gold-glow)}.breakdown-row{align-items:center;gap:var(--s3);padding:var(--s2) 0;display:flex}.breakdown-row+.breakdown-row{border-top:1px solid var(--line)}.breakdown-bar{border-radius:var(--r-pill);background:var(--ink-650);flex:1;height:7px;overflow:hidden}.breakdown-fill{border-radius:var(--r-pill);height:100%}.breakdown-amber{background:var(--tone-amber)}.breakdown-green{background:var(--tone-green)}.breakdown-blue{background:var(--tone-blue)}.breakdown-red{background:var(--tone-red)}.breakdown-violet{background:var(--tone-violet)}.breakdown-gray{background:var(--tone-gray)}.breakdown-count{color:var(--text-hi);text-align:right;min-width:22px;font-size:13px;font-weight:700}.notif{text-align:left;background:var(--ink-800);border:1px solid var(--line);cursor:pointer;align-items:flex-start;width:100%}.notif-unread{background:var(--gold-soft);border-color:var(--gold-line)}.notif-ico{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.notif-gold{color:var(--gold-400);background:var(--gold-soft)}.notif-amber{color:var(--tone-amber);background:var(--tone-amber-bg)}.notif-green{color:var(--tone-green);background:var(--tone-green-bg)}.notif-blue{color:var(--tone-blue);background:var(--tone-blue-bg)}.notif-red{color:var(--tone-red);background:var(--tone-red-bg)}.notif-violet{color:var(--tone-violet);background:var(--tone-violet-bg)}.notif-gray{color:var(--tone-gray);background:var(--tone-gray-bg)}.notif-dot{background:var(--gold-400);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.auth-card{gap:var(--s4);flex-direction:column;width:100%;max-width:380px;display:flex}.auth-title{color:var(--text-hi);letter-spacing:-.02em;font-size:26px;font-weight:700}.auth-sub{color:var(--text-dim);margin-top:calc(var(--s3) * -1);font-size:14px}.input-ico{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.profile-head{align-items:center;gap:var(--s3);text-align:left;width:100%;padding:var(--s4);background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;font:inherit;display:flex}.profile-head-info{flex-direction:column;flex:1;gap:2px;display:flex}.profile-head-name{color:var(--text-hi);font-size:16px;font-weight:700}.profile-head-role{color:var(--text-dim);font-size:12.5px}.profile-head-chev{color:var(--text-faint)}.profile-banner{align-items:center;gap:var(--s2);padding:var(--s5) 0 var(--s2);flex-direction:column;display:flex}.profile-name{color:var(--text-hi);margin-top:var(--s2);font-size:22px;font-weight:700}.profile-role{color:var(--gold-400);font-size:13px;font-weight:600}.profile-actions{gap:var(--s3);margin-top:var(--s4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s3);padding:var(--s4);display:flex}.row+.row{border-top:1px solid var(--line)}.row-ico{background:var(--ink-650);width:36px;height:36px;color:var(--text);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.row-label{color:var(--text-hi);font-size:14.5px;font-weight:600}.row-desc{color:var(--text-dim);font-size:12px}.row-control{flex-shrink:0}.row-value{color:var(--text-dim);font-size:13px;font-weight:500}.settings-logout{margin-top:var(--s4)}.switch{border-radius:var(--r-pill);background:var(--ink-600);border:1px solid var(--line);cursor:pointer;width:46px;height:28px;padding:0;transition:background .18s;position:relative}.switch-on{background:var(--gold-grad);border-color:#0000}.switch-knob{width:22px;height:22px;box-shadow:var(--shadow-1);background:#fff;border-radius:50%;transition:transform .18s;position:absolute;top:2px;left:2px}.switch-on .switch-knob{transform:translate(18px)}.order-date{font-variant-numeric:tabular-nums;color:var(--text-faint)}:root{--zone-green:#34d399;--zone-green-bg:#34d39924;--zone-orange:#fb923c;--zone-orange-bg:#fb923c26}.stat{padding:var(--s5)}.stat-grid{gap:var(--s3)}.badge{padding:5px 11px;font-size:12px}.badge-lg{gap:6px;padding:7px 13px;font-size:13px}.tab{min-height:38px;padding:9px 15px;font-size:13.5px}.card{padding:var(--s5)}.ocard{text-align:left;width:100%;padding:var(--s4) var(--s5);background:var(--ink-800,var(--ink-700));border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;font:inherit;border-left-width:3px;flex-direction:column;align-items:stretch;gap:7px;transition:border-color .15s,transform 80ms;display:flex}.ocard:active{transform:scale(.992)}.ocard-local{border-left-color:var(--zone-green)}.ocard-interstate{border-left-color:var(--zone-orange)}.ocard-top{justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.ocard-number{color:var(--gold-400);letter-spacing:.02em;font-size:15px;font-weight:700}.ocard-amount{color:var(--text-hi);font-size:16px;font-weight:700}.ocard-name{color:var(--text-hi);font-size:15.5px;font-weight:600}.ocard-foot{justify-content:space-between;align-items:center;gap:var(--s2);margin-top:3px;display:flex}.ocard-when{color:var(--text-faint);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.locbadge{border-radius:var(--r-pill);align-self:flex-start;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.locbadge-sm{padding:3px 9px;font-size:11.5px}.locbadge-local{color:var(--zone-green);background:var(--zone-green-bg)}.locbadge-interstate{color:var(--zone-orange);background:var(--zone-orange-bg)}.hello-lastlogin{color:var(--text-dim);margin-top:5px;font-size:12px}.status-split{gap:var(--s4);margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line);display:flex}.status-col{gap:var(--s2);flex-direction:column;flex:1;align-items:flex-start;display:flex}.status-col-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);font-size:10.5px;font-weight:700}.quick-actions{gap:var(--s2);margin-top:var(--s4);display:flex}.qa-btn{border-radius:var(--r-md);border:1px solid var(--line);flex:1;justify-content:center;align-items:center;gap:8px;height:46px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.qa-call{background:var(--ink-650);color:var(--text-hi)}.qa-wa{color:#25d366;background:#25d36624;border-color:#25d3664d}.addr-row{gap:var(--s3);align-items:flex-start;display:flex}.addr-pin{border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.addr-local{color:var(--zone-green);background:var(--zone-green-bg)}.addr-interstate{color:var(--zone-orange);background:var(--zone-orange-bg)}.addr-body{flex-direction:column;gap:3px;display:flex}.addr-name{color:var(--text-hi);font-size:14.5px;font-weight:600}.addr-line{color:var(--text-dim);font-size:13.5px}.zone-tag{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-pill);align-self:flex-start;margin-top:5px;padding:3px 9px;font-size:10.5px;font-weight:700}.zone-local{color:var(--zone-green);background:var(--zone-green-bg)}.zone-interstate{color:var(--zone-orange);background:var(--zone-orange-bg)}.note-inline{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line);color:var(--text);align-items:flex-start;gap:6px;font-size:13px;font-style:italic;display:flex}.track-row{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.track-info{flex-direction:column;gap:3px;display:flex}.track-courier{color:var(--text-dim);font-size:12px;font-weight:600}.track-id{color:var(--text-hi);letter-spacing:.02em;font-size:16px;font-weight:700}.copy-btn{border-radius:var(--r-sm);background:var(--ink-650);border:1px solid var(--line);height:38px;color:var(--text-hi);cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.copy-btn:active{background:var(--ink-600)}.page-with-actionbar{padding-bottom:92px}.actionbar{gap:var(--s3);max-width:480px;padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:60;background:#0c0d14f0;align-items:center;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.actionbar>.btn:first-child{flex:1}.actionbar-done{color:var(--tone-green);flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.req{color:var(--tone-red)}.opt{color:var(--text-faint);font-size:12px;font-weight:400}.chip-row{gap:var(--s2);flex-wrap:wrap;display:flex}.chip{border-radius:var(--r-pill);background:var(--ink-650);border:1px solid var(--line);color:var(--text);cursor:pointer;padding:9px 14px;font-size:13px;font-weight:600}.chip-on{background:var(--gold-grad);color:var(--ink-900);box-shadow:var(--gold-glow);border-color:#0000}.textarea{background:var(--ink-700);border:1px solid var(--line);border-radius:var(--r-md);width:100%;color:var(--text-hi);padding:var(--s3);resize:vertical;font-family:inherit;font-size:14px;line-height:1.55}.textarea:focus{border-color:var(--gold-line);outline:none}.seg{background:var(--ink-700);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:var(--s4);gap:4px;padding:4px;display:flex}.seg-btn{border-radius:var(--r-sm);height:38px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:1;font-size:13px;font-weight:600}.seg-on{background:var(--gold-grad);color:var(--ink-900);box-shadow:var(--gold-glow)}.sheet-hint{color:var(--text-dim);margin-top:var(--s2);font-size:12px;line-height:1.5}.screen-intro{color:var(--text-dim);font-size:13.5px;line-height:1.55}.tpl-block{gap:var(--s3);margin-bottom:var(--s4);flex-direction:column;display:flex}.tpl-desc{color:var(--text-dim);margin-top:calc(var(--s2) * -1);font-size:12.5px}.var-row{gap:var(--s2);flex-wrap:wrap;display:flex}.var-chip{border-radius:var(--r-pill);background:var(--gold-soft);color:var(--gold-400);border:1px solid var(--gold-line);cursor:pointer;align-items:center;gap:4px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.tpl-actions{gap:var(--s2);justify-content:flex-end;display:flex}.row-nav{text-align:left;cursor:pointer;width:100%;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}.row-nav:active{background:var(--ink-650)}.row-chev{color:var(--text-faint);flex-shrink:0}.locked-tag{color:var(--text-dim);background:var(--ink-650);border-radius:var(--r-pill);align-items:center;gap:4px;padding:5px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.sub-banner{align-items:center;gap:var(--s3);padding:var(--s4);border-radius:var(--r-lg);border:1px solid var(--line);display:flex}.sub-green{background:var(--tone-green-bg);border-color:#34d39940}.sub-amber{background:var(--tone-amber-bg);border-color:#f0b42940}.sub-red{background:var(--tone-red-bg);border-color:#f8717140}.sub-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sub-dot-green{background:var(--tone-green)}.sub-dot-amber{background:var(--tone-amber)}.sub-dot-red{background:var(--tone-red)}.sub-banner-text{flex-direction:column;gap:1px;display:flex}.sub-banner-title{color:var(--text-hi);font-size:15px;font-weight:700}.sub-banner-sub{color:var(--text-dim);font-size:12.5px}.sub-card{gap:var(--s4);flex-direction:column;display:flex}.sub-plan{justify-content:space-between;align-items:flex-end;display:flex}.sub-plan-name{color:var(--text-hi);font-size:16px;font-weight:700}.sub-plan-fee{color:var(--text-hi);font-size:22px;font-weight:700}.sub-plan-per{color:var(--text-dim);font-size:13px;font-weight:500}.kv-list{flex-direction:column;display:flex}.kv{padding:var(--s3) 0;justify-content:space-between;align-items:center;display:flex}.kv+.kv{border-top:1px solid var(--line)}.kv-k{color:var(--text-dim);align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.kv-v{color:var(--text-hi);font-size:14px;font-weight:600}.sub-note{color:var(--text-dim);margin-top:var(--s1);font-size:12px;line-height:1.55}.tl-step-done .tl-node,.tl-step-current .tl-node{background:var(--gold-grad);color:var(--ink-900);border-color:#0000;box-shadow:0 0 10px #d4af3773}.tl-step-current .tl-node{outline:3px solid var(--gold-soft)}.summary-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.summary-number{color:var(--gold-400);letter-spacing:.02em;font-size:15px;font-weight:700}.summary-amount{color:var(--text-hi);font-size:26px;font-weight:700}.summary-card .status-split{margin-top:var(--s4)}.summary-card .kv-list{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}.instruction-card{gap:var(--s3);background:var(--gold-soft);border-color:var(--gold-line);color:var(--gold-400);align-items:flex-start;display:flex}.instruction-text{color:var(--text-hi);font-size:14px;line-height:1.5}.wide-btn{margin-top:var(--s4);border-radius:var(--r-md);background:var(--ink-650);border:1px solid var(--line);width:100%;height:44px;color:var(--text-hi);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.wide-btn:active{background:var(--ink-600)}.cust-line{flex-direction:column;gap:3px;display:flex}.cust-name{color:var(--text-hi);font-size:15.5px;font-weight:600}.cust-phone{color:var(--text-dim);font-size:13.5px}.muted-line{color:var(--text-dim);font-size:14px}.note-display{text-align:left;justify-content:space-between;align-items:center;gap:var(--s3);cursor:pointer;width:100%;font:inherit;display:flex}.note-text{color:var(--text-hi);white-space:pre-wrap;font-size:14px;line-height:1.5}.note-edit-ico{color:var(--text-faint);flex-shrink:0}.order-grid{gap:var(--s3);flex-direction:column;display:flex}.scroll-sentinel{height:1px}.notif-body{flex-direction:column;gap:3px;display:flex}.notif-title{color:var(--text-hi);font-size:14.5px;font-weight:600;line-height:1.3}.notif-text{color:var(--text);font-size:13px;line-height:1.45}.notif-time{color:var(--text-faint);font-size:11.5px}.profile-head-chev{color:var(--text-faint);margin-left:auto}.timeline{flex-direction:column;display:flex}.tl-step{gap:var(--s3);display:flex}.tl-rail{flex-direction:column;flex-shrink:0;align-items:center;width:14px;display:flex}.tl-dot{background:var(--ink-600);border:2px solid var(--line-strong);z-index:1;border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:5px}.tl-dot-green{background:var(--tone-green);border-color:#0000}.tl-dot-amber{background:var(--tone-amber);border-color:#0000}.tl-dot-blue{background:var(--tone-blue);border-color:#0000}.tl-dot-violet{background:var(--tone-violet);border-color:#0000}.tl-dot-gray{background:var(--tone-gray);border-color:#0000}.tl-line{background:var(--line-strong);flex:1;width:2px;min-height:24px;margin:3px 0}.tl-step-done .tl-line{background:var(--gold-line)}.tl-body{padding-bottom:var(--s5);flex-direction:column;flex:1;gap:3px;display:flex}.tl-step:last-child .tl-body{padding-bottom:0}.tl-title{color:var(--text-hi);font-size:14.5px;font-weight:600}.tl-note{color:var(--text-dim);font-size:13px}.tl-time{color:var(--text-faint);font-size:12px}.tl-step-done .tl-node,.tl-step-current .tl-node{box-shadow:none;outline:none}.bottomnav-mhide{display:none}@media (width>=600px){:root{--shell-w:760px}.stat-grid{grid-template-columns:repeat(4,1fr)}.actionbar{max-width:var(--shell-w)}.page{padding:var(--s5) var(--s6) var(--s8)}}@media (width>=640px){.order-grid{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}}@media (width>=1024px){:root{--sidebar-w:236px}.shell{max-width:1180px;margin-left:var(--sidebar-w);border-inline:1px solid var(--line);margin-right:auto}.bottomnav,.bottomnav-mhide{width:var(--sidebar-w);max-width:var(--sidebar-w);height:100svh;padding:var(--s5) var(--s3);border-top:none;border-right:1px solid var(--line);background:var(--ink-850);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;display:flex;top:0;bottom:0;left:0;transform:none}.navitem{justify-content:flex-start;gap:var(--s3);padding:12px var(--s4);border-radius:var(--r-md);flex-direction:row;flex:none}.navitem-active{background:var(--gold-soft)}.navitem-active:before{display:none}.navitem-label{letter-spacing:0;font-size:14px}.navitem-dot{position:absolute;top:8px;right:10px}.screen{padding-bottom:var(--s8)}.actionbar{left:var(--sidebar-w);max-width:1180px;width:min(1180px, calc(100vw - var(--sidebar-w)));margin:0;right:auto}}@media (width>=1320px){.order-grid{grid-template-columns:repeat(3,1fr)}}.navitem-active:before{content:"";background:var(--gold-grad);border-radius:2px;width:20px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #d4af3799}@media (width>=1024px){.navitem-active{border-left:2px solid var(--gold-400);background:0 0;border-radius:0}.navitem-active:before{display:none}}.tl-step-pending .tl-line{background:var(--line)}.action-btn{border-radius:var(--r-pill);background:var(--gold-grad);color:var(--ink-900);cursor:pointer;box-shadow:var(--gold-glow);border:none;align-self:flex-start;padding:9px 16px;font-size:13px;font-weight:700}.navitem-active{color:var(--gold-400)}.actionbar-hidden{display:none!important}.tl-check{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:3px;display:grid}.tl-dot-pending{border:2px solid var(--line-strong);background:0 0;border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:5px}.tl-time-pending{color:var(--text-faint);font-style:italic}.tl-step-pending .tl-title{color:var(--text-dim)}.action-item{gap:var(--s3);padding:var(--s4);background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-md);border-left-width:3px;flex-direction:column;display:flex}.action-red{border-left-color:var(--tone-red)}.action-amber{border-left-color:var(--tone-amber)}.action-head{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.action-priority{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;font-size:11.5px;font-weight:700}.action-time{color:var(--text-faint);white-space:nowrap;flex-shrink:0;font-size:11.5px}.action-body{align-items:center;gap:var(--s3);display:flex}.action-ico{background:var(--ink-650);width:38px;height:38px;color:var(--gold-400);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.action-text{flex-direction:column;gap:2px;display:flex}.action-title{color:var(--text-hi);font-size:14.5px;font-weight:600}.action-desc{color:var(--text-dim);font-size:13px}.action-btn{border-radius:var(--r-pill);background:var(--gold-grad);color:var(--ink-900);cursor:pointer;border:none;align-self:flex-start;padding:9px 16px;font-size:13px;font-weight:700}.action-btn:active{opacity:.85}.sub-header{gap:var(--s1);padding-bottom:var(--s4);flex-direction:column;display:flex}.sub-header-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:700}.sub-header-plan{color:var(--text-hi);font-size:22px;font-weight:700}.sub-detail-card{gap:var(--s4);flex-direction:column;display:flex}.sub-pay-wrap{padding-top:var(--s4);border-top:1px solid var(--line)}.profile-logo{object-fit:contain;width:80px;height:80px}.profile-store{color:var(--gold-400);margin-top:2px;font-size:13px;font-weight:600}.lineitem{justify-content:space-between;align-items:flex-start;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line);display:flex}.lineitem:last-of-type{border-bottom:none}.lineitem-info{flex-direction:column;flex:1;gap:3px;display:flex}.lineitem-vars{color:var(--gold-400);font-size:12px;font-weight:500}.lineitem-right{align-items:center;gap:var(--s2);flex-shrink:0;display:flex}.action-btn-sent{background:var(--ink-650);color:var(--tone-green);border:1px solid var(--tone-green)}.topbar-avatar-initial{border:2px solid var(--gold-400);width:34px;height:34px;color:var(--gold-400);letter-spacing:.02em;background:0 0;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;box-shadow:0 0 8px #d4af3766}.profile-avatar-initial{border:3px solid var(--gold-400);width:84px;height:84px;color:var(--gold-400);letter-spacing:.05em;background:0 0;border-radius:50%;place-items:center;font-size:28px;font-weight:700;display:grid;box-shadow:0 0 16px #d4af3766}.summary-head-right{align-items:center;gap:var(--s3);display:flex}.more-btn{background:var(--ink-650);border:1px solid var(--line);width:34px;height:34px;color:var(--text-dim);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.more-btn:active{background:var(--ink-600)}.order-frozen-banner{align-items:center;gap:var(--s2);padding:var(--s3);border-radius:var(--r-md);margin-bottom:var(--s4);font-size:14px;font-weight:600;display:flex}.banner-red{color:var(--tone-red);background:#f871711f;border:1px solid #f8717140}.banner-amber{color:var(--tone-amber);background:#f0b4291f;border:1px solid #f0b42940}.sheet-actions-col{flex-direction:column}