:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafc;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--primary:#2563eb;--primary-dark:#1d4ed8;--sidebar:#0b1220;--sidebar-soft:#121c2f;--success:#15803d;--danger:#b91c1c;--warning:#b45309;--shadow:0 12px 32px rgba(15,23,42,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.brand-lockup{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-weight:800}.brand-lockup small{display:block;font-size:9px;letter-spacing:.16em;color:#8290a7;margin-top:2px}.brand-mark{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#3b82f6,#1d4ed8);color:#fff;font-size:13px;box-shadow:0 8px 24px rgba(37,99,235,.28)}.eyebrow{display:inline-block;font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--primary)}
.auth-page{background:#fff}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)}.auth-brand-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(59,130,246,.28),transparent 34%),radial-gradient(circle at 90% 85%,rgba(14,165,233,.18),transparent 32%),linear-gradient(135deg,#08111f,#101c32);color:#fff;padding:50px 7vw;display:flex;flex-direction:column;justify-content:space-between}.auth-brand-panel:after{content:"";position:absolute;inset:auto -140px -220px auto;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.auth-copy{position:relative;z-index:1;max-width:690px}.auth-copy .eyebrow{color:#7dd3fc}.auth-copy h1{font-size:clamp(38px,5.2vw,72px);line-height:1.03;letter-spacing:-.055em;margin:20px 0}.auth-copy p{max-width:620px;color:#bac7dc;font-size:18px;line-height:1.75}.auth-feature-row{position:relative;z-index:1;display:flex;gap:24px;flex-wrap:wrap;color:#9fb0ca;font-size:13px}.auth-feature-row span::first-letter{color:#22c55e}.auth-form-panel{display:grid;place-items:center;padding:40px}.login-box{width:min(430px,100%)}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:44px}.login-heading h2{font-size:34px;letter-spacing:-.04em;margin:0 0 9px}.login-heading p{color:var(--muted);margin:0 0 32px}.form-field{display:grid;gap:8px;margin:18px 0;font-size:13px;font-weight:700}.form-field input{height:50px;border:1px solid #d7dce5;border-radius:13px;padding:0 15px;background:#fff;outline:none;transition:.2s}.form-field input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(59,130,246,.1)}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:48px}.icon-button{position:absolute;right:7px;top:7px;width:36px;height:36px;border:0;background:transparent;color:#64748b;border-radius:8px}.icon-button:hover{background:#f1f5f9}.form-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0 24px;color:var(--muted);font-size:13px}.check-row{display:flex;align-items:center;gap:8px}.check-row input{accent-color:var(--primary)}.secure-note{color:#15803d}.primary-button,.secondary-button{border:0;border-radius:12px;height:46px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800}.primary-button{background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.22)}.primary-button:hover{background:var(--primary-dark)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.primary-button:not(.compact){width:100%}.primary-button.compact{width:auto}.secondary-button{background:#fff;border:1px solid var(--line);color:#374151}.secondary-button:hover{background:#f8fafc}.alert{padding:12px 14px;border-radius:11px;margin-top:16px;font-size:13px}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.login-footnote{text-align:center;color:#9ca3af;font-size:12px;margin-top:26px}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr)}.sidebar{background:var(--sidebar);color:#cbd5e1;padding:20px 15px 16px;position:fixed;inset:0 auto 0 0;width:268px;display:flex;flex-direction:column;z-index:40}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:2px 7px 20px}.sidebar-head .brand-lockup{color:#fff}.sidebar-close{display:none;background:transparent;color:#fff;border:0;font-size:27px}.store-switcher{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--sidebar-soft);border:1px solid #1e2a40;border-radius:12px;padding:11px 12px;margin:0 4px 18px}.store-switcher small,.store-switcher strong{display:block}.store-switcher small{font-size:10px;color:#8290a7;margin-bottom:2px}.store-switcher strong{font-size:12px;color:#edf3ff}.store-dot{width:9px;height:9px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.nav-groups{overflow:auto;padding:0 3px}.nav-group{margin-bottom:19px}.nav-label{display:block;font-size:9px;letter-spacing:.14em;color:#62708a;font-weight:800;padding:0 10px 7px}.nav-item{min-height:42px;display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px;color:#9eabc0;text-decoration:none;font-size:13px;margin:2px 0;transition:.18s}.nav-item:hover{background:#111c30;color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(37,99,235,.22),rgba(37,99,235,.08));color:#fff;border:1px solid rgba(96,165,250,.15)}.nav-icon{width:22px;text-align:center;font-size:16px}.nav-item em{margin-left:auto;font-size:9px;font-style:normal;color:#6f7c92}.nav-item.disabled{cursor:default}.sidebar-footer{margin-top:auto;border-top:1px solid #1b2639;padding:15px 5px 0}.system-mini{display:flex;gap:10px;align-items:center}.system-mini strong,.system-mini small{display:block}.system-mini strong{font-size:11px;color:#dce5f5}.system-mini small{font-size:10px;color:#75839b;margin-top:3px}.status-pulse{width:9px;height:9px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 5px rgba(34,197,94,.1)}.logout-link{width:100%;margin-top:14px;background:#121c2f;border:1px solid #1e2a40;color:#a9b6ca;border-radius:9px;padding:9px}.workspace{grid-column:2;min-width:0}.topbar{height:72px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:25;backdrop-filter:blur(12px)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;border:0;background:#f1f5f9;border-radius:9px;width:38px;height:38px}.search-box{width:360px;height:40px;border:1px solid var(--line);background:#f8fafc;border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#9ca3af}.search-box input{border:0;outline:0;background:transparent;flex:1;color:#6b7280}.search-box kbd{font-size:10px;border:1px solid #d1d5db;border-radius:5px;background:#fff;padding:3px 6px}.top-icon{width:39px;height:39px;border:1px solid var(--line);background:#fff;border-radius:10px;position:relative}.notification-dot{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:#ef4444}.profile-button{height:45px;border:0;background:transparent;display:flex;align-items:center;gap:10px;border-radius:11px;padding:4px 7px}.profile-button:hover{background:#f8fafc}.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#0f172a,#334155);color:#fff;display:grid;place-items:center;font-weight:800}.profile-copy{text-align:left}.profile-copy strong,.profile-copy small{display:block}.profile-copy strong{font-size:12px}.profile-copy small{color:var(--muted);font-size:10px;margin-top:2px}.profile-menu{display:none;position:absolute;right:28px;top:62px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px;min-width:150px}.profile-menu.open{display:block}.profile-menu button{width:100%;border:0;background:#fff;text-align:left;padding:9px;border-radius:7px}.profile-menu button:hover{background:#f3f4f6}.content-wrap{padding:30px;max-width:1600px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{font-size:30px;letter-spacing:-.04em;margin:7px 0}.page-heading p{color:var(--muted);margin:0}.heading-actions{display:flex;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 8px rgba(15,23,42,.025)}.metric-card{padding:18px}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:38px;height:38px;border-radius:11px;background:#eff6ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.trend{font-size:9px;font-weight:800;padding:5px 7px;border-radius:999px}.trend.neutral{background:#f1f5f9;color:#64748b}.trend.alert{background:#fff7ed;color:#c2410c}.trend.success{background:#f0fdf4;color:#15803d}.metric-card>strong{display:block;font-size:29px;letter-spacing:-.04em;margin:17px 0 0}.metric-card>span{display:block;font-weight:750;font-size:13px;margin-top:2px}.metric-card>small{display:block;color:#9ca3af;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr);gap:16px;margin-top:16px}.panel{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px}.panel-head h2{font-size:15px;margin:0 0 5px}.panel-head p{font-size:12px;color:var(--muted);margin:0}.text-button{border:0;background:transparent;color:var(--primary);font-weight:700;font-size:12px}.text-button:disabled{color:#9ca3af}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#8a94a5;font-size:10px;letter-spacing:.06em;padding:11px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #eef1f5;font-size:12px}tbody tr:last-child td{border-bottom:0}.empty-row{text-align:center;color:#9ca3af;padding:25px}.order-code{font-weight:800;color:#1f2937}.customer-cell strong,.customer-cell small{display:block}.customer-cell small{color:#9ca3af;margin-top:3px}.store-badge{font-size:10px;padding:5px 7px;border-radius:7px;background:#f1f5f9;color:#475569}.status-badge{font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px}.status-new{background:#eff6ff;color:#1d4ed8}.status-contacted,.status-confirmed{background:#fff7ed;color:#c2410c}.status-completed{background:#f0fdf4;color:#15803d}.status-cancelled{background:#fef2f2;color:#b91c1c}.status-packing,.status-shipping{background:#f5f3ff;color:#6d28d9}.side-stack{display:grid;gap:16px}.health-list{display:grid;gap:4px}.health-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #eef1f5}.health-row:last-child{border-bottom:0}.health-icon{width:38px;height:38px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;font-size:10px;font-weight:900;color:#64748b}.health-icon.online{background:#ecfdf5;color:#15803d}.health-row strong,.health-row small{display:block}.health-row strong{font-size:12px}.health-row small{font-size:10px;color:#9ca3af;margin-top:3px}.health-state{font-size:9px;font-weight:800;color:#15803d;background:#f0fdf4;padding:5px 7px;border-radius:999px}.health-state.muted-state{color:#6b7280;background:#f3f4f6}.count-pill{font-size:11px;font-weight:800;background:#eff6ff;color:#2563eb;border-radius:999px;padding:5px 9px}.store-list{display:grid;gap:8px}.store-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid #edf0f4;border-radius:11px}.store-item strong,.store-item small{display:block}.store-item strong{font-size:12px}.store-item small{color:#9ca3af;font-size:10px;margin-top:3px}.store-status{font-size:9px;color:#15803d;background:#f0fdf4;border-radius:999px;padding:4px 7px}.skeleton-line{height:47px;border-radius:10px;background:linear-gradient(90deg,#f1f5f9,#e9eef5,#f1f5f9);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.sidebar-overlay{display:none}.toast-root{position:fixed;right:22px;bottom:22px;z-index:100;display:grid;gap:8px}.toast{background:#111827;color:#fff;border-radius:11px;padding:12px 14px;box-shadow:var(--shadow);font-size:12px;animation:toastIn .2s ease}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.search-box{width:280px}}@media(max-width:800px){.auth-layout{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{padding:28px 20px}.mobile-brand{display:flex}.admin-shell{display:block}.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.workspace{grid-column:auto}.menu-toggle{display:block}.sidebar-overlay.open{display:block;position:fixed;inset:0;background:rgba(2,6,23,.5);z-index:35}.topbar{padding:0 15px}.search-box{display:none}.profile-copy{display:none}.content-wrap{padding:21px 15px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions button{flex:1}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.auth-form-panel{align-items:start;padding-top:42px}.page-heading h1{font-size:25px}.heading-actions{flex-direction:column}.panel{padding:15px}}

/* v0.2.2 API connectivity status */
.login-health{margin-top:14px;text-align:center}.api-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700}.api-status::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.api-status.checking{background:#f1f5f9;color:#64748b}.api-status.online{background:#ecfdf5;color:#047857}.api-status.offline{background:#fef2f2;color:#b91c1c}
.product-toolbar{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.product-toolbar select,.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #d9e0ea;border-radius:12px;padding:12px 14px;background:#fff;font:inherit}.product-toolbar select{width:auto;min-width:180px}.product-cell{display:flex;align-items:center;gap:12px}.product-cell img,.product-placeholder{width:54px;height:42px;border-radius:10px;object-fit:cover;background:#eef3f9;display:grid;place-items:center}.product-cell small{display:block;color:#64748b;margin-top:4px}.row-actions{display:flex;gap:10px}.row-actions a,.row-actions button{border:0;background:none;color:#2563eb;cursor:pointer;font-weight:700}.pagination{display:flex;justify-content:center;gap:14px;align-items:center;padding:18px}.pagination button{border:1px solid #d9e0ea;background:#fff;border-radius:10px;padding:8px 12px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px}.form-card{padding:22px}.form-card h2{margin:0 0 18px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card label{display:block;font-weight:700;margin-bottom:16px}.form-card label input,.form-card label select,.form-card label textarea{margin-top:8px;font-weight:400}.check-label{display:flex!important;align-items:center;gap:10px}.check-label input{width:auto!important;margin:0!important}.store-config{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.image-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.image-item small{display:block;margin-top:4px}.muted{color:#64748b}.primary-button{text-decoration:none}@media(max-width:900px){.form-layout{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}}