@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-sans-400.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/instrument-sans-500.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/instrument-sans-600.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-500.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/space-grotesk-600.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-700.woff2)format("woff2")}:root{color:#0f172a;font-synthesis:none;background:#f8fafc;font-family:Instrument Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.auth-shell{background:radial-gradient(circle at 0 0,#2563eb38,#0000 28%),radial-gradient(circle at 100% 100%,#7c3aed2e,#0000 30%),linear-gradient(#0f172a,#111827);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 16px;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.auth-bg-logo{opacity:.11;pointer-events:none;width:min(920px,62vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1;background:#0c132bea;border:1px solid #94a3b824;border-radius:19px;width:100%;max-width:380px;padding:42px 36px 32px;position:relative;box-shadow:0 28px 60px -24px #000b}.brand-lockup{flex-direction:column;align-items:center;gap:3px;margin-bottom:30px;display:flex}.brand-icon{object-fit:contain;width:88px;height:88px}.brand-name{color:#f8fafc;letter-spacing:-1.4px;font-family:Avenir Next,Inter,sans-serif;font-size:35px}.brand-product{color:#bfdbfedb;letter-spacing:3px;font-size:9px;font-weight:600}.auth-heading{text-align:center;margin-bottom:25px}.auth-heading h1{color:#f8fafc;margin:0 0 8px;font-size:23px;font-weight:800}.auth-heading p,.auth-footer,.auth-copyright{color:#e2e8f0b8;margin:0;font-size:13px}.auth-error{color:#fecaca;background:#7f1d1d66;border:1px solid #f8717166;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 12px;font-size:12px;display:flex}.auth-card form{gap:18px;display:grid}.auth-card label{color:#e2e8f0b8;text-transform:uppercase;letter-spacing:1px;gap:8px;font-size:11px;font-weight:700;display:grid}.auth-card input:not([type=checkbox]){color:#f8fafc;width:100%;min-height:44px;font:inherit;letter-spacing:0;text-transform:none;background:#1e293bb8;border:1.5px solid #94a3f77a;border-radius:10px;outline:none;padding:11px 13px;font-size:14px}.auth-card input::placeholder{color:#cbd5e1b8}.auth-card input:focus{border-color:#818cf8;box-shadow:0 0 0 4px #818cf82e}.password-field{position:relative}.password-field input{padding-right:62px!important}.password-field button{color:#a5b4fc;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-options{justify-content:space-between;align-items:center;gap:8px;display:flex!important}.auth-options a,.auth-footer a{color:#a5b4fc;text-decoration:none}.check{align-items:center;gap:7px;letter-spacing:0!important;text-transform:none!important;font-size:12px!important;display:flex!important}.check input{accent-color:#6366f1}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font:600 14px inherit;transition:all .2s;display:inline-flex;box-shadow:0 10px 24px -8px #6366f1b3}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.auth-submit{justify-content:space-between;width:100%;min-height:45px;padding:11px 14px 11px 18px}.auth-footer{text-align:center;border-top:1px solid #94a3b824;padding-top:22px;font-size:12px;margin-top:26px!important}.auth-copyright{font-size:11px;position:absolute;bottom:20px}.app-shell{background:#f8fafc;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:248px;padding:23px 14px;display:flex}.sidebar-brand{align-items:center;gap:7px;padding:0 12px 25px;display:flex;position:relative}.sidebar-brand img{object-fit:contain;width:31px;height:31px}.sidebar-brand span{letter-spacing:-1px;font-family:Avenir Next,sans-serif;font-size:25px}.sidebar-brand small{color:#64748b;letter-spacing:1.4px;align-self:flex-end;margin:0 0 3px 2px;font-size:8px;font-weight:700}.workspace-switch{color:#334155;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:9px;margin:0 2px 23px;padding:11px 10px;font-size:12px;font-weight:600;display:flex}.workspace-switch svg:last-child{color:#94a3b8;margin-left:auto}.sidebar nav{gap:4px;display:grid}.sidebar button{color:#64748b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 12px;font:500 13px inherit;display:flex}.sidebar nav button.active{color:#2563eb;background:#eff6ff;font-weight:600}.sidebar-bottom{border-top:1px solid #f1f5f9;gap:4px;margin-top:auto;padding-top:20px;display:grid}.main-area{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.breadcrumb{color:#94a3b8;align-items:center;gap:12px;font-size:13px;display:flex}.breadcrumb b{color:#cbd5e1;font-weight:400}.breadcrumb strong{color:#334155;font-weight:600}.top-actions{align-items:center;gap:17px;display:flex}.icon-button,.mobile-menu,.mobile-close{color:#64748b;cursor:pointer;background:0 0;border:0;padding:5px;position:relative}.notification i{background:#ef4444;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.user-menu{color:#64748b;align-items:center;gap:9px;display:flex}.avatar{color:#4338ca;background:#e0e7ff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.user-copy{gap:1px;display:grid}.user-copy strong{color:#334155;font-size:12px}.user-copy span{font-size:10px}.content{max-width:1500px;margin:auto;padding:34px 34px 50px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:29px;display:flex}.eyebrow{color:#64748b;margin:0 0 7px;font-size:12px}.page-heading h1{letter-spacing:-.6px;color:#0f172a;margin:0 0 7px;font-size:27px}.muted{color:#64748b;margin:0;font-size:13px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:13px;padding:18px;display:flex}.stat-icon{border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.stat-icon.blue{color:#2563eb;background:#eff6ff}.stat-icon.violet{color:#7c3aed;background:#f5f3ff}.stat-icon.amber{color:#d97706;background:#fffbeb}.stat-icon.green{color:#059669;background:#ecfdf5}.stat-card p{color:#64748b;margin:0 0 7px;font-size:12px}.stat-card strong{letter-spacing:-.4px;font-size:22px;display:block}.stat-card small{color:#16a34a;margin-top:6px;font-size:11px;display:block}.stat-card small.attention{color:#d97706}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:22px;display:grid}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-start;padding:20px 21px 17px;display:flex}.panel h2{color:#1e293b;margin:0 0 5px;font-size:15px}.text-button{color:#2563eb;cursor:pointer;background:0 0;border:0;font:600 12px inherit}.toolbar{gap:10px;padding:0 21px 17px;display:flex}.search{color:#94a3b8;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.search input{color:#334155;border:0;outline:0;width:100%;min-width:0;font:13px inherit}.filter-button,.outlined-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font:600 12px inherit;display:flex}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px;font-size:12px}th{text-align:left;color:#64748b;letter-spacing:.6px;text-transform:uppercase;background:#f8fafc;padding:11px 14px;font-size:10px;font-weight:700}th:first-child,td:first-child{padding-left:21px}td{color:#475569;white-space:nowrap;border-top:1px solid #f1f5f9;padding:13px 14px}.product-cell{align-items:center;gap:10px;display:flex}.product-thumb{color:#2563eb;background:#eff6ff;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.product-cell strong,.product-cell small{display:block}.product-cell strong{color:#334155;font-size:12px}.product-cell small,.stock-reorder{color:#94a3b8;margin-top:3px;font-size:10px}.status{align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.status i{background:#22c55e;border-radius:50%;width:6px;height:6px}.status.low-stock{color:#b45309}.status.low-stock i{background:#f59e0b}.status.out-of-stock{color:#dc2626}.status.out-of-stock i{background:#ef4444}.side-panels{align-content:start;gap:22px;display:grid}.count-badge{color:#b45309;background:#fef3c7;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700}.alert-list{padding:0 21px 12px}.alert-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:11px 0;display:flex}.alert-item>svg{color:#cbd5e1;margin-left:auto}.alert-dot{color:#d97706;background:#fffbeb;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.alert-dot.danger{color:#dc2626;background:#fef2f2}.alert-item strong,.alert-item small{display:block}.alert-item strong{color:#334155;font-size:11px}.alert-item small{color:#94a3b8;margin-top:3px;font-size:10px}.outlined-button{color:#2563eb;border-color:#bfdbfe;width:calc(100% - 42px);height:35px;margin:8px 21px 20px}.movement{border-top:1px solid #f1f5f9;align-items:center;gap:10px;padding:12px 21px;display:flex}.movement-icon{border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.movement-icon.receive{color:#059669;background:#ecfdf5}.movement-icon.issue{color:#7c3aed;background:#f5f3ff}.movement div{min-width:0}.movement strong,.movement small{display:block}.movement strong{color:#334155;font-size:11px}.movement small{color:#94a3b8;margin-top:3px;font-size:10px}.movement time{color:#94a3b8;margin-left:auto;font-size:10px}.empty{text-align:center;color:#94a3b8;padding:30px;font-size:13px}.mobile-menu,.mobile-close{display:none}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.side-panels{grid-template-columns:1fr 1fr}}@media (width<=720px){.sidebar{z-index:10;transition:left .2s;position:fixed;top:0;bottom:0;left:-260px;box-shadow:12px 0 30px #0f172a1a}.sidebar.open{left:0}.mobile-menu,.mobile-close{display:block}.mobile-close{margin-left:auto}.topbar{padding:0 17px}.breadcrumb{font-size:12px}.user-copy,.user-menu>svg,.top-actions>.icon-button:first-child{display:none}.content{padding:25px 17px}.page-heading{flex-direction:column;align-items:flex-start;gap:20px}.page-heading h1{font-size:24px}.page-heading .primary-button{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{gap:9px;padding:13px}.stat-icon{width:32px;height:32px}.stat-card strong{font-size:18px}.side-panels{grid-template-columns:1fr}.toolbar{flex-direction:column}.filter-button{height:38px}.auth-card{padding:36px 25px 29px}.auth-bg-logo{width:900px;max-width:none}.brand-icon{width:80px;height:80px}}.heading-actions{align-items:center;gap:10px;display:flex}.page-toolbar{align-items:center;gap:10px;margin-bottom:18px;display:flex}.page-toolbar .search{background:#fff;max-width:460px}.page-toolbar>.filter-button{color:#334155;background:#fff;border-color:#cbd5e1;min-height:38px;padding:0 14px;font-weight:600;box-shadow:0 1px 2px #0f172a0a}.page-toolbar>.filter-button:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.subtle-count{color:#94a3b8;align-items:center;min-height:38px;margin-left:2px;font-size:11px;font-weight:500;display:flex}.row-action{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:5px;display:grid}.row-action:hover{color:#2563eb;background:#eff6ff}.ref-code{color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.movement-type{align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.movement-type.received{color:#059669}.movement-type.issued{color:#7c3aed}.movement-type.transferred{color:#2563eb}.order-status{align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.order-status i{background:#f59e0b;border-radius:50%;width:6px;height:6px}.order-status.received{color:#059669}.order-status.received i{background:#22c55e}.order-status.partial{color:#b45309}.order-status.cancelled{color:#dc2626}.order-status.cancelled i{background:#ef4444}.supplier-avatar{color:#4f46e5;background:#eef2ff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.warehouse-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.warehouse-card{padding:20px}.warehouse-title{align-items:center;gap:10px;display:flex}.warehouse-title h2{margin:0 0 3px}.warehouse-title .row-action{margin-left:auto}.warehouse-icon{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.warehouse-metric{gap:4px;margin:25px 0 20px;display:grid}.warehouse-metric strong{color:#1e293b;font-size:23px}.warehouse-metric span{color:#64748b;font-size:11px}.progress-label{color:#64748b;justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.progress-label strong{color:#334155}.progress{background:#f1f5f9;border-radius:99px;height:7px;overflow:hidden}.progress i{background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:99px;height:100%;display:block}.warehouse-card .outlined-button{width:100%;height:35px;margin:22px 0 0}.report-grid{grid-template-columns:1.4fr .8fr;gap:18px;margin-bottom:18px;display:grid}.report-card{min-height:300px}.report-value{color:#1e293b;font-size:20px}.chart{align-items:flex-end;gap:11px;height:170px;padding:15px 24px 0;display:flex}.chart span{background:linear-gradient(#818cf8,#2563eb);border-radius:5px 5px 0 0;flex:1;min-width:10px;display:block}.chart-labels{color:#94a3b8;justify-content:space-between;padding:10px 24px 18px;font-size:10px;display:flex}.health-ring{background:conic-gradient(#2563eb 0 var(--health,78%),#dbeafe var(--health,78%) 100%);border-radius:50%;place-items:center;width:145px;height:145px;margin:6px auto 20px;display:grid;position:relative}.health-ring:before{content:"";background:#fff;border-radius:50%;width:105px;height:105px;position:absolute}.health-ring div{text-align:center;position:relative}.health-ring strong,.health-ring small{display:block}.health-ring strong{color:#1e293b;font-size:24px}.health-ring small{color:#64748b;margin-top:3px;font-size:10px}.health-legend{gap:8px;padding:0 22px 20px;display:grid}.health-legend span{color:#64748b;align-items:center;gap:7px;font-size:11px;display:flex}.health-legend i{background:#2563eb;border-radius:50%;width:7px;height:7px}.health-legend i.low{background:#f59e0b}.health-legend i.empty-dot{background:#cbd5e1}.health-legend b{color:#334155;margin-left:auto}.quick-report{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 21px;display:flex}.quick-report>span{color:#2563eb;align-items:center;gap:10px;display:flex}.quick-report strong{color:#334155;font-size:12px}.quick-report .text-button{align-items:center;gap:5px;display:flex}.settings-nav{height:max-content;padding:10px}.settings-nav button{text-align:left;color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:11px;font:500 12px inherit}.settings-nav button.active{color:#2563eb;background:#eff6ff;font-weight:600}.settings-form{padding:24px}.settings-form h2{margin:0 0 5px;font-size:16px}.settings-form>label,.modal>label,.form-row label{color:#64748b;text-transform:uppercase;letter-spacing:.6px;gap:7px;margin-top:20px;font-size:11px;font-weight:700;display:grid}.settings-form input,.settings-form select,.modal input,.modal select{color:#334155;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:40px;padding:9px 11px;font:13px inherit}.settings-form .primary-button{margin-top:24px}.empty-page{text-align:center;place-content:center;justify-items:center;min-height:480px;display:grid}.empty-page h1{margin:15px 0 7px}.empty-page-icon{color:#2563eb;background:#eff6ff;border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.modal-backdrop{z-index:20;background:#0f172a80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(100%,520px);padding:25px;box-shadow:0 24px 70px #0f172a40}.modal-heading{justify-content:space-between;align-items:flex-start;display:flex}.modal-heading h2{margin:0 0 5px;font-size:18px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:25px;display:flex}.modal-actions .filter-button{height:40px}.modal-actions .primary-button{min-height:40px}@media (width<=1050px){.warehouse-grid{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}}@media (width<=720px){.heading-actions{width:100%}.page-toolbar{flex-wrap:wrap}.page-toolbar .search{flex-basis:100%;max-width:none;height:40px}.warehouse-grid,.settings-grid{grid-template-columns:1fr}.settings-nav{grid-template-columns:1fr 1fr;display:grid}.settings-form{padding:18px}.form-row{grid-template-columns:1fr}.modal{padding:20px}.report-card{min-height:270px}}.live-status{color:#15803d;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.content>.page-heading .live-status{display:none}.live-status i{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dcfce7}.auth-bg-mark{opacity:.075;filter:saturate(1.15)blur(.3px);pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(220px,22vw,360px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(12deg)}.row-actions{align-items:center;gap:4px;display:flex}.row-action.danger{color:#dc2626}.row-action.danger:hover{color:#b91c1c;background:#fef2f2}.field-hint{color:#94a3b8;letter-spacing:0;text-transform:none;margin-top:-3px;font-size:10px;font-weight:500;display:block}.product-cell.is-clickable{cursor:pointer;border-radius:7px;margin:-2px -4px;padding:2px 4px}.product-cell.is-clickable:hover{background:#eff6ff}.product-cell.is-clickable:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.content:has(>.warehouse-grid)>.page-heading .live-status{display:none}.content:has(>.warehouse-grid)>.page-heading .primary-button{width:170px;height:44px;padding:0 18px}@media (width<=720px){.content:has(>.warehouse-grid)>.page-heading .primary-button{width:100%}}@media (width<=1250px) and (width>=721px){.dashboard-grid{grid-template-columns:1fr}.side-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-panel th,.inventory-panel td{text-overflow:ellipsis;padding-left:10px;padding-right:10px;overflow:hidden}.inventory-panel th:first-child,.inventory-panel td:first-child{padding-left:18px}.inventory-panel th:first-child{width:36%}.inventory-panel th:nth-child(2){width:19%}.inventory-panel th:nth-child(3){width:17%}.inventory-panel th:nth-child(4){width:18%}.inventory-panel th:nth-child(5){width:10%}.inventory-panel .table-wrap{scrollbar-width:thin;overflow-x:auto}.inventory-panel table{table-layout:auto;min-width:680px}.inventory-panel th,.inventory-panel td{text-overflow:clip;overflow:visible}.inventory-panel th:first-child,.inventory-panel th:nth-child(2),.inventory-panel th:nth-child(3),.inventory-panel th:nth-child(4),.inventory-panel th:nth-child(5){width:auto}}.settings-nav button{white-space:nowrap;text-align:center;flex:none;width:auto;min-width:130px}@media (width<=720px){.settings-nav{gap:4px;display:flex;overflow-x:auto}.settings-nav button{flex:0 0 142px;min-width:142px;padding:10px 8px;font-size:11px}}.settings-nav{overflow:visible}@media (width<=900px){.settings-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.settings-nav button{flex:initial;white-space:normal;width:auto;min-width:0;padding:10px 8px;line-height:1.2}}@media (width<=520px){.settings-nav{grid-template-columns:1fr}}.filter-select-wrap{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 11px;font:600 12px inherit;display:flex}.filter-select-wrap select{color:#475569;font:inherit;cursor:pointer;background:#fff;border:0;outline:0}.save-confirm{color:#059669;margin:12px 0 0;font-size:12px;font-weight:600}.toast{z-index:40;color:#1e3a8a;background:#fff;border:1px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:12px;max-width:360px;padding:14px 18px;font-size:12px;font-weight:700;line-height:1.4;position:fixed;top:88px;right:28px;box-shadow:0 16px 36px #0f172a26}.inline-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 0 16px;padding:11px 13px;font-size:12px;font-weight:600}.settings-check{align-items:center;gap:9px;text-transform:none!important;letter-spacing:0!important;color:#475569!important;grid-template-columns:none!important;margin-top:20px!important;font-size:13px!important;font-weight:500!important;display:flex!important}.settings-check input{width:16px!important;min-height:16px!important}.user-permission-row{border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:10px;margin-top:24px;padding:13px;display:flex}.user-permission-row .avatar.small{width:30px;height:30px;font-size:10px}.user-permission-row>div:nth-child(2){flex:1;gap:3px;display:grid}.user-permission-row small{color:#94a3b8;font-size:11px}.user-permission-row select{color:#334155;border:1px solid #cbd5e1;border-radius:7px;min-height:35px;padding:6px;font:12px inherit}.settings-note{margin-top:18px;font-size:11px}.detail-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;display:grid}.detail-grid div{background:#f8fafc;border-radius:8px;gap:6px;padding:13px;display:grid}.detail-grid span{color:#64748b;font-size:11px}.detail-grid strong{color:#1e293b;font-size:17px}.order-detail-status{color:#64748b;background:#f8fafc;border-radius:8px;align-items:center;gap:10px;margin-top:18px;padding:12px;font-size:12px;display:flex}.bulk-actions{position:relative}.bulk-menu{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:2px;min-width:150px;padding:6px;display:grid;position:absolute;top:31px;right:0;box-shadow:0 12px 30px #0f172a1f}.bulk-menu button{color:#475569;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:5px;padding:8px 9px;font:12px inherit}.bulk-menu button:hover{color:#2563eb;background:#eff6ff}.activity-list{border:1px solid #e2e8f0;border-radius:9px;gap:0;margin-top:20px;display:grid;overflow:hidden}.activity-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:10px;padding:13px;display:flex}.activity-row:last-child{border-bottom:0}.activity-dot{background:#2563eb;border-radius:50%;width:8px;height:8px;margin-top:4px}.activity-row div{gap:3px;display:grid}.activity-row strong{color:#334155;font-size:12px}.activity-row small{color:#94a3b8;font-size:11px}@media (width<=720px){.toast{max-width:none;top:72px;left:16px;right:16px}}.supplier-profile .modal-heading>div:first-child{align-items:center;gap:12px;display:flex}.supplier-profile-avatar{color:#4f46e5;background:#eef2ff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:grid}.supplier-profile .detail-grid{grid-template-columns:1fr}.supplier-profile .detail-grid strong{overflow-wrap:anywhere;font-size:14px}.warehouse-detail-grid{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.warehouse-detail-summary{padding:22px}.warehouse-detail-summary>h2{margin:16px 0 3px}.warehouse-detail-summary>.detail-grid{grid-template-columns:1fr;margin-top:24px}.warehouse-detail-summary>.progress-label{margin-top:24px}.warehouse-products-panel{min-width:0}.warehouse-products-panel .panel-heading{padding:22px 22px 16px}.warehouse-products-panel .table-wrap{border:0;border-radius:0}.warehouse-products-panel table{min-width:720px}@media (width<=900px){.warehouse-detail-grid{grid-template-columns:1fr}}.product-detail-grid{grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;display:grid}.product-detail-summary,.product-detail-activity{padding:22px}.product-detail-icon{color:#2563eb;background:#eff6ff;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.product-detail-summary>h2{margin:18px 0 4px}.product-detail-summary>.detail-grid{grid-template-columns:1fr 1fr;margin-top:24px}.product-detail-summary .detail-grid strong{overflow-wrap:anywhere;font-size:13px}.product-stock-number{color:#64748b;align-items:baseline;gap:10px;margin:24px 0;display:flex}.product-stock-number strong{color:#172033;font-size:46px;line-height:1}.product-stock-number span{font-size:12px}.product-detail-activity>.progress-label{margin-top:26px}@media (width<=900px){.product-detail-grid{grid-template-columns:1fr}}@media (width<=520px){.product-detail-summary>.detail-grid{grid-template-columns:1fr}}.filter-select-wrap input[type=date]{color:#475569;cursor:pointer;letter-spacing:0;background:0 0;border:0;outline:0;min-width:150px;height:36px;padding:0;font:600 12px inherit}.filter-select-wrap input[type=date]::-webkit-calendar-picker-indicator{opacity:.65;cursor:pointer}.filter-select-wrap:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #dbeafe}.user-management{gap:18px;margin-top:22px;display:grid}.user-summary{background:#f8fbff;border:1px solid #dbe5f1;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.user-summary .eyebrow{margin:0 0 4px;font-size:10px}.user-summary strong{color:#0f172a;letter-spacing:-.4px;font-size:22px;display:block}.user-summary-note{color:#64748b;text-align:right;font-size:11px}.user-list{background:#fff;border:1px solid #dbe5f1;border-radius:12px;overflow:hidden}.user-list-heading{background:#f8fafc;border-bottom:1px solid #e5edf6;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.user-list-heading h3{color:#1e293b;margin:0 0 4px;font-size:14px}.user-list-heading .muted{font-size:11px}.user-list-label{color:#94a3b8;letter-spacing:.8px;font-size:9px;font-weight:700}.user-row{border-bottom:1px solid #eef2f7;grid-template-columns:auto minmax(0,1fr) 150px;align-items:center;gap:12px;padding:14px 18px;display:grid}.user-row:last-child{border-bottom:0}.avatar.small{width:34px;height:34px;font-size:11px}.user-row-copy{gap:3px;min-width:0;display:grid}.user-row-copy strong{color:#1e293b;align-items:center;gap:8px;font-size:12px;display:flex}.user-row-copy small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.current-user{color:#2563eb;background:#eff6ff;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:700}.role-editor{gap:5px;display:grid}.role-editor select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:36px;padding:7px 9px;font:12px inherit}.role-editor .inline-error{margin:0;font-size:10px}.manual-user-form{background:#f8fafc;border:1px solid #dbe5f1;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;margin-top:0;padding:18px;display:grid}.manual-user-form>div:first-child{grid-column:1/-1}.manual-user-form h3{color:#1e293b;margin:0 0 4px;font-size:14px}.manual-user-form label{color:#64748b;text-transform:uppercase;letter-spacing:.6px;gap:7px;font-size:10px;font-weight:700;display:grid}.manual-user-form input,.manual-user-form select{color:#334155;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:38px;padding:8px 10px;font:13px inherit}.manual-user-form .primary-button{white-space:nowrap;grid-column:1/-1;justify-self:start;min-height:38px}.manual-user-form .inline-error,.manual-user-form .save-confirm{grid-column:1/-1;margin:0}.settings-note{margin:0;font-size:11px}@media (width<=900px){.user-row{grid-template-columns:auto minmax(0,1fr) 130px}.user-table-wrap{overflow:visible}.user-table,.user-table tbody,.user-table tr,.user-table td{display:block}.user-table thead{display:none}.user-table tr{border-top:1px solid #eef2f7;padding:14px 16px}.user-table tr:first-child{border-top:0}.user-table td{text-overflow:clip;border:0;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;display:flex;overflow:visible}.user-table td:first-child{padding-left:0}.user-table td:nth-child(2):before{content:"Email";color:#94a3b8;font-size:9px;font-weight:700}.user-table td:nth-child(3):before{content:"Role";color:#94a3b8;font-size:9px;font-weight:700}.user-table td:nth-child(4):before{content:"Permission set";color:#94a3b8;font-size:9px;font-weight:700}.user-table td:nth-child(5):before{content:"Access";color:#94a3b8;font-size:9px;font-weight:700}.user-table td:nth-child(6):before{content:"Actions";color:#94a3b8;font-size:9px;font-weight:700}.user-table td:nth-child(2),.user-table td:nth-child(4){color:#475569;font-size:11px}.user-table .role-editor{width:150px}.user-table td:nth-child(6){justify-content:flex-end}.user-table td:nth-child(6) .row-action{margin-left:auto}}@media (width<=520px){.user-summary{flex-direction:column;align-items:flex-start}.user-summary-note{text-align:left}.user-row{grid-template-columns:auto minmax(0,1fr)}.user-row .role-editor{grid-column:2}.manual-user-form{grid-template-columns:1fr}}.user-table-wrap{overflow:visible}.user-table{table-layout:fixed;width:100%;min-width:0;font-size:11px}.user-table th{color:#64748b;background:#f8fafc;padding:10px 12px;font-size:9px}.user-table th:nth-child(6){width:6%}.user-table th:first-child,.user-table td:first-child{padding-left:16px}.user-table td{vertical-align:middle;text-overflow:ellipsis;border-top:1px solid #eef2f7;padding:12px;overflow:hidden}.user-table-member{align-items:center;gap:9px;min-width:0;display:flex}.user-table-member strong{text-overflow:ellipsis;color:#1e293b;align-items:center;gap:6px;min-width:0;font-size:11px;display:flex;overflow:hidden}.user-table .role-editor select{width:100%;min-width:0;min-height:34px}.access-chip{color:#15803d;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.access-chip i{background:#22c55e;border-radius:50%;width:6px;height:6px}.user-table .current-user{font-size:8px}@media (width<=900px){.user-table-wrap{overflow:visible}.user-table{border:0;display:block}.user-table thead{display:none}.user-table tbody{background:#f8fafc;gap:14px;padding:16px;display:grid}.user-table tr{background:#fff;border:1px solid #dbe5f1;border-radius:12px;margin:0;padding:18px 20px;display:block;box-shadow:0 2px 8px #0f172a0a}.user-table td{color:#334155;text-overflow:clip;border:0;justify-content:space-between;align-items:center;gap:16px;min-height:38px;padding:8px 0;font-size:13px;display:flex;overflow:visible}.user-table td:before{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:10px;font-weight:800}.user-table td:first-child{border-bottom:1px solid #eef2f7;margin-bottom:5px;padding:0 0 14px;display:block}.user-table td:first-child:before{display:none}.user-table-member{gap:12px}.user-table-member .avatar.small{width:44px;height:44px;font-size:13px}.user-table-member strong{font-size:16px;line-height:1.2}.user-table .current-user{padding:4px 8px;font-size:10px}.user-table td:nth-child(2):before{content:"Email"}.user-table td:nth-child(3):before{content:"Role"}.user-table td:nth-child(4):before{content:"Permission"}.user-table td:nth-child(5):before{content:"Access"}.user-table td:nth-child(6):before{content:"Action"}.user-table td:nth-child(2),.user-table td:nth-child(4){font-size:13px}.user-table td:nth-child(2){overflow-wrap:anywhere}.user-table .role-editor{width:190px}.user-table .role-editor select{min-height:40px;font-size:13px}.user-table td:nth-child(6){justify-content:space-between}.user-table td:nth-child(6) .row-action{color:#dc2626;background:#fff;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:7px;min-height:34px;margin-left:auto;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.user-table td:nth-child(6) .row-action:disabled{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.access-chip{font-size:12px}.access-chip i{width:7px;height:7px}}@media (width<=520px){.user-table tr{padding:16px}.user-table td{flex-direction:column;align-items:flex-start;gap:5px}.user-table td:before{font-size:9px}.user-table td:first-child{align-items:initial;flex-direction:initial}.user-table .role-editor{width:100%}.user-table td:nth-child(6){flex-direction:row;align-items:center}}.user-table th:first-child{width:21%}.user-table th:nth-child(2){width:24%}.user-table th:nth-child(3){width:18%}.user-table th:nth-child(4){width:17%}.user-table th:nth-child(5),.user-table th:nth-child(6){width:10%}.user-table td:nth-child(6){overflow:visible}.user-table td:nth-child(6) .row-action{white-space:nowrap}.sidebar{background:#f6f9fd;border-right-color:#dce5f1;padding:24px 14px 18px}.sidebar-brand{border-bottom:1px solid #e2eaf4;grid-template-rows:30px 14px;grid-template-columns:48px minmax(0,1fr);gap:3px 12px;min-height:68px;margin-bottom:16px;padding:2px 12px 18px;display:grid}.sidebar-brand img{object-fit:contain;grid-area:1/1/span 2;align-self:center;width:48px;height:48px}.sidebar-brand span{color:#0f172a;letter-spacing:-1.1px;white-space:nowrap;grid-area:1/2;align-self:end;font-family:Avenir Next,Instrument Sans,system-ui,sans-serif;font-size:26px;font-weight:400;line-height:1}.sidebar-brand small{color:#5d7291;letter-spacing:3px;white-space:nowrap;grid-area:2/2;place-self:start;margin:0;font-size:9px;font-weight:700;line-height:1}.workspace-switch{color:#30425d;background:#f8fbff;border-color:#d4e0ef;min-height:46px;margin:0 2px 22px;padding:11px 10px}.sidebar nav{display:block}.nav-group{gap:5px;display:grid}.sidebar button{color:#5b7090;border-radius:9px;min-height:44px;padding:11px 12px;font-size:14px}.sidebar nav button.active,.sidebar-bottom button.active{color:#2167e8;background:#e5f0ff;font-weight:700}.sidebar button:hover{color:#2167e8;background:#edf5ff}.sidebar-bottom{border-top-color:#e2eaf4;gap:5px;padding-top:18px}.sidebar .mobile-close{margin-left:0;display:none;position:absolute;top:17px;right:5px;width:auto!important;min-height:0!important;padding:5px!important}.nav-backdrop{display:none}.topbar{z-index:15;position:sticky;top:0}.product-drawer-backdrop{justify-content:flex-end;align-items:stretch;padding:0;display:flex}.product-drawer{border-radius:0;width:min(480px,100%);min-height:100%;max-height:100vh;padding:30px 28px;animation:.2s ease-out product-drawer-in;overflow-y:auto}@keyframes product-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-backdrop:has(>form.modal){justify-content:flex-end;align-items:stretch;padding:0;display:flex}.modal-backdrop:has(>form.modal)>form.modal{border-radius:0;width:min(480px,100%);min-height:100%;max-height:100vh;animation:.2s ease-out product-drawer-in;overflow-y:auto}.modal-backdrop.product-drawer-backdrop>.product-drawer{width:min(430px,100%);padding:28px 26px}.product-drawer .modal-heading{border-bottom:1px solid #eef2f7;padding-bottom:18px}.product-drawer .modal-heading h2{letter-spacing:-.3px;font-size:20px}.product-drawer>label,.product-drawer .form-row label{margin-top:16px}.product-drawer .form-row{align-items:start;gap:12px}.product-drawer input{min-height:42px}.product-drawer .field-hint{display:none}.product-drawer .modal-actions{border-top:1px solid #eef2f7;margin-top:24px;padding-top:18px}@media (width>=721px){.sidebar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;align-self:flex-start;height:100vh;max-height:100vh;position:sticky;top:0;overflow-y:auto}}@media (width<=720px){.sidebar{z-index:30;width:280px;left:-280px;box-shadow:16px 0 36px #0f172a26}.sidebar.open{left:0}.nav-backdrop{z-index:20;cursor:pointer;background:#0f172a66;border:0;display:block;position:fixed;inset:0}.mobile-menu,.sidebar .mobile-close{display:block}}@media (width<=520px){.modal-backdrop.product-drawer-backdrop>.product-drawer{border-radius:0;width:100%;padding:24px 20px}}.trace-drawer textarea{resize:vertical;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:9px 11px;font:13px inherit}.trace-drawer .modal-actions{margin-top:28px}.trace-subtext{color:#94a3b8;margin-top:3px;font-size:10px;display:block}.trace-zero{color:#dc2626}.super-admin-link{color:#5d43c5!important}.platform-banner{background:linear-gradient(100deg,#f5f3ff,#f8fbff);border:1px solid #ddd6fe;border-radius:12px;align-items:center;gap:14px;margin:0 0 22px;padding:16px 18px;display:flex}.platform-banner-icon{color:#6d4bd8;background:#ede9fe;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.platform-banner strong{color:#312e81;font-size:13px;display:block}.platform-banner p{color:#64748b;margin:4px 0 0;font-size:11px}.platform-banner .live-status{margin-left:auto}.platform-tabs{border-bottom:1px solid #e2e8f0;gap:6px;margin:0 0 18px;padding:4px;display:flex}.platform-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font:600 12px inherit}.platform-tabs button.active{color:#5b35bd;border-bottom-color:#6d4bd8}.platform-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.platform-grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.platform-health-list{gap:0;display:grid}.platform-health-list>div{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:18px;padding:15px 0;display:flex}.platform-health-list>div:last-child{border-bottom:0}.platform-health-list span,.platform-detail-grid span{color:#94a3b8;font-size:11px}.platform-health-list strong,.platform-detail-grid strong{color:#334155;font-size:12px}.platform-activity{border-bottom:1px solid #eef2f7;gap:10px;padding:12px 0;display:flex}.platform-activity:last-child{border-bottom:0}.platform-activity strong{color:#334155;font-size:11px;display:block}.platform-activity small{color:#94a3b8;margin-top:3px;font-size:10px;display:block}.platform-detail{max-width:900px}.platform-detail-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;display:grid}.platform-detail-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:7px;padding:16px;display:grid}.success-text{color:#16804d!important}.platform-user-list{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.platform-user-row{border-bottom:1px solid #eef2f7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.platform-user-row:last-child{border-bottom:0}.platform-user-row>div:nth-child(2){gap:3px;display:grid}.platform-user-row strong{color:#334155;align-items:center;gap:7px;font-size:12px;display:flex}.platform-user-row small{color:#94a3b8;font-size:11px}.role-chip{color:#2563eb;background:#eff6ff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}@media (width<=900px){.platform-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid{grid-template-columns:1fr}}@media (width<=520px){.platform-banner{flex-wrap:wrap;align-items:flex-start}.platform-banner .live-status{margin-left:56px}.platform-tabs{overflow:auto}.platform-tabs button{white-space:nowrap}.platform-detail-grid{grid-template-columns:1fr}.platform-user-row{grid-template-columns:auto minmax(0,1fr)}.platform-user-row .role-chip{grid-column:2;justify-self:start}}.trace-empty{color:#94a3b8;justify-items:center;gap:8px;padding:60px 24px;display:grid}.trace-empty strong{color:#334155;font-size:14px}.trace-empty span{font-size:12px}.trace-panel table{min-width:760px}.settings-grid{grid-template-columns:1fr;gap:16px;display:grid}.settings-nav{flex-wrap:wrap;align-items:stretch;gap:4px;padding:6px;display:flex;overflow:visible}.settings-nav button{white-space:normal;text-align:center;flex:150px;width:auto;min-height:42px}.settings-form{max-width:none;margin:0;padding:24px}.settings-form .user-management{width:100%}@media (width<=720px){.settings-nav{grid-template-columns:1fr 1fr;display:grid;overflow:visible}.settings-nav button{min-width:0;padding:9px 6px;font-size:11px}.settings-form{padding:18px}}.settings-nav{scrollbar-width:thin;flex-wrap:nowrap;grid-template-columns:repeat(5,minmax(130px,1fr));display:grid;overflow:auto hidden}.settings-nav button{white-space:nowrap;text-align:center;width:auto;min-width:130px}@media (width<=720px){.settings-nav{gap:4px;display:flex;overflow-x:auto}.settings-nav button{flex:0 0 142px;min-width:142px;padding:10px 8px;font-size:11px}}@media (width<=900px){.settings-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.settings-nav button{flex:initial;white-space:normal;width:auto;min-width:0;padding:10px 8px;line-height:1.2}}@media (width<=520px){.settings-nav{grid-template-columns:1fr}}.sidebar{scrollbar-width:none}.sidebar::-webkit-scrollbar{width:0;height:0;display:none}.user-management>.modal-backdrop:has(>form.modal){justify-content:flex-end;align-items:stretch;padding:0}body:has(.user-invite-drawer){overflow:hidden}.user-management>.modal-backdrop:has(>form.modal)>form.user-invite-drawer{box-sizing:border-box;border-radius:0;width:min(480px,100%);height:100vh;min-height:0;max-height:100vh;padding:30px 28px;overflow-y:hidden}.user-invite-drawer .modal-actions{align-items:center}.user-invite-drawer .modal-actions button{box-sizing:border-box;justify-content:center;align-items:center;height:42px;min-height:42px;margin-top:0;display:inline-flex}.user-invite-drawer .modal-actions .primary-button{margin-bottom:5px;padding-left:15px;padding-right:15px}@media (width<=520px){.user-management>.modal-backdrop:has(>form.modal)>form.user-invite-drawer{width:100%;padding:24px 20px;overflow-y:auto}}.confirm-modal .modal-actions{align-items:center}.confirm-modal .modal-actions button{box-sizing:border-box;justify-content:center;align-items:center;height:40px;min-height:40px;margin:0;padding-top:0;padding-bottom:0;display:inline-flex}.confirm-modal .modal-actions .primary-button{margin-top:0;margin-bottom:0;padding-left:15px;padding-right:15px}
