:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#e2e8f0;background-color:#0b1220}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#1d2a44,#0b1220 42%,#070c16);color:#dbe5f4}.app-shell{min-height:100vh;display:grid;grid-template-columns:272px 1fr}.sidebar{padding:1.5rem 1.1rem;border-right:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,#101a2df2,#0b1321f2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-block{margin-bottom:1.4rem;padding:.9rem;border-radius:12px;border:1px solid rgba(129,140,248,.32);background:#1c253cb8}.brand-kicker{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc}.sidebar h1{margin:.28rem 0 .35rem;font-size:1.2rem}.subtitle{margin:0;color:#93a5c2;font-size:.9rem}.nav-link{display:block;color:#c9d5eb;text-decoration:none;padding:.62rem .78rem;border-radius:10px;margin-bottom:.4rem;border:1px solid transparent;transition:all .18s ease}.nav-link:hover{background:#47556938;border-color:#818cf847}.nav-link.active{background:linear-gradient(135deg,#6366f15c,#3b82f647);color:#f8fbff;border-color:#818cf8b3}.content{display:flex;flex-direction:column}.topbar{padding:1rem 1.55rem;border-bottom:1px solid rgba(148,163,184,.2);background:#0e1726c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:flex-start;gap:1rem}.topbar-search{min-width:260px;max-width:420px;width:100%}.topbar-search input{width:100%;border-radius:999px;padding:.55rem .9rem}.topbar-copy h2{margin:0;color:#f8fafc;font-size:1.15rem}.topbar-copy p{margin:.3rem 0 0;color:#8fa5c7}.status-pill{display:inline-flex;align-items:center;border:1px solid rgba(52,211,153,.5);background:#10b98133;color:#86efac;border-radius:999px;font-size:.8rem;font-weight:600;padding:.3rem .7rem}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.7rem}.account-chip{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(148,163,184,.32);background:#121d30c7;border-radius:999px;padding:.3rem .55rem .3rem .35rem}.account-avatar{width:1.95rem;height:1.95rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;color:#dbeafe;background:linear-gradient(135deg,#4f46e5,#2563eb)}.account-meta{display:inline-flex;flex-direction:column;line-height:1.15}.account-meta strong{font-size:.83rem;color:#f8fafc}.account-meta small{font-size:.72rem;color:#9fb3d1}.page-content{padding:1.4rem}.page{display:grid;gap:1rem}.page-header h3{margin:0;font-size:1.3rem;color:#f8fafc}.page-header p{margin:.35rem 0 0;color:#9bb0cf}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.95rem}.stat-card,.panel{background:linear-gradient(145deg,#132035db,#0e1a2de6);border:1px solid rgba(148,163,184,.22);border-radius:14px;box-shadow:0 10px 28px #01071452;padding:1rem}.panel h4{margin:0 0 .7rem;color:#f8fafc}.panel+.panel,.form-grid+.panel{margin-top:.2rem}.form-grid{display:grid;gap:.75rem}.form-grid label{display:grid;gap:.36rem;font-size:.88rem;color:#b6c6df}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid rgba(148,163,184,.3);border-radius:10px;padding:.5rem .62rem;background:#0b1423cc;color:#e2e8f0}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.45;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:#818cf8e0;box-shadow:0 0 0 3px #6366f133}.form-fieldset{display:grid;gap:.75rem;margin:0;padding:.9rem 1rem 1rem;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#0f172a59}.form-fieldset>legend{padding:0 .45rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#93c5fd}.form-fieldset label{display:grid;gap:.36rem;font-size:.88rem;color:#b6c6df}.form-fieldset .muted{font-size:.78rem}button{border:1px solid rgba(129,140,248,.45);border-radius:10px;padding:.53rem .8rem;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#f8fafc;cursor:pointer;font-weight:600;transition:transform .1s ease,filter .2s ease}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th,.data-table td{text-align:left;padding:.62rem;border-bottom:1px solid rgba(148,163,184,.2);color:#d4dfef;vertical-align:middle}.data-table th{font-weight:600;color:#f1f5f9}.error-text{color:#fca5a5;font-weight:600}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(100%,420px)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.95rem}.settings-list{margin:.55rem 0 0;padding-left:1rem;color:#b6c6df}.settings-list li+li{margin-top:.35rem}.stat-label{margin:0;font-size:.84rem;color:#9bb0cf}.stat-value{display:inline-block;margin-top:.4rem;font-size:1.4rem;color:#f8fafc}.muted{color:#8fa5c7;font-size:.88rem}.success-text{color:#86efac;font-weight:600}.inline-link{color:#a5b4fc;text-decoration:none}.inline-link:hover{text-decoration:underline}.btn-secondary{background:#1e293bcc;border-color:#94a3b859;color:#dbe5f4;font-weight:500}.btn-danger{background:linear-gradient(135deg,#b91c1c,#dc2626);border-color:#fca5a566}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.22rem .62rem;font-size:.76rem;font-weight:600;text-transform:capitalize;border:1px solid transparent;white-space:nowrap}.badge-neutral{background:#47556952;border-color:#94a3b866;color:#cbd5e1}.badge-info{background:#3b82f638;border-color:#60a5fa80;color:#93c5fd}.badge-warn{background:#d9770638;border-color:#fbbf2473;color:#fcd34d}.badge-success{background:#10b98133;border-color:#34d39980;color:#86efac}.badge-danger{background:#dc262638;border-color:#fca5a580;color:#fca5a5}.delivery-callout{margin:.9rem 0;padding:.75rem .9rem;border-radius:10px;background:#d977061f;border:1px solid rgba(251,191,36,.45)}.delivery-callout p{margin:.35rem 0 0;color:#fde68a}.delivery-callout p strong{color:#fef3c7}.filter-bar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-end}.filter-bar label{display:grid;gap:.36rem;font-size:.88rem;color:#b6c6df}.filter-grow{flex:1;min-width:220px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.checkbox-label{display:flex!important;flex-direction:row;align-items:center;gap:.5rem}.enquiry-message{max-width:26rem;color:#cbd5e1}.variant-row{background:#1e293b59}.variant-name{display:inline-block;padding-left:.9rem;color:#cbd5e1}.checkbox-label input{width:auto}.tabs{display:flex;gap:.4rem;flex-wrap:wrap}.panel-tabs{padding:.35rem;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#0e1726b3;width:fit-content}.tab-button{background:transparent;border:1px solid transparent;color:#b6c6df;font-weight:500;padding:.42rem .85rem}.tab-button:hover{background:#4755693d}.tab-button.active{background:linear-gradient(135deg,#6366f15c,#3b82f647);border-color:#818cf8b3;color:#f8fbff}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.6rem}.panel-head h4{margin:0}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.95rem}.bar-cell-head,.bar-cell{width:34%}.bar-track{height:9px;border-radius:999px;background:#47556959;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#38bdf8);min-width:2px}.row-click{cursor:pointer}.row-click:hover td{background:#4755692e}.row-actions{display:flex;gap:.45rem;align-items:center}.pager{display:flex;align-items:center;gap:.8rem;margin-top:.8rem}.drawer-overlay{position:fixed;inset:0;background:#02061099;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(620px,100%);overflow-y:auto;z-index:50;padding:1.3rem;background:linear-gradient(180deg,#101a2dfc,#0b1321fc);border-left:1px solid rgba(129,140,248,.35);box-shadow:-18px 0 42px #0107148c}.drawer h4{margin:0 0 .4rem;color:#f8fafc;font-size:1.15rem}.drawer h5{margin:1.1rem 0 .5rem;color:#f1f5f9}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}.drawer-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.detail-grid{display:grid;grid-template-columns:max-content 1fr;gap:.32rem 1rem;font-size:.9rem;margin-bottom:.6rem}.notice-card h3{margin:0 0 .6rem;color:#f8fafc}.notice-card p{color:#c9d5eb}.notice-card button{margin-top:.5rem}.sage-form{max-width:460px}.nav-group+.nav-group{margin-top:.9rem}.nav-group-label{margin:0 0 .35rem;padding:0 .78rem;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#7c8db1}textarea{font:inherit;border:1px solid rgba(148,163,184,.3);border-radius:10px;padding:.5rem .62rem;background:#0b1423cc;color:#e2e8f0;resize:vertical}textarea:focus{outline:none;border-color:#818cf8e0;box-shadow:0 0 0 3px #6366f133}.notes-area{width:100%}.toast-stack{position:fixed;bottom:1.2rem;right:1.2rem;z-index:90;display:flex;flex-direction:column;gap:.55rem;max-width:min(380px,calc(100vw - 2rem))}.toast{display:flex;align-items:center;gap:.55rem;padding:.7rem .95rem;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:linear-gradient(145deg,#132035f7,#0e1a2df7);box-shadow:0 12px 30px #01071480;color:#e2e8f0;font-size:.9rem;cursor:pointer;animation:toast-in .22s ease}.toast-leaving{opacity:0;transform:translate(12px);transition:opacity .22s ease,transform .22s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-dot{width:.6rem;height:.6rem;border-radius:999px;flex-shrink:0}.toast-success{border-color:#34d39980}.toast-success .toast-dot{background:#34d399}.toast-error{border-color:#fca5a58c}.toast-error .toast-dot{background:#f87171}.toast-info .toast-dot{background:#60a5fa}.modal-overlay{position:fixed;inset:0;background:#020610a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70}.modal-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:80;width:min(430px,calc(100vw - 2rem));padding:1.2rem;border-radius:14px;border:1px solid rgba(129,140,248,.4);background:linear-gradient(160deg,#152138fc,#0c1525fc);box-shadow:0 24px 60px #01071499}.modal-card h4{margin:0 0 .5rem;color:#f8fafc}.spinner-wrap{display:inline-flex;align-items:center;gap:.55rem}.spinner{width:1rem;height:1rem;border-radius:999px;border:2px solid rgba(148,163,184,.35);border-top-color:#818cf8;animation:spinner-turn .7s linear infinite}@keyframes spinner-turn{to{transform:rotate(360deg)}}.skeleton-stack{display:grid;gap:.55rem}.skeleton-bar{height:2.1rem;border-radius:8px;background:linear-gradient(90deg,#47556938 25%,#94a3b84d,#47556938 75%);background-size:200% 100%;animation:skeleton-shimmer 1.3s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.typeahead{position:relative}.typeahead input{width:100%}.typeahead-results{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:60;max-height:340px;overflow-y:auto;border-radius:12px;border:1px solid rgba(129,140,248,.4);background:linear-gradient(160deg,#152138fc,#0c1525fc);box-shadow:0 18px 44px #0107148c;padding:.35rem}.typeahead-option{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:#dbe5f4;font-weight:500;padding:.5rem .6rem;border-radius:8px}.typeahead-option:hover,.typeahead-option.active{background:#6366f138;border-color:#818cf873}.typeahead-option strong{color:#f1f5f9;font-size:.9rem}.typeahead-option .muted{font-size:.78rem}.typeahead-empty{margin:0;padding:.5rem .6rem}.search-group-label{margin:.3rem 0 .15rem;padding:0 .6rem;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#7c8db1}.search-results{min-width:320px}.picked-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.65rem .8rem;border-radius:10px;border:1px solid rgba(129,140,248,.4);background:#1c253c99}.picked-item p{margin:.2rem 0 0}.input-narrow{width:6.5rem}.row-outstanding td{background:#d9770617;border-bottom-color:#fbbf2440}.badge-spaced{margin-right:.3rem}.product-thumb{display:block;width:40px;height:40px;object-fit:cover;border-radius:8px;border:1px solid rgba(148,163,184,.28);background:#1e293b99}.product-thumb-placeholder{display:block;width:40px;height:40px;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:#47556959}.image-upload-row{align-items:center}.qty-stepper{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.qty-stepper button{padding:.1rem .55rem;min-width:1.8rem;line-height:1.3}.add-line-row{display:flex;align-items:flex-end;gap:.8rem;margin-top:.8rem;flex-wrap:wrap}.add-line-row .typeahead{min-width:220px}.auth-link{background:none;border:none;color:#a5b4fc;cursor:pointer;font-size:.88rem;padding:0;text-align:center}.auth-link:hover{text-decoration:underline}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84em;background:#4755694d;border-radius:6px;padding:.1rem .35rem}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid rgba(148,163,184,.2)}.topbar{flex-wrap:wrap}.topbar-search{max-width:none;min-width:0;order:2;width:100%}.topbar-right{margin-left:0;order:3;width:100%;justify-content:space-between}}