:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:light-dark(#172033,#d6dded);background:light-dark(#f4f6fa,#131b2a);font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f6fa;--panel: rgba(255,255,255,.92);--text: #172033;--muted: #697386;--line: #e6eaf1;--line-strong: #d8dee9;--brand-primary: #30739d;--brand-hover: #275f82;--brand-soft: #eaf2f7;--brand-tint: #f4f8fb;--brand-border: #bfd5e3;--brand-focus: rgba(48,115,157,.24);--blue: var(--brand-primary);--blue-soft: var(--brand-soft);--green: #12845b;--green-soft: #e9f8f1;--amber: #a86600;--amber-soft: #fff5df;--red: #c83b47;--red-soft: #fff0f1;--shadow: 0 18px 50px rgba(31, 42, 68, .08);--radius: 18px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at 80% -10%,var(--brand-soft) 0,transparent 28%),var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--brand-focus);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:242px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px 16px;background:light-dark(rgba(250,251,253,.86),rgba(17,24,39,.86));border-right:1px solid light-dark(rgba(214,220,231,.72),rgba(34,43,59,.72));backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:30}.brand-row{display:flex;align-items:center;gap:10px;padding:4px 8px 24px}.brand-logo{display:grid;width:140px;max-width:100%;aspect-ratio:300 / 89}.brand-logo img{grid-area:1 / 1;width:100%;height:100%;min-height:0;object-fit:contain;transition:opacity .35s ease}.brand-logo-dark{opacity:0}:root[data-theme=dark] .brand-logo-light{opacity:0}:root[data-theme=dark] .brand-logo-dark{opacity:1}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy span{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:light-dark(#8b94a5,#bdc2cc);margin-top:4px}.main-nav{display:flex;flex-direction:column;gap:5px}.main-nav button{border:0;background:transparent;border-radius:12px;padding:10px 11px;display:flex;align-items:center;gap:11px;color:light-dark(#657083,#c7ccd4);cursor:pointer;font-weight:650;text-align:left}.main-nav button:hover{background:light-dark(#f0f3f8,#151e2d);color:light-dark(#24314a,#d1d9e9)}.main-nav button.active{background:light-dark(white,#18232f);color:light-dark(#172033,#d6dded);box-shadow:0 5px 20px #28324b12,inset 0 0 0 1px light-dark(#e4e9f1,#1b2433)}.main-nav button.active svg{color:var(--blue)}.sidebar-spacer{flex:1}.system-card{border:1px solid var(--line);background:light-dark(rgba(255,255,255,.72),rgba(18,25,33,.72));border-radius:13px;padding:10px;display:flex;gap:9px;align-items:center;margin:10px 4px}.system-card svg{color:light-dark(#7b8798,#c1c7cf)}.system-card div{min-width:0;flex:1;display:flex;flex-direction:column}.system-card strong{font-size:12px}.system-card span{color:var(--muted);font-size:10px;margin-top:2px}.system-card i{width:8px;height:8px;border-radius:50%;background:light-dark(#28b87a,#28b87a);box-shadow:0 0 0 4px light-dark(#e7f8f1,#153226)}.account-row{display:flex;gap:9px;align-items:center;padding:10px 6px 4px}.avatar{width:34px;height:34px;border-radius:50%;background:light-dark(#e8edf6,#162032);color:light-dark(#44516a,#ccd2de);display:grid;place-items:center;font-size:11px;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.account-copy{min-width:0;display:flex;flex:1;flex-direction:column}.account-copy strong{font-size:12px}.account-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:light-dark(#8a93a3,#bec3cc);font-size:10px;margin-top:2px}.icon-button{border:1px solid var(--line);background:light-dark(white,#18232f);width:36px;height:36px;border-radius:11px;display:grid;place-items:center;cursor:pointer}.icon-button.subtle{border:0;background:transparent;color:light-dark(#8a94a5,#bdc3cc)}.main-area{min-width:0}.page-wrap{width:min(1480px,calc(100% - 52px));margin:0 auto;padding:38px 0 64px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.page-heading .eyebrow{color:light-dark(#8b95a6,#bdc2cc);font-size:10px;letter-spacing:1.65px;font-weight:800}.page-heading h1{font-size:32px;line-height:1.05;letter-spacing:-1.2px;margin:7px 0 8px}.page-heading p{color:var(--muted);margin:0;font-size:14px}.heading-actions{display:flex;align-items:center;gap:8px}.live-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:light-dark(rgba(255,255,255,.75),rgba(18,25,33,.75));border-radius:999px;padding:7px 11px;font-size:11px;color:light-dark(#536074,#cad0d9);font-weight:700}.live-pill span{width:7px;height:7px;border-radius:50%;background:light-dark(#2bbb7f,#2bbb7f);box-shadow:0 0 0 4px light-dark(#e4f7ef,#163427)}.primary-button,.secondary-button{border-radius:11px;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer}.primary-button{border:1px solid var(--brand-hover);color:#fff;background:var(--brand-primary);box-shadow:0 7px 18px #30739d2e}.primary-button:hover:not(:disabled){background:var(--brand-hover)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{border:1px solid var(--line);background:light-dark(white,#18232f)}.panel{background:light-dark(rgba(255,255,255,.9),rgba(18,25,33,.9));border:1px solid light-dark(rgba(223,228,237,.9),rgba(30,38,53,.9));border-radius:var(--radius);box-shadow:var(--shadow)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.metric-card{min-height:130px;background:light-dark(rgba(255,255,255,.9),rgba(18,25,33,.9));border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 10px 34px #2a344b0d}.metric-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--blue)}.metric-icon svg{width:19px}.metric-card>div:last-child{display:flex;flex-direction:column}.metric-card span{font-size:11px;color:var(--muted);font-weight:700}.metric-card strong{font-size:24px;letter-spacing:-.6px;margin:8px 0 3px}.metric-card small{color:light-dark(#9aa2af,#bac0c9);font-size:10px}.metric-card.metric-accent .metric-icon{background:var(--amber-soft);color:var(--amber)}.recent-panel{overflow:hidden}.panel-title{padding:19px 20px 13px;border-bottom:1px solid var(--line)}.panel-title h2{margin:0;font-size:16px}.panel-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.mini-order{width:100%;border:0;border-bottom:1px solid light-dark(#edf0f5,#19202c);background:transparent;display:grid;grid-template-columns:85px minmax(220px,1fr) 120px 120px 160px 24px;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;text-align:left}.mini-order:hover{background:light-dark(#fafbfe,#101626)}.mini-order:last-child{border-bottom:0}.mini-order-id{font-weight:800;font-size:12px}.mini-order-main{display:flex;min-width:0;flex-direction:column}.mini-order-main strong{font-size:12px}.mini-order-main span{color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-order-time{display:flex;align-items:center;gap:5px;color:light-dark(#7a8596,#c2c7cf);font-size:10px}.mini-order-total{font-weight:750;font-size:12px;text-align:right}.row-arrow{color:light-dark(#b4bcc9,#b0b8c6)}.orders-toolbar{position:sticky;top:0;z-index:10;background:light-dark(rgba(244,246,250,.88),rgba(19,27,42,.88));backdrop-filter:blur(14px);margin:0 -6px 8px;padding:5px 6px 10px}.status-tabs{display:flex;gap:6px;margin-bottom:11px;overflow:auto;padding-bottom:1px}.status-tabs button{border:1px solid transparent;background:transparent;padding:8px 11px;border-radius:10px;color:light-dark(#6b7688,#c6cbd2);font-weight:700;font-size:12px;display:flex;gap:8px;cursor:pointer;white-space:nowrap}.status-tabs button span{min-width:20px;text-align:center;background:light-dark(#e8ebf0,#1e242e);color:light-dark(#738094,#c3c8d1);padding:1px 6px;border-radius:999px;font-size:10px}.status-tabs button.active{background:light-dark(white,#18232f);color:light-dark(#1e2b42,#d2dbeb);border-color:var(--line);box-shadow:0 5px 16px #26314b0d}.status-tabs button.active span{background:var(--blue-soft);color:var(--blue)}.toolbar-row,.customer-toolbar{display:flex;align-items:center;gap:10px}.search-box{flex:1;max-width:670px;height:43px;border:1px solid var(--line-strong);background:light-dark(white,#18232f);border-radius:12px;display:flex;align-items:center;padding:0 11px;gap:9px;box-shadow:0 4px 16px #28324b09}.search-box svg{color:light-dark(#8993a3,#bec3cc);flex:none}.search-box input{border:0;outline:0;flex:1;min-width:0;color:var(--text);font-size:12px}.search-box input::placeholder{color:light-dark(#a0a7b4,#b9bec8)}.search-box button{border:0;background:transparent;display:grid;place-items:center;color:light-dark(#9aa2af,#bac0c9);cursor:pointer}.filter-button{height:43px;border:1px solid var(--line);border-radius:12px;background:light-dark(white,#18232f);padding:0 13px;display:flex;gap:7px;align-items:center;font-size:11px;font-weight:700;cursor:pointer}.order-list-header,.customer-list-header{display:grid;align-items:center;color:light-dark(#98a0ae,#bbc0c9);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;padding:7px 18px}.order-list-header{grid-template-columns:minmax(220px,.9fr) minmax(300px,1.35fr) minmax(300px,1fr);gap:20px}.order-list{border:1px solid light-dark(#e0e5ed,#1e2734);border-radius:16px;overflow:hidden;background:light-dark(rgba(255,255,255,.92),rgba(18,25,33,.92));box-shadow:0 10px 35px #202d460b;transition:opacity .18s ease}.order-list.is-refreshing{opacity:.68}.order-row{position:relative;min-height:88px;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(300px,1.35fr) minmax(300px,1fr) 20px;align-items:center;gap:20px;padding:13px 16px 13px 18px;border-bottom:1px solid light-dark(#e9edf3,#1a222f);cursor:pointer;transition:background .13s ease,transform .13s ease}.order-row:last-child{border-bottom:0}.order-row:hover{background:var(--brand-tint)}.order-row.is-priority:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 4px 4px 0;background:light-dark(#f0a51b,#f0a51b)}.order-primary,.order-content,.order-actions{min-width:0}.order-id-line{display:flex;align-items:center;gap:7px;margin-bottom:4px}.order-id-line>strong{font-size:11px}.order-id-line>span{color:light-dark(#8d96a5,#bdc3cb);font-size:9px}.priority-dot{color:light-dark(#9e6500,#f1debd)!important;background:light-dark(#fff3d8,#352c17);border-radius:999px;padding:2px 6px;display:inline-flex;align-items:center;gap:3px;font-weight:800}.order-primary h3{font-size:13px;margin:0 0 4px;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-contact-mini{color:light-dark(#7d8797,#c2c7ce);font-size:10px;display:flex;gap:6px;align-items:center;min-width:0}.order-contact-mini span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-summary{display:flex;align-items:baseline;gap:8px;min-width:0}.item-summary strong{font-size:11px;flex:none}.item-summary span{color:light-dark(#727e90,#c4c9d1);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shipping-mini{display:flex;align-items:center;gap:5px;margin-top:6px;color:light-dark(#929aa8,#bdc2ca);font-size:9px}.order-actions{display:flex;flex-direction:column;gap:9px}.order-total-row{display:flex;justify-content:flex-end;align-items:center;gap:8px}.order-total-row>strong{font-size:12px;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;border-radius:999px;min-height:24px;padding:0 9px;font-size:9px;font-weight:800;background:light-dark(#eff2f6,#18202b);color:light-dark(#5d6879,#cacfd6);white-space:nowrap}.status-processing{background:light-dark(#eaf7f1,#153124);color:light-dark(#157450,#c1f2df)}.status-pending{background:var(--brand-soft);color:var(--brand-primary)}.status-on-hold{background:light-dark(#fff4dc,#342a16);color:light-dark(#946000,#f1e0bf)}.status-completed{background:light-dark(#edf0f5,#19202c);color:light-dark(#586475,#cad0d7)}.status-cancelled,.status-failed{background:light-dark(#ffeff1,#2b1215);color:light-dark(#b43c48,#e6b3b8)}.quick-toggles{display:flex;justify-content:flex-end;gap:5px}.toggle-pill{height:25px;border:1px solid light-dark(#e2e6ed,#1f2632);background:light-dark(#f9fafc,#131926);border-radius:999px;padding:0 8px 0 5px;display:inline-flex;gap:5px;align-items:center;font-size:9px;color:light-dark(#7a8595,#c3c8cf);cursor:pointer}.toggle-pill.is-active{background:light-dark(#edf8f3,#142f23);border-color:light-dark(#d4eee2,#1b3f2e);color:light-dark(#207252,#c3eedd)}.toggle-check{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:light-dark(#e6eaf0,#1d2530);color:#fff}.toggle-pill.is-active .toggle-check{background:light-dark(#2d9a6f,#2d9a6f)}.order-chevron{color:light-dark(#bdc4cf,#aeb7c4)}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px;color:light-dark(#7d8797,#c2c7ce);font-size:10px}.pagination button{border:1px solid var(--line);background:light-dark(white,#18232f);border-radius:10px;height:36px;padding:0 11px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;cursor:pointer}.pagination button:disabled{opacity:.45;cursor:not-allowed}.empty-state{border:1px dashed light-dark(#d7dde7,#232b3a);min-height:220px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:light-dark(#9099a8,#bcc2cb);background:light-dark(rgba(255,255,255,.55),rgba(18,25,33,.55))}.empty-state h3{margin:12px 0 4px;font-size:14px;color:light-dark(#526075,#cad0da)}.empty-state p{margin:0;font-size:11px}.drawer-open{overflow:hidden}.drawer-layer{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end}.drawer-backdrop{position:absolute;inset:0;border:0;background:#161d2d38;backdrop-filter:blur(2px)}.drawer{position:relative;height:100%;background:light-dark(#fbfcfe,#101826);box-shadow:-24px 0 80px #131d3229;animation:drawer-in .2s cubic-bezier(.2,.8,.2,1);overflow:hidden;display:flex;flex-direction:column}@keyframes drawer-in{0%{transform:translate(30px);opacity:.5}to{transform:translate(0);opacity:1}}.drawer-header{min-height:74px;padding:16px 18px 14px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:light-dark(rgba(255,255,255,.88),rgba(18,25,33,.88));backdrop-filter:blur(12px)}.drawer-header h2{margin:0;font-size:19px;letter-spacing:-.5px}.drawer-header p{color:var(--muted);margin:4px 0 0;font-size:10px}.drawer-body{overflow:auto;padding:16px 18px 38px}.drawer-actionbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.drawer-actionbar select{height:40px;min-width:220px;border:1px solid var(--line-strong);border-radius:11px;background:light-dark(white,#18232f);padding:0 34px 0 11px;font-weight:700;font-size:11px}.save-indicator{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:light-dark(#7a8494,#c3c7cf)}.save-indicator.is-saved{color:light-dark(#2a7c5c,#c2eada)}.save-indicator.is-error{color:light-dark(#b63e4b,#e5b3b8)}.save-cloud{opacity:.6}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drawer-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px}.drawer-quick{border:1px solid var(--line);background:light-dark(white,#18232f);border-radius:13px;min-height:82px;padding:10px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;text-align:left;cursor:default}button.drawer-quick{cursor:pointer}.drawer-quick>svg{width:17px;color:light-dark(#8590a0,#bfc5cd)}.drawer-quick span{font-size:9px;color:light-dark(#8a94a4,#bec3cc);font-weight:700}.drawer-quick strong{grid-column:1 / 3;font-size:11px;margin-top:8px}.drawer-quick.active{background:light-dark(#f1faf6,#132c21);border-color:light-dark(#d8eee3,#1b3d2c)}.drawer-quick.active>svg{color:light-dark(#20825b,#beefdb)}.drawer-quick.warning{background:light-dark(#fff7e8,#2e2514);border-color:light-dark(#f6e2b8,#483b1f)}.drawer-quick.warning>svg{color:light-dark(#b2760c,#f0dbb6);fill:light-dark(#b2760c,#f0dbb6)}.customer-note{display:flex;gap:10px;background:light-dark(#fff8e8,#2e2614);border:1px solid light-dark(#f3dfb5,#4b3d20);border-radius:12px;padding:11px;color:light-dark(#8a651e,#f0debb);margin-bottom:13px}.customer-note svg{flex:none;margin-top:1px}.customer-note strong{font-size:10px}.customer-note p{margin:3px 0 0;color:light-dark(#765f32,#e6dbc5);font-size:10px;line-height:1.45}.drawer-section{background:light-dark(white,#18232f);border:1px solid var(--line);border-radius:14px;padding:13px;margin-top:10px}.drawer-section>h3{margin:0 0 10px;font-size:11px;letter-spacing:-.1px}.line-items{display:flex;flex-direction:column}.line-item{min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) auto auto 80px;align-items:center;gap:9px;border-top:1px solid light-dark(#edf0f4,#1a222b)}.line-item:first-child{border-top:0}.product-thumb{width:34px;height:34px;border-radius:9px;background:light-dark(#f0f3f7,#17202b);display:grid;place-items:center;overflow:hidden;color:light-dark(#8d96a5,#bdc3cb);font-weight:800}.product-thumb img{width:100%;height:100%;object-fit:cover}.line-item-main{min-width:0;display:flex;flex-direction:column}.line-item-main strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-item-main span{color:light-dark(#9098a6,#bdc2ca);font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-tag{background:light-dark(#eef2f8,#141f2f);color:light-dark(#647187,#c6cbd5);border-radius:6px;padding:4px 6px;font-size:8px;font-weight:800}.qty-tag{color:light-dark(#526075,#cad0da);font-size:9px;font-weight:750;min-width:30px;text-align:right}.line-total{font-size:9px;font-weight:750;text-align:right}.drawer-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-line{display:flex;gap:9px;padding:7px 0;border-top:1px solid light-dark(#eef1f5,#19212b)}.info-line:first-of-type{border-top:0}.info-line>span{width:26px;height:26px;border-radius:8px;background:light-dark(#f2f5f9,#141e2b);display:grid;place-items:center;color:light-dark(#7f8b9d,#c0c6cf);flex:none}.info-line svg{width:13px}.info-line>div{display:flex;min-width:0;flex-direction:column;justify-content:center}.info-line strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-line small{color:light-dark(#929ba9,#bcc2ca);font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-composer textarea{width:100%;resize:vertical;border:1px solid var(--line-strong);border-radius:10px;padding:9px;min-height:66px;outline:0;font-size:10px}.note-composer .primary-button{min-height:34px;margin-top:7px;font-size:9px}.notes-list{margin-top:10px}.note-entry{border-top:1px solid light-dark(#edf0f4,#1a222b);padding:10px 0 2px}.note-entry>div{display:flex;justify-content:space-between;font-size:8px}.note-entry span{color:light-dark(#9aa2af,#bac0c9)}.note-entry p{margin:5px 0 0;color:light-dark(#5f6b7e,#c8cdd6);font-size:9px;line-height:1.45}.drawer-loading{padding:18px}.customer-toolbar{margin-bottom:14px}.customer-list-header{grid-template-columns:minmax(260px,1fr) minmax(300px,1.2fr) 260px 20px;gap:20px}.customer-list{border:1px solid light-dark(#e0e5ed,#1e2734);border-radius:16px;overflow:hidden;background:light-dark(white,#18232f)}.customer-row{width:100%;min-height:77px;border:0;border-bottom:1px solid light-dark(#e9edf3,#1a222f);background:light-dark(white,#18232f);display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.2fr) 260px 20px;align-items:center;gap:20px;padding:11px 16px;text-align:left;cursor:pointer}.customer-row:last-child{border-bottom:0}.customer-row:hover{background:var(--brand-tint)}.customer-person{display:flex;align-items:center;gap:10px;min-width:0}.avatar.large{width:38px;height:38px;border-radius:12px}.customer-person>div:last-child{min-width:0;display:flex;flex-direction:column}.customer-person strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-person span{color:light-dark(#8d96a5,#bdc3cb);font-size:9px;margin-top:3px}.customer-contact{display:flex;flex-direction:column;gap:5px;min-width:0}.customer-contact span{display:flex;align-items:center;gap:5px;color:light-dark(#697689,#c6cbd3);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-contact svg{width:13px;color:light-dark(#99a2b0,#bac0c9)}.customer-stats{display:flex;justify-content:flex-end;gap:26px}.customer-stats div{display:flex;flex-direction:column;text-align:right}.customer-stats strong{font-size:10px}.customer-stats span{color:light-dark(#9aa2af,#bac0c9);font-size:8px;margin-top:2px}.customer-hero{display:flex;gap:13px;align-items:center;background:linear-gradient(135deg,light-dark(#f7f9fd,#111928),var(--brand-soft));border:1px solid light-dark(#e1e7f1,#192436);border-radius:15px;padding:15px}.hero-avatar{width:54px;height:54px;border-radius:16px;font-size:14px;background:light-dark(white,#18232f);box-shadow:0 6px 18px #28345014}.customer-hero h3{margin:0;font-size:14px}.customer-hero p{margin:3px 0 0;color:light-dark(#7e899a,#c1c6ce);font-size:9px}.customer-hero-stats{display:flex;gap:14px;margin-top:7px}.customer-hero-stats span{font-size:8px;color:light-dark(#7e899a,#c1c6ce)}.customer-hero-stats strong{color:light-dark(#29364d,#d1d9e7)}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.edit-grid label{color:light-dark(#7a8597,#c2c7cf);font-size:8px;font-weight:750}.edit-grid input{width:100%;height:36px;margin-top:4px;border:1px solid var(--line);border-radius:9px;padding:0 9px;font-size:10px;outline:0}.edit-grid input:focus{border-color:var(--brand-border);box-shadow:0 0 0 3px var(--brand-soft)}.contact-actions{display:flex;gap:7px}.contact-actions a,.contact-actions button{flex:1;height:38px;border:1px solid var(--line);background:light-dark(#fafbfc,#151c23);color:light-dark(#546175,#cad0d9);text-decoration:none;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:750;cursor:pointer}.customer-orders button{width:100%;min-height:48px;display:grid;grid-template-columns:24px 1fr 90px 110px;align-items:center;gap:7px;border:0;border-top:1px solid light-dark(#edf0f4,#1a222b);background:transparent;text-align:left;cursor:pointer}.customer-orders button:first-child{border-top:0}.customer-orders button:hover{background:light-dark(#fafbfe,#101626)}.customer-orders button>svg{color:light-dark(#8b96a7,#bcc3cc)}.customer-orders button>div{display:flex;flex-direction:column}.customer-orders button>div strong{font-size:9px}.customer-orders button>div span{color:light-dark(#9aa2af,#bac0c9);font-size:8px;margin-top:2px}.customer-orders button>strong{text-align:right;font-size:9px}.address-card{display:flex;gap:9px}.address-card>svg{color:light-dark(#8994a4,#bdc4cc)}.address-card div{display:flex;flex-direction:column}.address-card strong{font-size:9px}.address-card span{color:light-dark(#8e97a5,#bec3cb);font-size:8px;margin-top:2px}.address-card p{color:light-dark(#697589,#c6cbd3);font-size:9px;margin:6px 0 0}.skeleton{background:linear-gradient(90deg,light-dark(#edf0f5,#19202c) 25%,light-dark(#f6f8fb,#121b29) 37%,light-dark(#edf0f5,#19202c) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-list{border:1px solid var(--line);border-radius:16px;overflow:hidden}.skeleton-row{height:86px;border-bottom:1px solid light-dark(white,#18232f)}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{min-width:280px;max-width:420px;min-height:46px;border-radius:12px;background:light-dark(#1f293b,#1f293b);color:#fff;box-shadow:0 14px 44px #0a122138;display:flex;align-items:center;gap:9px;padding:9px 10px;font-size:10px}.toast-success>svg{color:light-dark(#6ce4ac,#98e9c3)}.toast-error>svg{color:light-dark(#ff8993,#e78c94)}.toast span{flex:1}.toast button{border:0;background:transparent;color:light-dark(#bfc6d0,#aeb7c3);display:grid;place-items:center;cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:light-dark(#f5f7fb,#121a2a)}.login-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:520px;height:520px;right:-150px;top:-210px;background:radial-gradient(circle,var(--brand-soft),rgba(48,115,157,0))}.orb-two{width:450px;height:450px;left:-180px;bottom:-220px;background:radial-gradient(circle,light-dark(#e8f7f2,#153228),light-dark(rgba(232,247,242,0),rgba(21,50,40,0)))}.login-card{width:min(420px,calc(100% - 32px));background:light-dark(rgba(255,255,255,.9),rgba(18,25,33,.9));border:1px solid light-dark(rgba(218,224,234,.9),rgba(32,41,57,.9));box-shadow:0 30px 80px #1c28411f;backdrop-filter:blur(16px);border-radius:22px;padding:25px;position:relative}.login-brand{display:flex;align-items:center;gap:9px;font-size:14px}.login-title{margin:30px 0 24px}.login-icon{width:42px;height:42px;border-radius:13px;background:var(--brand-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:14px}.login-title h1{margin:0;font-size:28px;letter-spacing:-.8px}.login-title p{margin:7px 0 0;color:light-dark(#7b8697,#c2c7cf);font-size:11px;line-height:1.5;max-width:300px}.login-card label{display:block;color:light-dark(#657185,#c7ccd4);font-size:9px;font-weight:750;margin-top:11px}.login-card input{width:100%;height:43px;border:1px solid light-dark(#dce2eb,#202937);border-radius:11px;margin-top:5px;padding:0 11px;outline:0;font-size:11px;background:light-dark(#fff,#121921)}.login-card input:focus{border-color:var(--brand-border);box-shadow:0 0 0 3px var(--brand-soft)}.login-button{width:100%;margin-top:16px}.login-security{display:flex;justify-content:center;gap:6px;align-items:center;color:light-dark(#8a94a4,#bec3cc);font-size:8px;margin-top:17px}.form-error{background:light-dark(#fff0f1,#2b1214);color:light-dark(#b23c48,#e6b4b9);border:1px solid light-dark(#f6d7da,#3a191c);border-radius:9px;padding:8px 9px;font-size:9px;margin-top:10px}.boot-screen{min-height:100vh;display:grid;place-content:center;gap:16px;background:light-dark(#f6f8fb,#121b29)}.boot-logo{width:180px;margin:auto}.boot-line{margin:auto;width:110px;height:3px;background:light-dark(#e4e8ef,#1d2532);border-radius:999px;overflow:hidden}.boot-line span{display:block;width:45px;height:100%;background:var(--blue);border-radius:999px;animation:boot 1s ease-in-out infinite alternate}@keyframes boot{0%{transform:translate(0)}to{transform:translate(65px)}}.mobile-topbar,.mobile-close,.mobile-overlay{display:none}@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.order-list-header{display:none}.order-row{grid-template-columns:minmax(190px,.8fr) minmax(240px,1.15fr) minmax(240px,1fr) 16px;gap:12px}.metric-grid{grid-template-columns:1fr 1fr}.mini-order{grid-template-columns:75px minmax(180px,1fr) 100px 110px 140px 20px}.customer-list-header{display:none}.customer-row{grid-template-columns:minmax(220px,1fr) minmax(250px,1fr) 220px 18px;gap:12px}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:260px;transform:translate(-105%);transition:transform .2s ease;box-shadow:20px 0 60px #141e3026}.sidebar.is-open{transform:translate(0)}.mobile-close{margin-left:auto;display:grid;border:0;background:transparent;width:32px;height:32px;place-items:center}.mobile-overlay{display:block;position:fixed;inset:0;z-index:20;border:0;background:#151e2d38}.mobile-topbar{display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 14px;background:light-dark(rgba(250,251,253,.9),rgba(17,24,39,.9));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15;backdrop-filter:blur(14px)}.mobile-brand{width:115px}.page-wrap{width:calc(100% - 24px);padding:22px 0 42px}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.order-row{grid-template-columns:1fr 22px;gap:8px;padding:13px}.order-content{grid-column:1}.order-actions{grid-column:1;flex-direction:row;justify-content:space-between;align-items:center}.order-total-row{justify-content:flex-start}.order-chevron{grid-column:2;grid-row:1 / 4}.quick-toggles{justify-content:flex-start}.customer-row{grid-template-columns:1fr 18px}.customer-contact,.customer-stats{grid-column:1}.customer-stats{justify-content:flex-start}.customer-row>svg{grid-column:2;grid-row:1 / 4}.mini-order{grid-template-columns:70px 1fr 20px}.mini-order-time,.mini-order-total,.mini-order .status-badge{display:none}}@media(max-width:620px){.page-heading p{font-size:11px}.heading-actions{display:none}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:100px}.toolbar-row{align-items:stretch}.filter-button{width:43px;padding:0;justify-content:center;font-size:0}.drawer-quick-grid{grid-template-columns:1fr 1fr}.drawer-columns{grid-template-columns:1fr}.line-item{grid-template-columns:34px 1fr auto;padding:7px 0}.location-tag{grid-column:2;width:max-content}.qty-tag{grid-column:3;grid-row:1}.line-total{grid-column:3;grid-row:2}.edit-grid{grid-template-columns:1fr}.contact-actions{flex-direction:column}.customer-orders button{grid-template-columns:22px 1fr 85px}.customer-orders .status-badge{display:none}}.ops-toolbar{z-index:12}.search-box kbd{border:1px solid light-dark(#e4e8ef,#1d2532);border-bottom-color:light-dark(#d6dbe4,#262d39);background:light-dark(#f8f9fb,#151a25);color:light-dark(#9aa2af,#bac0c9);border-radius:6px;padding:2px 5px;font-size:8px;box-shadow:0 1px 0 light-dark(#e5e8ee,#1f2530)}.filter-button.is-active{border-color:var(--brand-border);background:var(--brand-tint);color:var(--brand-primary)}.filter-button b{min-width:17px;height:17px;border-radius:999px;display:grid;place-items:center;background:var(--brand-primary);color:#fff;font-size:8px}.advanced-filters{margin-top:9px;display:grid;grid-template-columns:1.1fr 1.1fr 1.2fr repeat(4,.8fr) auto;gap:8px;padding:12px;border:1px solid light-dark(#e0e5ed,#1e2734);border-radius:14px;background:light-dark(rgba(255,255,255,.97),rgba(18,25,33,.97));box-shadow:0 12px 36px #212d4412}.advanced-filters label{display:flex;flex-direction:column;gap:5px;min-width:0}.advanced-filters label>span{color:light-dark(#7f8998,#c2c7ce);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.advanced-filters input,.advanced-filters select{width:100%;height:35px;border:1px solid var(--line);border-radius:9px;background:light-dark(white,#18232f);padding:0 9px;color:light-dark(#334057,#d0d7e3);font-size:9px;outline:0}.advanced-filters input:focus,.advanced-filters select:focus{border-color:var(--brand-border);box-shadow:0 0 0 3px var(--brand-tint)}.filters-reset{align-self:end;height:35px;border:0;background:transparent;color:light-dark(#7d8796,#c2c7ce);padding:0 8px;font-size:9px;font-weight:750;cursor:pointer}.bulk-bar{position:sticky;top:105px;z-index:11;min-height:52px;margin:0 0 9px;border:1px solid var(--brand-border);background:light-dark(rgba(244,248,251,.96),rgba(18,32,43,.96));backdrop-filter:blur(13px);border-radius:13px;padding:7px 9px 7px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 10px 26px #30739d14}.bulk-bar>div:first-child{display:flex;gap:7px;align-items:center;color:var(--brand-primary);font-size:10px}.bulk-bar svg{color:var(--brand-primary)}.bulk-actions{display:flex;align-items:center;gap:7px}.bulk-actions select{height:36px;min-width:165px;border:1px solid light-dark(#d7dfeb,#1e2a3c);background:light-dark(white,#18232f);border-radius:9px;padding:0 28px 0 9px;font-size:9px}.bulk-actions .secondary-button{min-height:36px;font-size:9px}.ops-order-list{overflow:visible}.order-list-head{display:grid;grid-template-columns:30px minmax(230px,.95fr) minmax(270px,1.15fr) minmax(255px,1fr) 160px 18px;gap:14px;align-items:center;padding:8px 15px;border-bottom:1px solid light-dark(#e8ecf2,#1b2330);color:light-dark(#959eac,#bbc1ca);background:light-dark(#fafbfd,#111827);font-size:8px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}.check-cell{display:grid;place-items:center}.check-cell input{width:14px;height:14px;accent-color:var(--brand-primary);cursor:pointer}.order-row.ultra-row{min-height:92px;grid-template-columns:30px minmax(230px,.95fr) minmax(270px,1.15fr) minmax(255px,1fr) 160px 18px;gap:14px;padding:12px 15px}.order-row.ultra-row.is-selected{background:var(--brand-tint);box-shadow:inset 3px 0 0 var(--brand-primary)}.row-check{align-self:stretch}.feature-badges{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0 3px}.feature-badges span{border:1px solid light-dark(#dce3ed,#1d2838);background:light-dark(#f6f8fb,#121b29);color:light-dark(#59677c,#c8ced8);border-radius:5px;padding:2px 5px;font-size:7px;line-height:1.2;font-weight:900;letter-spacing:.45px}.feature-badges span.express{border-color:light-dark(#ffd79a,#523f23);background:light-dark(#fff6e5,#302614);color:light-dark(#9d6200,#f1ddbd)}.feature-badges span.direct{border-color:var(--brand-border);background:var(--brand-soft);color:var(--brand-primary)}.feature-badges.large{margin:0;justify-content:flex-end}.feature-badges.large span{font-size:8px;padding:4px 7px}.workflow-cell{display:flex;flex-wrap:wrap;gap:5px;align-content:center}.order-row.ultra-row .order-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-end}.order-row.ultra-row .order-actions>strong{font-size:12px}.ultra-drawer{min-height:0;flex:1;display:flex;flex-direction:column}.drawer-tabs{flex:none;min-height:48px;display:flex;align-items:flex-end;padding:0 20px;border-bottom:1px solid var(--line);background:light-dark(white,#18232f)}.drawer-tabs>button{height:48px;border:0;border-bottom:2px solid transparent;background:transparent;color:light-dark(#7a8597,#c2c7cf);display:flex;align-items:center;gap:7px;padding:0 13px;font-size:10px;font-weight:800;cursor:pointer}.drawer-tabs>button.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.tab-save{margin-left:auto;height:48px;display:flex;align-items:center}.ultra-process{padding:15px 18px 38px}.process-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:10px}.process-topbar label{display:flex;flex-direction:column;gap:5px}.process-topbar label>span{font-size:8px;text-transform:uppercase;letter-spacing:.65px;font-weight:850;color:light-dark(#8a93a1,#bfc4cc)}.process-topbar select{height:38px;min-width:220px;border:1px solid light-dark(#dce1e9,#222a36);border-radius:10px;background:light-dark(white,#18232f);padding:0 34px 0 10px;font-size:10px;font-weight:750}.workflow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 11px}.workflow-card{min-height:86px;border:1px solid light-dark(#e1e6ed,#1f2733);border-radius:13px;background:light-dark(white,#18232f);padding:11px;display:grid;grid-template-columns:31px 1fr 12px;gap:9px;align-items:start;text-align:left;cursor:pointer;transition:.15s ease}.workflow-card:hover{border-color:light-dark(#cfd7e3,#25303f);transform:translateY(-1px)}.workflow-card>svg{width:18px;color:light-dark(#8893a4,#bdc3cd);margin-top:1px}.workflow-card>div{display:grid;grid-template-columns:1fr auto;align-items:start;gap:3px 8px}.workflow-card span{font-size:8px;font-weight:800;color:light-dark(#7e899b,#c0c6cf)}.workflow-card strong{justify-self:end;font-size:10px}.workflow-card small{grid-column:1/3;color:light-dark(#9aa2af,#bac0c9);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-card i{width:9px;height:9px;border:2px solid light-dark(#c8ced8,#2f3642);border-radius:50%;margin-top:3px}.workflow-card.active{border-color:light-dark(#cfe9dd,#1e4232);background:light-dark(#f5fbf8,#122a1e)}.workflow-card.active>svg{color:light-dark(#178159,#bef1de)}.workflow-card.active i{border-color:light-dark(#23a16e,#23a16e);background:light-dark(#23a16e,#23a16e);box-shadow:0 0 0 3px light-dark(#dff4eb,#18372a)}.important-note{margin-top:0}.ultra-section{padding:0;overflow:hidden}.ultra-section .section-title{min-height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid light-dark(#edf0f4,#1a222b)}.ultra-section .section-title h3{margin:0;font-size:10px}.text-button{border:0;background:transparent;color:var(--brand-primary);display:flex;gap:5px;align-items:center;font-size:8px;font-weight:800;cursor:pointer}.ultra-items-head{min-height:30px;display:grid;grid-template-columns:27px minmax(270px,1fr) 48px 64px 58px 60px 68px 90px;gap:6px;align-items:center;padding:0 11px;background:light-dark(#fafbfd,#111827);color:light-dark(#929baa,#bcc1cb);text-transform:uppercase;letter-spacing:.45px;font-size:7px;font-weight:850}.ultra-items{padding:0 11px 4px}.ultra-item{min-height:58px;display:grid;grid-template-columns:27px minmax(270px,1fr) 48px 64px 58px 60px 68px 90px;gap:6px;align-items:center;border-top:1px solid light-dark(#edf0f4,#1a222b);font-size:8px}.ultra-item:first-child{border-top:0}.ultra-product{display:flex;min-width:0;gap:8px;align-items:center}.ultra-product>div:last-child{min-width:0;display:flex;flex-direction:column}.ultra-product strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.ultra-product span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:light-dark(#8f98a6,#bdc3cb);margin-top:3px;font-size:7px}.mid-check input{width:13px;height:13px;accent-color:var(--brand-primary)}.lqty-editor input{width:53px;height:29px;border:1px solid light-dark(#dce1e8,#232b36);border-radius:7px;text-align:center;font-size:9px;font-weight:750;outline:0}.lqty-editor input:focus{border-color:var(--brand-border);box-shadow:0 0 0 3px var(--brand-soft)}.mid-positive{color:light-dark(#126c4c,#c3f2e2);border-radius:6px;background:light-dark(#eaf8f2,#153025);padding:4px 7px;width:max-content}.mid-zero{color:light-dark(#9aa2af,#bac0c9)}.process-columns{margin-top:0}.custom-note-input{width:100%;border:0;resize:vertical;min-height:96px;padding:12px 13px;font-size:9px;line-height:1.55;outline:0}.field-help{display:block;padding:0 13px 11px;color:light-dark(#9aa2af,#bac0c9);font-size:7px}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:11px}.action-grid>button{min-height:64px;border:1px solid light-dark(#e2e6ed,#1f2632);background:light-dark(#fbfcfd,#121b25);border-radius:11px;padding:9px;display:flex;gap:9px;text-align:left;align-items:flex-start;cursor:pointer}.action-grid>button:hover{background:light-dark(#f6f9fd,#111b29);border-color:light-dark(#d1d9e5,#232e3e)}.action-grid>button>svg{width:16px;color:light-dark(#65748a,#c5cbd5);margin-top:2px;flex:none}.action-grid>button>span{display:flex;flex-direction:column;min-width:0}.action-grid strong{font-size:9px}.action-grid small{color:light-dark(#9099a7,#bdc2cb);font-size:7px;margin-top:3px;line-height:1.35}.action-grid>button.danger-action{border-color:light-dark(#f1d8dc,#3c1a1f);background:light-dark(#fffafa,#261010)}.action-grid>button.danger-action svg,.action-grid>button.danger-action strong{color:light-dark(#b53a47,#e7b3b8)}.compact-log{display:flex;flex-direction:column;padding:4px 12px 9px}.compact-log span{min-height:34px;display:flex;align-items:center;gap:7px;border-top:1px solid light-dark(#eef1f5,#19212b);color:light-dark(#697589,#c6cbd3);font-size:8px}.compact-log span:first-child{border-top:0}.order-editor{min-height:0;flex:1;display:flex;flex-direction:column;background:light-dark(#f5f7fa,#141c28)}.editor-scroll{min-height:0;flex:1;overflow:auto;padding:14px 17px 110px}.editor-warning{display:flex;gap:9px;border:1px solid light-dark(#f0ddb5,#4c3e21);background:light-dark(#fff8e9,#2e2514);color:light-dark(#7e6129,#ebdcc1);border-radius:12px;padding:10px 12px;margin-bottom:10px}.editor-warning svg{flex:none;margin-top:1px}.editor-warning strong{font-size:9px}.editor-warning p{margin:3px 0 0;font-size:8px;line-height:1.45;color:light-dark(#806b42,#e1d7c4)}.editor-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.editor-card{border:1px solid light-dark(#e0e5ec,#202834);border-radius:13px;background:light-dark(white,#18232f);margin-bottom:9px;overflow:visible;box-shadow:0 6px 20px #222d4406}.editor-card-title{min-height:49px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;border-bottom:1px solid light-dark(#edf0f4,#1a222b)}.editor-card-title span{display:block;color:light-dark(#99a2af,#bac0c9);font-size:6.5px;font-weight:900;letter-spacing:.8px}.editor-card-title h3{margin:3px 0 0;font-size:10px}.editor-card-title>strong{font-size:9px}.address-grid{padding:11px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.address-grid label,.editor-payment-grid label{display:flex;flex-direction:column;gap:4px;color:light-dark(#778396,#c2c7d0);font-size:7px;font-weight:800}.address-grid label.wide{grid-column:1/3}.address-grid input,.editor-payment-grid select,.editor-payment-grid textarea{width:100%;border:1px solid light-dark(#dfe4eb,#212934);background:light-dark(white,#18232f);border-radius:8px;outline:0;font-size:9px;color:light-dark(#2f3b50,#d1d8e4)}.address-grid input{height:34px;padding:0 8px}.editor-payment-grid select{height:36px;padding:0 9px}.editor-payment-grid textarea{resize:vertical;padding:8px;min-height:62px}.address-grid input:focus,.editor-payment-grid select:focus,.editor-payment-grid textarea:focus{border-color:var(--brand-border);box-shadow:0 0 0 3px var(--brand-tint)}.editor-payment-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;padding:11px}.items-editor{position:relative}.edit-items-head{display:grid;grid-template-columns:minmax(300px,1fr) 95px 145px 120px 36px;gap:8px;padding:8px 11px;background:light-dark(#fafbfd,#111827);color:light-dark(#929ba8,#bdc2ca);text-transform:uppercase;font-size:6.5px;font-weight:900;letter-spacing:.5px}.edit-item-row{min-height:58px;display:grid;grid-template-columns:minmax(300px,1fr) 95px 145px 120px 36px;gap:8px;align-items:center;padding:6px 11px;border-top:1px solid light-dark(#edf0f4,#1a222b)}.edit-item-row.is-removed{background:light-dark(#fff8f8,#271111);opacity:.58}.edit-product{min-width:0;display:flex;gap:8px;align-items:center}.edit-product>div:last-child{min-width:0;display:flex;flex-direction:column}.edit-product strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-product span{color:light-dark(#939caa,#bcc1ca);font-size:7px;margin-top:3px}.edit-item-row>input,.money-input input{width:100%;height:32px;border:1px solid light-dark(#dde2e9,#222a35);border-radius:8px;padding:0 7px;font-size:9px;outline:0}.money-input{position:relative}.money-input input{padding-right:25px}.money-input span{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:light-dark(#929ba9,#bcc2ca);font-size:7px}.edit-item-row>strong{text-align:right;font-size:9px}.delete-line-button{color:light-dark(#b84752,#e2b4b8);background:light-dark(#fff8f8,#271111);border-color:light-dark(#f1dcdf,#3a191e)}.restore-button{color:var(--brand-primary);background:var(--brand-tint);border-color:var(--brand-border)}.product-adder{position:relative;min-height:51px;margin:8px 10px 10px;display:flex;align-items:center;gap:7px;border:1px dashed light-dark(#cad3e0,#273243);border-radius:10px;padding:0 10px;background:light-dark(#fafcfe,#101b26)}.product-adder>svg{color:light-dark(#8a95a5,#bdc3cc)}.product-adder>input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:9px}.clear-search{border:0;background:transparent;color:light-dark(#8c96a5,#bdc3cc);display:grid;place-items:center;cursor:pointer}.product-results{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 5px);max-height:310px;overflow:auto;background:light-dark(white,#18232f);border:1px solid light-dark(#dce2eb,#202937);border-radius:12px;box-shadow:0 18px 45px #1b273e29}.product-results>button{width:100%;min-height:54px;border:0;border-top:1px solid light-dark(#edf0f4,#1a222b);background:light-dark(white,#18232f);display:grid;grid-template-columns:36px 1fr 110px;gap:8px;align-items:center;padding:7px 9px;text-align:left;cursor:pointer}.product-results>button:first-of-type{border-top:0}.product-results>button:hover{background:var(--brand-tint)}.product-results>button>span{min-width:0;display:flex;flex-direction:column}.product-results strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-results small{margin-top:3px;color:light-dark(#929ba9,#bcc2ca);font-size:7px}.product-results b{text-align:right;font-size:8px}.product-result-state{padding:13px;text-align:center;color:light-dark(#8d96a5,#bdc3cb);font-size:8px}.editor-savebar{position:absolute;z-index:25;left:0;right:0;bottom:0;min-height:82px;padding:11px 17px;border-top:1px solid light-dark(#dce2e9,#222b36);background:light-dark(rgba(255,255,255,.94),rgba(18,25,33,.94));backdrop-filter:blur(15px);display:flex;gap:14px;align-items:center;box-shadow:0 -12px 35px #1f2a3d0f}.editor-savebar>div:first-child{display:flex;flex-direction:column;margin-right:auto}.editor-savebar span{color:light-dark(#8c96a5,#bdc3cc);font-size:7px;font-weight:750}.editor-savebar strong{margin-top:3px;font-size:13px}.editor-savebar small{color:light-dark(#9aa2af,#bac0c9);font-size:6.5px;margin-top:2px}.editor-save-button{min-width:190px}.modal-layer{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;border:0;background:#12192752;backdrop-filter:blur(3px)}.cost-modal,.confirm-modal{position:relative;width:min(440px,calc(100vw - 30px));background:light-dark(white,#18232f);border:1px solid light-dark(#e0e5ec,#202834);border-radius:17px;box-shadow:0 25px 90px #10192c3d;overflow:hidden;animation:modal-pop .16s ease-out}@keyframes modal-pop{0%{transform:translateY(7px) scale(.985);opacity:.5}}.modal-title{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid light-dark(#edf0f4,#1a222b)}.modal-title span{color:light-dark(#929cab,#bbc1cb);font-size:7px;font-weight:900;letter-spacing:.8px}.modal-title h3{margin:3px 0 0;font-size:14px}.modal-loading{min-height:150px;display:flex;gap:8px;align-items:center;justify-content:center;color:light-dark(#7c8797,#c2c7cf);font-size:9px}.cost-grid{padding:9px 14px 14px}.cost-row{min-height:38px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid light-dark(#edf0f4,#1a222b);font-size:9px}.cost-row:first-child{border-top:0}.cost-row span{color:light-dark(#6f7b8e,#c5cad1)}.cost-row.strong{font-size:10px}.cost-row.accent{margin-top:5px;border:0;border-radius:10px;background:light-dark(#edf9f4,#142f24);color:light-dark(#136e4d,#c3f2e1);padding:0 9px;font-size:11px}.cost-row.accent span{color:light-dark(#37785f,#c5e4d8);font-weight:750}.confirm-modal{padding:22px;text-align:center;width:min(390px,calc(100vw - 30px))}.confirm-icon{width:43px;height:43px;border-radius:13px;margin:0 auto 11px;display:grid;place-items:center;background:light-dark(#fff5df,#322916);color:light-dark(#9b6709,#f1debc)}.confirm-icon.danger{background:light-dark(#fff0f1,#2b1214);color:light-dark(#bf3d49,#e6b0b5)}.confirm-icon svg{width:20px}.confirm-modal h3{margin:0;font-size:14px}.confirm-modal p{margin:7px auto 17px;max-width:310px;color:light-dark(#778296,#c2c7d0);font-size:9px;line-height:1.5}.confirm-modal>div:last-child{display:flex;justify-content:center;gap:7px}.danger-button{min-height:40px;border:1px solid light-dark(#b92d3a,#b92d3a);border-radius:11px;padding:0 14px;background:light-dark(#c83b47,#c83b47);color:#fff;font-weight:750;cursor:pointer}.danger-button:disabled{opacity:.55}@media(max-width:1250px){.advanced-filters{grid-template-columns:repeat(4,1fr)}.filters-reset{align-self:end}.order-list-head{display:none}.order-row.ultra-row{grid-template-columns:30px minmax(200px,.9fr) minmax(230px,1.1fr) minmax(210px,1fr) 140px 16px;gap:10px}.ultra-items-head,.ultra-item{grid-template-columns:24px minmax(220px,1fr) 42px 58px 52px 55px 60px 78px}.edit-items-head,.edit-item-row{grid-template-columns:minmax(220px,1fr) 80px 125px 100px 36px}}@media(max-width:980px){.order-row.ultra-row{grid-template-columns:26px 1fr 18px}.order-row.ultra-row .order-primary,.order-row.ultra-row .order-content,.workflow-cell,.order-row.ultra-row .order-actions{grid-column:2}.order-row.ultra-row .order-actions{align-items:flex-start;flex-direction:row}.order-row.ultra-row .order-chevron{grid-column:3;grid-row:1/5}.row-check{grid-column:1;grid-row:1/5}.editor-grid-two{grid-template-columns:1fr}.advanced-filters{grid-template-columns:repeat(3,1fr)}.action-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.advanced-filters{grid-template-columns:1fr 1fr}.bulk-bar{top:64px;align-items:flex-start;flex-direction:column}.bulk-actions{width:100%;flex-wrap:wrap}.bulk-actions select{flex:1;min-width:140px}.workflow-cards{grid-template-columns:1fr}.process-topbar{align-items:flex-start;flex-direction:column}.feature-badges.large{justify-content:flex-start}.ultra-section{overflow-x:auto}.ultra-items-head,.ultra-item{min-width:760px}.process-columns,.action-grid,.address-grid{grid-template-columns:1fr}.address-grid label.wide{grid-column:auto}.editor-payment-grid{grid-template-columns:1fr}.items-editor{overflow-x:auto}.edit-items-head,.edit-item-row{min-width:760px}.product-adder{min-width:700px}.editor-savebar{min-height:96px;flex-wrap:wrap}.editor-savebar>div:first-child small{display:none}.editor-save-button{min-width:150px;margin-left:auto}}.order-items-preview>strong{font-size:11px}.order-items-preview ul{display:flex;flex-direction:column;gap:5px;list-style:none;margin:7px 0 0;padding:0}.order-items-preview li{color:var(--text);font-size:11px;line-height:1.5;overflow-wrap:anywhere}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg:#101923;--panel:rgba(24,35,47,.92);--text:#e5edf5;--muted:#a8b7c8;--line:#2b3b4d;--line-strong:#3c5066;--brand-soft:#1c3445;--brand-tint:#172b3b;--brand-border:#426881;--brand-focus:rgba(108,181,225,.4);--blue:#80bee5;--blue-soft:var(--brand-soft);--green:#78d5ac;--green-soft:#173c30;--amber:#efc16f;--amber-soft:#3c301d;--red:#f0929b;--red-soft:#40252c;--shadow:0 18px 50px rgba(0,0,0,.22)}html,body{color:var(--text);background-color:var(--bg)}input,textarea,select{color:var(--text)}:root[data-theme=dark] :is(.text-button,.restore-button,.filter-button.is-active,.bulk-bar svg,.drawer-tabs>button.active,.status-pending,.feature-badges span.direct){color:var(--blue)}.theme-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 8px);margin:12px 4px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer}.theme-toggle-label{color:var(--text);font-size:11px;font-weight:700}.theme-toggle-track{position:relative;width:54px;height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 6px;border-radius:999px;background:var(--brand-soft);color:var(--blue)}.theme-toggle-thumb{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--brand-primary);box-shadow:0 2px 6px #0000002e;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.theme-toggle[aria-checked=true] .theme-toggle-thumb{transform:translate(26px)}.theme-toggle-track svg{position:relative;z-index:1;pointer-events:none}.theme-toggle[aria-checked=false] .theme-toggle-track>svg:first-child,.theme-toggle[aria-checked=true] .theme-toggle-track>svg:nth-child(2){color:#fff}.theme-transition *,.theme-transition *:before,.theme-transition *:after,html.theme-transition{transition:opacity .35s ease,background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease,fill .35s ease,stroke .35s ease,transform .3s ease!important}@media(prefers-reduced-motion:reduce){.theme-toggle-thumb,.theme-transition *,.theme-transition *:before,.theme-transition *:after,html.theme-transition{transition:none!important}}@media(prefers-reduced-motion:reduce){.brand-logo img{transition:none}}