:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f6fa;--panel: rgba(255,255,255,.92);--text: #172033;--muted: #697386;--line: #e6eaf1;--line-strong: #d8dee9;--blue: #1769ff;--blue-soft: #eaf1ff;--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%,#e8efff 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 rgba(23,105,255,.22);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:#fafbfddb;border-right:1px solid rgba(214,220,231,.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-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#1d73ff,#0c56db);color:#fff;font-weight:800;box-shadow:0 8px 20px #1769ff3d}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:16px;letter-spacing:-.3px}.brand-copy span{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#8b94a5;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:#657083;cursor:pointer;font-weight:650;text-align:left}.main-nav button:hover{background:#f0f3f8;color:#24314a}.main-nav button.active{background:#fff;color:#172033;box-shadow:0 5px 20px #28324b12,inset 0 0 0 1px #e4e9f1}.main-nav button.active svg{color:var(--blue)}.sidebar-spacer{flex:1}.system-card{border:1px solid var(--line);background:#ffffffb8;border-radius:13px;padding:10px;display:flex;gap:9px;align-items:center;margin:10px 4px}.system-card svg{color:#7b8798}.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:#28b87a;box-shadow:0 0 0 4px #e7f8f1}.account-row{display:flex;gap:9px;align-items:center;padding:10px 6px 4px}.avatar{width:34px;height:34px;border-radius:50%;background:#e8edf6;color:#44516a;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:#8a93a3;font-size:10px;margin-top:2px}.icon-button{border:1px solid var(--line);background:#fff;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;cursor:pointer}.icon-button.subtle{border:0;background:transparent;color:#8a94a5}.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:#8b95a6;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:#ffffffbf;border-radius:999px;padding:7px 11px;font-size:11px;color:#536074;font-weight:700}.live-pill span{width:7px;height:7px;border-radius:50%;background:#2bbb7f;box-shadow:0 0 0 4px #e4f7ef}.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 #0d5fe9;color:#fff;background:linear-gradient(180deg,#2379ff,#1264ee);box-shadow:0 7px 18px #1769ff2e}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{border:1px solid var(--line);background:#fff}.panel{background:#ffffffe6;border:1px solid rgba(223,228,237,.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:#ffffffe6;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:#edf3ff;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:#9aa2af;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 #edf0f5;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:#fafbfe}.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:#7a8596;font-size:10px}.mini-order-total{font-weight:750;font-size:12px;text-align:right}.row-arrow{color:#b4bcc9}.orders-toolbar{position:sticky;top:0;z-index:10;background:#f4f6fae0;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:#6b7688;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:#e8ebf0;color:#738094;padding:1px 6px;border-radius:999px;font-size:10px}.status-tabs button.active{background:#fff;color:#1e2b42;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:#fff;border-radius:12px;display:flex;align-items:center;padding:0 11px;gap:9px;box-shadow:0 4px 16px #28324b09}.search-box svg{color:#8993a3;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:#a0a7b4}.search-box button{border:0;background:transparent;display:grid;place-items:center;color:#9aa2af;cursor:pointer}.filter-button{height:43px;border:1px solid var(--line);border-radius:12px;background:#fff;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:#98a0ae;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 #e0e5ed;border-radius:16px;overflow:hidden;background:#ffffffeb;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 #e9edf3;cursor:pointer;transition:background .13s ease,transform .13s ease}.order-row:last-child{border-bottom:0}.order-row:hover{background:#fafcff}.order-row.is-priority:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 4px 4px 0;background:#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:#8d96a5;font-size:9px}.priority-dot{color:#9e6500!important;background:#fff3d8;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:#7d8797;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:#727e90;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shipping-mini{display:flex;align-items:center;gap:5px;margin-top:6px;color:#929aa8;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:#eff2f6;color:#5d6879;white-space:nowrap}.status-processing{background:#eaf7f1;color:#157450}.status-pending{background:#eaf1ff;color:#245fbf}.status-on-hold{background:#fff4dc;color:#946000}.status-completed{background:#edf0f5;color:#586475}.status-cancelled,.status-failed{background:#ffeff1;color:#b43c48}.quick-toggles{display:flex;justify-content:flex-end;gap:5px}.toggle-pill{height:25px;border:1px solid #e2e6ed;background:#f9fafc;border-radius:999px;padding:0 8px 0 5px;display:inline-flex;gap:5px;align-items:center;font-size:9px;color:#7a8595;cursor:pointer}.toggle-pill.is-active{background:#edf8f3;border-color:#d4eee2;color:#207252}.toggle-check{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#e6eaf0;color:#fff}.toggle-pill.is-active .toggle-check{background:#2d9a6f}.order-chevron{color:#bdc4cf}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px;color:#7d8797;font-size:10px}.pagination button{border:1px solid var(--line);background:#fff;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 #d7dde7;min-height:220px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9099a8;background:#ffffff8c}.empty-state h3{margin:12px 0 4px;font-size:14px;color:#526075}.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:#fbfcfe;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:#ffffffe0;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:#fff;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:#7a8494}.save-indicator.is-saved{color:#2a7c5c}.save-indicator.is-error{color:#b63e4b}.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:#fff;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:#8590a0}.drawer-quick span{font-size:9px;color:#8a94a4;font-weight:700}.drawer-quick strong{grid-column:1 / 3;font-size:11px;margin-top:8px}.drawer-quick.active{background:#f1faf6;border-color:#d8eee3}.drawer-quick.active>svg{color:#20825b}.drawer-quick.warning{background:#fff7e8;border-color:#f6e2b8}.drawer-quick.warning>svg{color:#b2760c;fill:#b2760c}.customer-note{display:flex;gap:10px;background:#fff8e8;border:1px solid #f3dfb5;border-radius:12px;padding:11px;color:#8a651e;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:#765f32;font-size:10px;line-height:1.45}.drawer-section{background:#fff;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 #edf0f4}.line-item:first-child{border-top:0}.product-thumb{width:34px;height:34px;border-radius:9px;background:#f0f3f7;display:grid;place-items:center;overflow:hidden;color:#8d96a5;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:#9098a6;font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-tag{background:#eef2f8;color:#647187;border-radius:6px;padding:4px 6px;font-size:8px;font-weight:800}.qty-tag{color:#526075;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 #eef1f5}.info-line:first-of-type{border-top:0}.info-line>span{width:26px;height:26px;border-radius:8px;background:#f2f5f9;display:grid;place-items:center;color:#7f8b9d;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:#929ba9;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 #edf0f4;padding:10px 0 2px}.note-entry>div{display:flex;justify-content:space-between;font-size:8px}.note-entry span{color:#9aa2af}.note-entry p{margin:5px 0 0;color:#5f6b7e;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 #e0e5ed;border-radius:16px;overflow:hidden;background:#fff}.customer-row{width:100%;min-height:77px;border:0;border-bottom:1px solid #e9edf3;background:#fff;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:#fafcff}.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:#8d96a5;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:#697689;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-contact svg{width:13px;color:#99a2b0}.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:#9aa2af;font-size:8px;margin-top:2px}.customer-hero{display:flex;gap:13px;align-items:center;background:linear-gradient(135deg,#f7f9fd,#eef3ff);border:1px solid #e1e7f1;border-radius:15px;padding:15px}.hero-avatar{width:54px;height:54px;border-radius:16px;font-size:14px;background:#fff;box-shadow:0 6px 18px #28345014}.customer-hero h3{margin:0;font-size:14px}.customer-hero p{margin:3px 0 0;color:#7e899a;font-size:9px}.customer-hero-stats{display:flex;gap:14px;margin-top:7px}.customer-hero-stats span{font-size:8px;color:#7e899a}.customer-hero-stats strong{color:#29364d}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.edit-grid label{color:#7a8597;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:#a9c5ff;box-shadow:0 0 0 3px #edf3ff}.contact-actions{display:flex;gap:7px}.contact-actions a,.contact-actions button{flex:1;height:38px;border:1px solid var(--line);background:#fafbfc;color:#546175;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 #edf0f4;background:transparent;text-align:left;cursor:pointer}.customer-orders button:first-child{border-top:0}.customer-orders button:hover{background:#fafbfe}.customer-orders button>svg{color:#8b96a7}.customer-orders button>div{display:flex;flex-direction:column}.customer-orders button>div strong{font-size:9px}.customer-orders button>div span{color:#9aa2af;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:#8994a4}.address-card div{display:flex;flex-direction:column}.address-card strong{font-size:9px}.address-card span{color:#8e97a5;font-size:8px;margin-top:2px}.address-card p{color:#697589;font-size:9px;margin:6px 0 0}.skeleton{background:linear-gradient(90deg,#edf0f5 25%,#f6f8fb 37%,#edf0f5 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 white}.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:#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:#6ce4ac}.toast-error>svg{color:#ff8993}.toast span{flex:1}.toast button{border:0;background:transparent;color:#bfc6d0;display:grid;place-items:center;cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:#f5f7fb}.login-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:520px;height:520px;right:-150px;top:-210px;background:radial-gradient(circle,#dce8ff,#dce8ff00)}.orb-two{width:450px;height:450px;left:-180px;bottom:-220px;background:radial-gradient(circle,#e8f7f2,#e8f7f200)}.login-card{width:min(420px,calc(100% - 32px));background:#ffffffe6;border:1px solid rgba(218,224,234,.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-brand span{width:31px;height:31px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:10px;font-weight:850}.login-title{margin:30px 0 24px}.login-icon{width:42px;height:42px;border-radius:13px;background:#edf3ff;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:#7b8697;font-size:11px;line-height:1.5;max-width:300px}.login-card label{display:block;color:#657185;font-size:9px;font-weight:750;margin-top:11px}.login-card input{width:100%;height:43px;border:1px solid #dce2eb;border-radius:11px;margin-top:5px;padding:0 11px;outline:0;font-size:11px;background:#fff}.login-card input:focus{border-color:#9cbcff;box-shadow:0 0 0 3px #edf3ff}.login-button{width:100%;margin-top:16px}.login-security{display:flex;justify-content:center;gap:6px;align-items:center;color:#8a94a4;font-size:8px;margin-top:17px}.form-error{background:#fff0f1;color:#b23c48;border:1px solid #f6d7da;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:#f6f8fb}.large-mark{width:48px;height:48px;border-radius:15px;font-size:18px;margin:auto}.boot-line{width:110px;height:3px;background:#e4e8ef;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:#fafbfde6;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15;backdrop-filter:blur(14px)}.mobile-brand{font-size:14px;font-weight:850}.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}}