:root{--admin-primary: #2563eb;--admin-primary-hover: #1d4ed8;--admin-primary-light: #eff6ff;--admin-on-primary: #ffffff;--admin-ink: #0f172a;--admin-ink-muted: #475569;--admin-ink-subtle: #94a3b8;--admin-ink-tertiary: #cbd5e1;--admin-canvas: #ffffff;--admin-surface-1: #f8fafc;--admin-surface-2: #f1f5f9;--admin-surface-3: #e2e8f0;--admin-hairline: #e2e8f0;--admin-hairline-strong: #cbd5e1;--admin-success: #16a34a;--admin-success-light: #f0fdf4;--admin-warning: #eab308;--admin-warning-light: #fefce8;--admin-danger: #dc2626;--admin-danger-light: #fef2f2;--admin-sidebar-bg: #0f172a;--admin-sidebar-text: #e2e8f0;--admin-sidebar-text-muted: #94a3b8;--admin-sidebar-hover: #1e293b;--admin-sidebar-active: #2563eb;--admin-font: "Inter", system-ui, -apple-system, sans-serif;--admin-sp-xs: 4px;--admin-sp-sm: 8px;--admin-sp-md: 12px;--admin-sp-lg: 16px;--admin-sp-xl: 24px;--admin-sp-2xl: 32px;--admin-sp-3xl: 48px;--admin-rd-sm: 6px;--admin-rd-md: 8px;--admin-rd-lg: 12px;--admin-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--admin-shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--bp-mobile: 640px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1280px}*{box-sizing:border-box}:root{color-scheme:light;--bg: var(--admin-surface-1);--surface: var(--admin-canvas);--surface-muted: var(--admin-surface-2);--border: var(--admin-hairline);--text: var(--admin-ink);--muted: var(--admin-ink-muted);--primary: var(--admin-primary);--primary-soft: var(--admin-primary-light);--danger: var(--admin-danger);--danger-soft: var(--admin-danger-light);--success: var(--admin-success);--success-soft: var(--admin-success-light)}body{margin:0;font-family:var(--admin-font);background:var(--admin-surface-1);color:var(--admin-ink)}.admin-app{min-height:100vh}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--admin-sidebar-bg);color:var(--admin-sidebar-text);display:flex;flex-direction:column;padding:var(--admin-sp-lg) 0;overflow-y:auto;z-index:100}.admin-sidebar-logo{padding:0 var(--admin-sp-lg) var(--admin-sp-xl);font-size:16px;font-weight:700;letter-spacing:-.4px;color:#fff}.admin-sidebar-nav{display:flex;flex-direction:column;gap:2px}.admin-nav-item{display:flex;align-items:center;gap:var(--admin-sp-sm);padding:var(--admin-sp-sm) var(--admin-sp-lg);margin:1px 8px;font-size:14px;font-weight:500;color:var(--admin-sidebar-text-muted);text-decoration:none;border-radius:var(--admin-rd-sm);transition:background .1s,color .1s}.admin-nav-item:hover{background:var(--admin-sidebar-hover);color:#fff}.admin-nav-item.active{background:var(--admin-sidebar-active);color:#fff}.admin-main{margin-left:240px;min-height:100vh;background:var(--admin-surface-1)}.admin-topbar{background:var(--admin-canvas);border-bottom:1px solid var(--admin-hairline);padding:var(--admin-sp-sm) var(--admin-sp-xl);min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:var(--admin-sp-md)}.admin-topbar-title{margin:0;font-size:16px;font-weight:600;letter-spacing:-.3px;color:var(--admin-ink)}.admin-user-menu{position:relative}.admin-user-menu-trigger{border:1px solid var(--admin-hairline);background:var(--admin-canvas);color:var(--admin-ink-muted);font-size:13px;font-weight:500;padding:6px 12px;border-radius:var(--admin-rd-md);cursor:pointer}.admin-user-menu-trigger:hover{background:var(--admin-surface-2);color:var(--admin-ink)}.admin-user-menu-panel{position:absolute;right:0;top:calc(100% + 4px);min-width:140px;background:var(--admin-canvas);border:1px solid var(--admin-hairline);border-radius:var(--admin-rd-md);box-shadow:var(--admin-shadow-md);padding:var(--admin-sp-xs);z-index:20}.admin-user-menu-item{display:block;width:100%;border:0;background:transparent;text-align:left;text-decoration:none;color:inherit;padding:8px 12px;border-radius:var(--admin-rd-sm);font-size:13px;cursor:pointer}.admin-user-menu-item:hover{background:var(--admin-surface-2)}.admin-content{min-height:calc(100vh - 45px)}.admin-page-header{background:var(--admin-canvas);border-bottom:1px solid var(--admin-hairline);padding:var(--admin-sp-lg) var(--admin-sp-2xl);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--admin-sp-lg)}.admin-page-header h1{margin:0;font-size:18px;font-weight:600;letter-spacing:-.3px}.admin-page-subtitle{margin:var(--admin-sp-xs) 0 0;font-size:13px;color:var(--admin-ink-muted)}.admin-page-actions{display:flex;gap:var(--admin-sp-sm);flex-wrap:wrap}.admin-page-content{padding:var(--admin-sp-2xl)}.admin-card{background:var(--admin-canvas);border:1px solid var(--admin-hairline);border-radius:var(--admin-rd-lg);padding:var(--admin-sp-xl);margin-bottom:var(--admin-sp-lg);box-shadow:var(--admin-shadow-sm)}.admin-card-title{margin:0 0 var(--admin-sp-md);font-size:1.1rem}.admin-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--admin-sp-md);margin-bottom:0}.admin-card-header.compact{padding:var(--admin-sp-md) var(--admin-sp-lg);margin-bottom:var(--admin-sp-md)}.admin-card-header.compact .admin-card-title{margin:0;font-size:1rem;line-height:1.3}.admin-card-header.compact .muted.small{margin:2px 0 0}.admin-nav-group{margin-top:var(--admin-sp-sm);border-top:1px solid rgba(255,255,255,.08);padding-top:var(--admin-sp-sm)}.admin-nav-parent{width:calc(100% - 16px);border:0;background:transparent;cursor:pointer;text-align:left;font:inherit}.admin-nav-children{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--admin-sp-xs)}.admin-nav-child{margin-left:20px;width:calc(100% - 28px);font-size:13px}.admin-settings-row{display:flex;align-items:center;gap:var(--admin-sp-md);margin-bottom:var(--admin-sp-sm)}.admin-settings-label{min-width:120px;font-weight:600;color:var(--admin-ink-muted)}.admin-settings-form{display:grid;gap:var(--admin-sp-sm);max-width:480px;margin-top:var(--admin-sp-md)}.admin-settings-actions{display:flex;gap:var(--admin-sp-sm);margin-top:var(--admin-sp-md)}.admin-success-text{color:var(--admin-success);margin-bottom:var(--admin-sp-md)}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--admin-sp-lg);margin-bottom:var(--admin-sp-xl)}.admin-metric{background:var(--admin-canvas);border:1px solid var(--admin-hairline);border-radius:var(--admin-rd-md);padding:var(--admin-sp-lg);box-shadow:var(--admin-shadow-sm)}.admin-metric-label{font-size:12px;font-weight:500;color:var(--admin-ink-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--admin-sp-sm)}.admin-metric-value{font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--admin-ink);margin:0}.admin-metric-hint{font-size:12px;color:var(--admin-ink-subtle);margin:var(--admin-sp-sm) 0 0}.admin-btn{cursor:pointer;border:1px solid var(--admin-primary);background:var(--admin-primary);color:var(--admin-on-primary);border-radius:var(--admin-rd-sm);padding:8px 14px;font-weight:600;font-size:13px;font-family:inherit}.admin-btn:hover:not(:disabled){background:var(--admin-primary-hover)}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-secondary{border-color:var(--admin-hairline-strong);background:var(--admin-canvas);color:var(--admin-ink)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:720px}.admin-table th,.admin-table td{padding:10px 12px;border-bottom:1px solid var(--admin-hairline);text-align:left;vertical-align:top;font-size:13px}.admin-table th{color:var(--admin-ink-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;background:var(--admin-surface-2)}.admin-table tbody tr:hover{background:var(--admin-primary-light)}.admin-table-row-clickable{cursor:pointer}.admin-table-empty{color:var(--admin-ink-muted);text-align:center;padding:var(--admin-sp-2xl)!important}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--admin-sp-md);margin-top:var(--admin-sp-lg);flex-wrap:wrap}.admin-pagination-meta{font-size:13px;color:var(--admin-ink-muted)}.admin-filters{display:flex;flex-wrap:wrap;gap:var(--admin-sp-md);align-items:flex-end;margin-bottom:var(--admin-sp-lg)}.admin-filter-field{display:flex;flex-direction:column;gap:var(--admin-sp-xs);font-size:12px;font-weight:600;color:var(--admin-ink-muted);min-width:160px}.admin-filter-field input,.admin-filter-field select{font-weight:400;padding:6px 10px;font-size:13px;border-radius:8px}.admin-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.admin-badge-success{background:var(--admin-success-light);color:var(--admin-success)}.admin-badge-danger{background:var(--admin-danger-light);color:var(--admin-danger)}.admin-badge-muted{background:var(--admin-surface-2);color:var(--admin-ink-muted)}.admin-expand-panel{margin-top:var(--admin-sp-sm);padding:var(--admin-sp-md);background:var(--admin-surface-2);border-radius:var(--admin-rd-sm);font-size:12px;font-family:ui-monospace,monospace;white-space:pre-wrap;word-break:break-all;max-height:240px;overflow:auto}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:10px;padding:10px 14px;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}.layout{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:20px 18px;position:sticky;top:0;height:100vh;overflow:auto}.content-shell{min-width:0}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 24px 0}.main{padding:24px}.page-shell{min-height:100vh;padding:24px}.center-shell{display:grid;place-items:center}.brand-block{margin-bottom:20px}.brand-block h1{margin:0 0 8px;font-size:1.5rem}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.menu-btn{width:100%;text-align:left;padding:11px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:block}.menu-btn.active{background:var(--primary-soft);border-color:#b9ccff;color:#12368f}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 12px 32px #0f172a0a}.narrow-card{width:min(560px,100%)}.auth-card{width:min(720px,100%)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack-section,.stack-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:8px;font-weight:600}.compact-field{min-width:240px;flex:1 1 240px}.toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:end}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.error{color:var(--danger)}.error-text{color:var(--danger);margin:0}.nested-card{background:#f8fafc;border:1px solid #e2e8f0;box-shadow:none}.order-lines-table{min-width:520px}.order-line-select{min-width:280px}.order-line-qty{width:88px;min-width:88px}.checkbox-field{flex-direction:row;align-items:center;gap:10px}.checkbox-field input[type=checkbox]{width:auto}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px 16px}.checkbox-group.compact{gap:4px 10px}.checkbox-label{display:inline-flex;align-items:center;gap:4px;font-size:.85em;white-space:nowrap}.checkbox-label input[type=checkbox]{width:auto;margin:0}.inline-role-edit{display:flex;flex-direction:column;gap:6px;min-width:200px}.inline-edit-actions{display:flex;gap:4px}.money-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.text-right{text-align:right}.muted{color:var(--muted)}.small{font-size:.92rem}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;min-width:0;background:#fff;color:var(--text);font:inherit}textarea{resize:vertical}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:860px}.data-table th,.data-table td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem 1.5rem}.detail-grid dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.25rem}.detail-grid dd{margin:0}.data-table th{color:var(--muted);font-size:.9rem;font-weight:700;background:var(--surface-muted)}.page-header-card{display:flex;gap:16px;justify-content:space-between;align-items:start}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.metric-card{min-height:150px}.metric-placeholder{display:inline-block;font-size:1.8rem;margin:12px 0}.status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:700}.status-pill.success{background:var(--success-soft);color:var(--success)}.status-pill.muted-pill{background:#eef2f7;color:var(--muted)}.inline-link,.primary-link,.secondary-link{font-weight:700}.inline-link,.primary-link{color:var(--primary)}button.inline-link{border:none;background:transparent;padding:0;border-radius:0;color:var(--primary);font-weight:700;font-size:inherit;text-align:left;line-height:1.4}button.inline-link:hover{text-decoration:underline}.secondary-btn,.secondary-link{border-color:var(--border);background:var(--surface);color:var(--text)}.danger-btn{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.pagination-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;flex-wrap:wrap}.hamburger-btn{display:none;border:1px solid var(--admin-hairline);background:var(--admin-canvas);border-radius:var(--admin-rd-md);padding:6px 10px;cursor:pointer;font-size:16px}.sidebar-overlay{display:none;border:0;padding:0;cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{background:var(--admin-canvas);border:1px solid var(--admin-hairline);border-radius:var(--admin-rd-lg);padding:var(--admin-sp-lg)}.kpi-label{display:block;font-size:13px;color:var(--admin-ink-muted)}.kpi-value{display:block;font-size:24px;font-weight:700;margin-top:4px}.kpi-change{display:inline-block;margin-top:6px;font-size:12px;font-weight:600}.kpi-change.positive{color:var(--admin-success)}.kpi-change.negative{color:var(--admin-danger)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 12px}.perm-check{display:flex;align-items:center;gap:8px;font-size:13px}.admin-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.success-text{color:var(--admin-success)}@media (max-width: 1023px){.admin-sidebar{width:64px;overflow:hidden}.admin-sidebar .nav-label{display:none}.admin-sidebar:hover{width:240px;position:fixed;z-index:110;box-shadow:4px 0 12px #00000026}.admin-sidebar:hover .nav-label{display:inline}.admin-main{margin-left:64px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media (max-width: 767px){.hamburger-btn{display:flex;align-items:center}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}.admin-sidebar{display:none;width:280px;height:100vh;z-index:100}.admin-sidebar.open{display:flex}.admin-sidebar .nav-label{display:inline}.admin-main{margin-left:0}.admin-table thead{display:none}.admin-table tr{display:block;margin-bottom:12px;border:1px solid var(--admin-hairline);border-radius:8px;padding:12px}.admin-table td{display:flex;justify-content:space-between;padding:4px 0;border:none}.admin-table td:before{content:attr(data-label);font-weight:600;color:var(--admin-ink-muted);margin-right:12px}.kpi-grid{grid-template-columns:1fr}}@media (max-width: 960px){.page-header-card{flex-direction:column}}.product-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--admin-hairline)}.product-thumb-placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:var(--admin-surface-2)}.product-form-preview{max-width:160px;margin-top:8px;border-radius:8px;border:1px solid var(--admin-hairline)}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-sort-btn{background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left}.admin-checkbox{display:flex;align-items:center;gap:8px}.system-logs-card{display:flex;flex-direction:column;gap:var(--admin-sp-md)}.system-logs-toolbar{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:var(--admin-sp-sm);overflow-x:auto;padding-bottom:4px}.system-logs-filter-text{flex:1 1 220px;min-width:180px;order:-1}.system-logs-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--admin-muted);white-space:nowrap}.system-logs-field input,.system-logs-field select,.system-logs-filter-text{height:36px;padding:0 10px;border:1px solid var(--admin-hairline);border-radius:8px;background:var(--admin-surface);color:var(--admin-ink)}.system-logs-auto{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--admin-muted);white-space:nowrap;padding-bottom:8px}.system-logs-meta{margin-left:auto;font-size:12px;color:var(--admin-muted);white-space:nowrap;padding-bottom:8px}.system-logs-panel{max-height:70vh;overflow:auto;border:1px solid var(--admin-hairline);border-radius:8px;background:#0f172a;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.log-line{display:flex;gap:10px;padding:4px 12px;border-bottom:1px solid rgba(148,163,184,.12)}.log-line-no{flex:0 0 36px;color:#64748b;text-align:right;-webkit-user-select:none;user-select:none}.log-line-text{flex:1;white-space:pre-wrap;word-break:break-word}.log-line--error .log-line-text{color:#fca5a5}.log-line--warn .log-line-text{color:#fcd34d}.log-line--info .log-line-text{color:#bfdbfe}.system-logs-viewer{width:100%;margin-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;background:var(--admin-surface-2);color:var(--admin-ink);border:1px solid var(--admin-hairline);border-radius:8px;padding:12px;resize:vertical}