:root{--bg-primary: #f4f7fc;--bg-secondary: #ffffff;--bg-sidebar: #edf3fc;--border-color: #d8e1ef;--text-primary: #10213a;--text-secondary: #5f7390;--link-active-bg: #2f6fec}:root[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0f1115;--bg-sidebar: #090b0f;--border-color: #1f2937;--text-primary: #f8fafc;--text-secondary: #94a3b8;--link-active-bg: #1e3a8a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Manrope,Segoe UI,sans-serif}#app{min-height:100vh}.layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:var(--bg-primary)}.sidebar{border-right:1px solid var(--border-color);background:var(--bg-sidebar);color:var(--text-primary);display:grid;grid-template-rows:auto 1fr auto;padding:16px;gap:16px}.sidebar-top{padding-bottom:8px}.logo{width:220px;height:auto;display:block}.sidebar-nav{display:grid;gap:8px;align-content:start}.nav-link{color:var(--text-secondary);text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:600}.nav-link.router-link-active{background:var(--link-active-bg);color:#fff}.sidebar-bottom{display:grid;gap:12px;border-top:1px solid var(--border-color);padding-top:12px}.theme-row{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary)}.content{padding:20px;background:var(--bg-primary);color:var(--text-primary)}h1{margin:0;color:var(--text-primary)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.title-with-count{display:flex;align-items:center;gap:10px}.table-count{min-width:28px;height:28px;border-radius:999px;background:#dce9ff;color:#2f6fec;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;padding:0 8px}.warehouse-search-row{display:flex;gap:10px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg-primary)}.login-form{width:min(100%,460px)}.hint{margin:8px 0 0;color:var(--text-secondary);font-size:13px}.error{margin:8px 0 0;color:#ef4444}.success{margin:8px 0 0;color:#22c55e}.table-skeleton-wrap{display:grid;gap:8px;margin-top:8px}.toolbar{margin:12px 0;display:flex;align-items:center;gap:12px}.warehouse-form-wrap{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.warehouse-form-wrap h2{margin:0 0 12px;color:var(--text-primary)}.warehouse-form{display:grid;gap:12px}.checkbox-field{display:flex;align-items:center}.users-table{width:100%;border-collapse:collapse}.table-refresh th{font-size:13px;color:var(--text-secondary)}.status-pill{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:700;padding:4px 10px}.status-pill.active{background:#e0ecff;color:#1f4fb6}.status-pill.inactive{background:#e7edf7;color:#5f7390}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary-btn{text-decoration:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.card h2{margin:0 0 10px;color:var(--text-secondary)}.card strong{font-size:30px;color:var(--text-primary)}.go-link{display:inline-block;margin-top:16px;color:#2f6fec;font-weight:700;text-decoration:none}@media(max-width:980px){.layout{grid-template-columns:1fr}.sidebar{grid-template-rows:auto}.content{padding:14px}.warehouse-search-row{grid-template-columns:1fr}}