:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-shell{grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);min-height:100vh;display:grid}.brand-panel{color:#fff;background:radial-gradient(circle at 85% 12%,#38bdf852,#0000 30%),radial-gradient(circle at 8% 85%,#2563eb57,#0000 38%),linear-gradient(145deg,#0f172a 0%,#111f3b 55%,#16294f 100%);flex-direction:column;justify-content:space-between;gap:48px;min-height:100vh;padding:56px clamp(36px,6vw,96px);display:flex;position:relative;overflow:hidden}.brand-panel:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:430px;height:430px;position:absolute;inset:auto -110px -160px auto;box-shadow:0 0 0 48px #ffffff06,0 0 0 96px #ffffff05}.brand-badge,.brand-copy,.feature-grid{z-index:1;position:relative}.brand-badge{align-items:center;gap:14px;display:flex}.brand-badge img{width:48px;height:48px}.brand-badge p,.brand-badge strong{margin:0;display:block}.brand-badge p{color:#9fb0cd;margin-bottom:3px;font-size:13px}.brand-badge strong{font-size:19px}.brand-copy{max-width:720px}.brand-copy span,.auth-heading span{color:#60a5fa;letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:750}.brand-copy h1{letter-spacing:-.045em;max-width:680px;margin:18px 0;font-size:clamp(38px,5vw,68px);line-height:1.04}.brand-copy p{color:#bdc9dc;max-width:630px;margin:0;font-size:18px;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.feature-grid article{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0e;border:1px solid #ffffff1f;border-radius:18px;min-height:118px;padding:20px}.feature-grid strong,.feature-grid span{display:block}.feature-grid strong{margin-bottom:9px}.feature-grid span{color:#aebbd0;font-size:14px;line-height:1.5}.auth-panel{background:#f7f9fc;place-items:center;min-height:100vh;padding:42px;display:grid}.auth-card{background:#fff;border:1px solid #dbe4ef;border-radius:24px;width:min(100%,480px);padding:38px;box-shadow:0 22px 60px #0f172a17}.auth-heading h2{letter-spacing:-.035em;margin:10px 0;font-size:31px}.auth-heading p{color:#64748b;margin:0 0 28px;line-height:1.65}form,label{display:grid}form{gap:18px}label{color:#334155;gap:8px;font-size:14px;font-weight:650}input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;height:50px;padding:0 15px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1c}.primary-button,.session-card button{border:0;border-radius:12px;font-weight:750}.primary-button{color:#fff;background:#2563eb;height:52px;box-shadow:0 10px 24px #2563eb38}.primary-button:hover{background:#1d4ed8}button:disabled{cursor:wait;opacity:.65}.notice{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:18px;padding:13px 15px;font-size:13px;line-height:1.5}.notice.warning{color:#92400e;background:#fffbeb;border-color:#fde68a;margin:0 0 18px}.session-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.status-dot{background:#22c55e;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 5px #22c55e1f}.session-card span,.session-card strong{display:block}.session-card span{color:#64748b;margin-bottom:3px;font-size:12px}.session-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-card button{color:#166534;background:#dcfce7;padding:10px 12px}.route-hint{color:#64748b;border-top:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;padding-top:22px;font-size:12px;display:flex}.route-hint span{margin-right:auto}.route-hint code{color:#334155;background:#f1f5f9;border-radius:7px;padding:5px 8px}.loading-screen{color:#64748b;background:#f4f7fb;place-content:center;justify-items:center;gap:18px;min-height:100vh;display:grid}.loading-mark{color:#fff;background:#2563eb;border-radius:16px;place-items:center;width:54px;height:54px;font-size:27px;font-weight:900;display:grid;box-shadow:0 18px 35px #2563eb40}.loading-line{background:#dbe5f1;border-radius:999px;width:180px;height:4px;overflow:hidden}.loading-line span{border-radius:inherit;background:#2563eb;width:45%;height:100%;animation:1.15s ease-in-out infinite loading;display:block}.loading-screen p{margin:0;font-size:13px}@keyframes loading{0%{transform:translate(-120%)}to{transform:translate(330%)}}.admin-shell{--brand-accent:#2563eb;background:#f3f6fa;grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;color:#d9e3f4;background:linear-gradient(#0f1b32 0%,#111f3a 100%);flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;box-shadow:10px 0 35px #0f172a14}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:4px 8px 24px;display:flex}.sidebar-logo img{width:40px;height:40px}.sidebar-logo small,.sidebar-logo strong{display:block}.sidebar-logo small{color:#8293b0;margin-bottom:2px;font-size:10px}.sidebar-logo strong{color:#fff;font-size:16px}.sidebar-nav{gap:5px;padding:22px 0;display:grid}.sidebar-nav button{color:#9fafc7;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:11px 12px;transition:all .18s;display:grid}.sidebar-nav button:hover{color:#fff;background:#ffffff0e}.sidebar-nav button.active{color:#fff;background:linear-gradient(90deg,var(--brand-accent),color-mix(in srgb,var(--brand-accent) 78%,#60a5fa));box-shadow:0 9px 22px color-mix(in srgb,var(--brand-accent) 25%,transparent)}.sidebar-nav button span{font-size:13px;font-weight:650}.sidebar-nav button em{opacity:.5;font-style:normal}.sidebar-foot{border-top:1px solid #ffffff14;margin-top:auto;padding-top:18px}.system-health{align-items:center;gap:10px;padding:10px 8px 16px;display:flex}.system-health>span{background:#22c55e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #22c55e1c}.system-health strong,.system-health small{display:block}.system-health strong{color:#e5edf8;font-size:12px}.system-health small{color:#7184a3;margin-top:2px;font-size:10px}.sidebar-logout{color:#9fafc7;background:#ffffff06;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.sidebar-logout:hover{color:#fff;background:#ffffff0f}.admin-main{min-width:0}.topbar{z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e1e8f1;justify-content:space-between;align-items:center;gap:22px;min-height:72px;padding:12px 30px;display:flex;position:sticky;top:0}.mobile-brand{align-items:center;gap:9px;display:none}.mobile-brand img{width:34px}.brand-switcher{background:#f6f8fb;border:1px solid #e2e8f0;border-radius:11px;align-items:center;gap:5px;padding:4px;display:flex}.brand-switcher a{color:#64748b;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:700}.brand-switcher a.active{color:#0f172a;background:#fff;box-shadow:0 2px 8px #0f172a14}.topbar-actions{align-items:center;gap:14px;display:flex}.refresh-button{color:#475569;background:#fff;border:1px solid #dbe3ed;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:650;display:flex}.refresh-button:hover{background:#f8fafc;border-color:#b9c7d8}.account-pill{align-items:center;gap:10px;min-width:0;display:flex}.avatar{color:#fff;background:#0f1f3d;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.account-pill strong,.account-pill small{text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:block;overflow:hidden}.account-pill strong{color:#172033;font-size:12px}.account-pill small{color:#8793a5;margin-top:2px;font-size:10px}.page-content{padding:29px 30px 45px}.page-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px;display:flex}.page-heading span,.panel-heading span{color:var(--brand-accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.page-heading h1{color:#101827;letter-spacing:-.035em;margin:7px 0 5px;font-size:29px}.page-heading p{color:#748195;margin:0;font-size:13px}.heading-actions{gap:9px;display:flex}.primary-action,.secondary-action{border-radius:10px;min-height:40px;padding:0 16px;font-size:12px;font-weight:750}.primary-action{color:#fff;background:var(--brand-accent);box-shadow:0 9px 20px color-mix(in srgb,var(--brand-accent) 25%,transparent);border:0}.secondary-action{color:#344156;background:#fff;border:1px solid #d8e1ec}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card{background:#fff;border:1px solid #e1e8f1;border-radius:15px;align-items:flex-start;gap:13px;min-width:0;padding:19px;display:flex;box-shadow:0 7px 22px #0f172a09}.metric-icon{color:#2563eb;background:#eaf2ff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.metric-card.green .metric-icon{color:#059669;background:#e8fbf4}.metric-card.purple .metric-icon{color:#7c3aed;background:#f1ebff}.metric-card.amber .metric-icon{color:#d97706;background:#fff7df}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#7b8798;font-size:11px}.metric-card strong{color:#162033;letter-spacing:-.03em;margin:4px 0 2px;font-size:24px}.metric-card small{color:#99a4b4;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;margin-bottom:16px;display:grid}.lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr)}.panel{background:#fff;border:1px solid #e1e8f1;border-radius:16px;min-width:0;box-shadow:0 7px 22px #0f172a09}.panel-heading{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:17px 20px;display:flex}.panel-heading h2{color:#172033;letter-spacing:-.02em;margin:5px 0 0;font-size:17px}.panel-heading button{color:#64748b;background:0 0;border:0;align-items:center;gap:4px;padding:7px 0;font-size:11px;font-weight:700;display:flex}.branch-list{padding:8px 20px 14px}.branch-row{border-bottom:1px solid #f0f3f7;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.branch-row:last-child{border-bottom:0}.branch-letter{color:#2563eb;background:#ebf3ff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:850;display:grid}.branch-info strong,.branch-info span{display:block}.branch-info strong{color:#243047;font-size:12px}.branch-info span{color:#8b97a8;margin-top:4px;font-size:10px}.branch-tags{gap:6px;display:flex}.branch-tags span{border-radius:999px;padding:5px 7px;font-size:9px;font-weight:750}.branch-tags .success{color:#047857;background:#e8fbf4}.branch-tags .warning{color:#b45309;background:#fff7df}.branch-tags .muted{color:#64748b;background:#eef2f7}.operation-stats{background:#e7edf4;border:1px solid #e7edf4;border-radius:13px;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 20px;display:grid;overflow:hidden}.operation-stats>div{background:#f9fbfd;min-width:0;padding:16px 12px}.operation-stats span,.operation-stats strong,.operation-stats small{display:block}.operation-stats span{color:#8995a5;text-transform:uppercase;font-size:9px}.operation-stats strong{color:#172033;margin:5px 0 2px;font-size:21px}.operation-stats small{color:#a1aaba;font-size:8px;line-height:1.4}.readiness-box{background:#f1fcf7;border:1px solid #c8f2df;border-radius:13px;gap:12px;margin:0 20px 20px;padding:15px;display:flex}.readiness-check{color:#059669;background:#d9f8ea;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.readiness-box strong{color:#166534;font-size:12px}.readiness-box p{color:#5a7b69;margin:5px 0 0;font-size:10px;line-height:1.5}.sku-table-wrap{overflow-x:auto}.sku-table{border-collapse:collapse;width:100%}.sku-table th{color:#8a96a6;text-align:left;text-transform:uppercase;background:#fafbfd;padding:11px 16px;font-size:9px;font-weight:750}.sku-table td{color:#4a5668;white-space:nowrap;border-top:1px solid #edf1f5;padding:11px 16px;font-size:11px}.product-cell{align-items:center;gap:10px;min-width:220px;display:flex}.product-cell img{object-fit:cover;background:#f3f6fa;border:1px solid #e4eaf1;border-radius:9px;width:38px;height:38px}.product-cell strong,.product-cell span{display:block}.product-cell strong{color:#243047;text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:11px;overflow:hidden}.product-cell span{color:#98a3b2;margin-top:3px;font-size:9px}.sku-table code{color:#334155;background:#f1f5f9;border-radius:5px;padding:4px 6px;font-size:10px}.table-status{color:#64748b;background:#eef2f7;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:750}.table-status.active{color:#047857;background:#e8fbf4}.empty-cell{text-align:center;color:#94a3b8!important;padding:35px!important}.purchase-list{padding:8px 20px 15px}.purchase-row{border-bottom:1px solid #f0f3f7;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;display:flex}.purchase-row:last-child{border-bottom:0}.purchase-row strong,.purchase-row span{display:block}.purchase-row>div>strong{color:#263248;font-size:11px}.purchase-row>div>span{color:#919cab;margin-top:4px;font-size:9px}.purchase-value{text-align:right}.purchase-status{text-transform:capitalize;background:#eef2f7;border-radius:999px;padding:4px 7px;font-weight:750;color:#475569!important;margin-top:5px!important;font-size:8px!important;display:inline-block!important}.purchase-status.received{background:#e8fbf4;color:#047857!important}.purchase-status.approved{background:#eaf2ff;color:#1d4ed8!important}.empty-card{color:#94a3b8;text-align:center;padding:35px 0;font-size:11px}.module-placeholder,.error-state{text-align:center;background:#fff;border:1px solid #e1e8f1;border-radius:18px;place-content:center;justify-items:center;min-height:540px;padding:40px;display:grid;box-shadow:0 7px 22px #0f172a09}.placeholder-icon{width:64px;height:64px;color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 10%,#fff);border-radius:18px;place-items:center;margin-bottom:18px;display:grid}.module-placeholder span{color:var(--brand-accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.module-placeholder h1,.error-state h2{color:#172033;margin:9px 0;font-size:28px}.module-placeholder p,.error-state p{color:#718096;max-width:580px;margin:0 0 20px;font-size:13px;line-height:1.65}.module-placeholder button,.error-state button{color:#fff;background:var(--brand-accent);border:0;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:750}.error-state{color:#dc2626}.toast{z-index:50;color:#166534;background:#effbf5;border:1px solid #cfeedd;border-radius:12px;align-items:center;gap:9px;padding:13px 16px;font-size:12px;font-weight:650;animation:.25s toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 35px #0f172a24}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@media (width<=1180px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.lower-grid{grid-template-columns:1fr}}@media (width<=900px){.login-shell{grid-template-columns:1fr}.brand-panel,.auth-panel{min-height:auto}.brand-panel{padding:38px 26px}.feature-grid{grid-template-columns:1fr}.auth-panel{padding:30px 18px 46px}.admin-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:12px 16px;position:static}.sidebar-logo,.sidebar-foot{display:none}.sidebar-nav{scrollbar-width:none;padding:0;display:flex;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav button{flex:none;grid-template-columns:20px auto;width:auto}.sidebar-nav button em{display:none}.topbar{padding:10px 18px;top:0}.mobile-brand{display:flex}.brand-switcher,.account-pill small{display:none}.page-content{padding:22px 18px 35px}}@media (width<=650px){.topbar-actions{gap:8px}.refresh-button{justify-content:center;width:40px;height:40px;padding:0;font-size:0}.account-pill>div:last-child{display:none}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.heading-actions button{flex:1}.metrics-grid{grid-template-columns:1fr}.branch-tags{flex-direction:column;align-items:flex-end}.operation-stats{grid-template-columns:1fr}.sku-table th,.sku-table td{padding-inline:11px}.auth-card{padding:28px 22px}}