*{box-sizing:border-box}html,body{margin:0;background:#e9edf4;font-family:Lato,system-ui,-apple-system,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2)}.app-root{--bg: #e9edf4;--surface: #ffffff;--surface-2: #f5f7fb;--surface-3: #eef2f8;--border: #e5e9f1;--border-strong: #d5dbe7;--text: #0f1830;--text-muted: #5b6982;--text-faint: #94a0b5;--navy: #002443;--navy-2: #005caa;--sidebar-text: #eef4fb;--sidebar-muted: #c3d5ec;--sidebar-grad: linear-gradient(180deg, #002443 0%, #005caa 100%);--accent: #005caa;--accent-2: #2680c8;--accent-soft: rgba(0, 92, 170, .1);--shadow-sm: 0 1px 2px rgba(15, 24, 48, .06);--shadow: 0 6px 22px rgba(15, 24, 48, .09);--shadow-lg: 0 20px 60px rgba(15, 24, 48, .22)}.app-root[data-theme=dark]{--bg: #070b16;--surface: #111827;--surface-2: #161f33;--surface-3: #1d2740;--border: #232f49;--border-strong: #31405f;--text: #e9eefb;--text-muted: #97a4c0;--text-faint: #67748f;--navy: #001b33;--navy-2: #004a8a;--sidebar-text: #c2d3e8;--sidebar-muted: #7f93b0;--sidebar-grad: linear-gradient(180deg, #001b33 0%, #005caa 100%);--accent: #2f8fd6;--accent-2: #5aa8e3;--accent-soft: rgba(0, 92, 170, .22);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow: 0 8px 26px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .65)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes cartIn{0%{transform:translate(100%)}to{transform:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.brand-mark{display:none!important}.app-sidebar.collapsed .brand-mark{display:flex!important}.app-sidebar{width:266px;flex:0 0 266px;transition:width .26s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1)}.app-sidebar.collapsed{width:78px;flex-basis:78px}.app-sidebar.collapsed .nav-label,.app-sidebar.collapsed .brand-text,.app-sidebar.collapsed .nav-caret,.app-sidebar.collapsed .side-section-label,.app-sidebar.collapsed .side-sub{display:none!important}.app-sidebar.collapsed .nav-top,.app-sidebar.collapsed .brand-row{justify-content:center!important}.sidebar-backdrop{display:none}.mobile-menu-btn{display:none!important}.nav-row:not(.active):hover{background:#ffffff0f!important}.app-sidebar .nav-row.active:hover{background:#fff!important}.row-hover:hover{background:var(--surface-2)!important}.cat-row:first-child{border-top:none!important}.lift{transition:transform .16s,box-shadow .16s}.lift:hover{transform:translateY(-3px);box-shadow:var(--shadow)!important}.btn-accent:hover{filter:brightness(1.07)}.btn-outline:hover,.icon-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important}.topbar-btn:hover{background:#ffffff29!important}.qty-minus:hover{background:var(--surface-2)}.qty-plus:hover{filter:brightness(1.07)}input:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--accent-soft)}@media (max-width: 1024px){.app-sidebar{position:fixed!important;top:0;left:0;height:100vh;z-index:70;transform:translate(-100%)}.app-sidebar.mobopen{transform:translate(0)}.app-sidebar.collapsed{width:266px;flex-basis:266px}.app-sidebar.collapsed .nav-label,.app-sidebar.collapsed .brand-text,.app-sidebar.collapsed .nav-caret,.app-sidebar.collapsed .side-section-label,.app-sidebar.collapsed .side-sub{display:block!important}.collapse-btn{display:none!important}.mobile-menu-btn{display:inline-flex!important}.sidebar-backdrop.show{display:block}}@media (max-width: 960px){.login-panel{display:none!important}}@media (max-width: 760px){.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.chart-row{grid-template-columns:1fr!important}.toolbar{flex-wrap:wrap}}@media (max-width: 520px){.kpi-grid{grid-template-columns:1fr!important}}