:root{--color-brand-primary:#f55353;--color-brand-primary-soft:#fde8e6;--color-brand-secondary:#2bb673;--color-surface-canvas:#fff8f3;--color-surface-card:#fff;--color-surface-muted:#f6f7f9;--color-text-primary:#222b45;--color-text-secondary:#5b6475;--color-border-subtle:#e7dcd7;--shadow-soft:0 8px 24px #222b4514;--radius-card:8px;--radius-input:8px;--radius-pill:999px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--color-surface-canvas);color:var(--color-text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}.login-shell,.admin-shell{max-width:1180px;padding:var(--space-24);margin:0 auto}.login-shell{place-items:center;min-height:100vh;display:grid}.login-panel,.admin-header,.panel,.metric-card,.preview-card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.login-panel{gap:var(--space-24);max-width:460px;padding:var(--space-24);width:100%;display:grid}.admin-header{margin-bottom:var(--space-16);padding:var(--space-20);justify-content:space-between;align-items:center;display:flex}.brand-row{align-items:center;gap:var(--space-16);display:flex}.brand-row h1,.brand-row span,.panel h2,.metric-card strong,.metric-card span,.error-text,.empty-text{margin:0}.brand-row span,.admin-user-pill span,.field-block span,.toggle-field,.category-picker>span,.metric-card span,.list-row span,.detail-grid span,.preview-card span,.empty-text{color:var(--color-text-secondary);font-size:13px;line-height:1.35}.brand-row h1{font-size:24px;line-height:1.2}.brand-mark{background:var(--color-brand-primary);border-radius:var(--radius-card);color:#fff;justify-content:center;align-items:center;width:58px;height:58px;font-size:24px;font-weight:800;display:flex}.admin-user-pill{background:var(--color-brand-primary-soft);border-radius:var(--radius-pill);color:var(--color-brand-primary);text-align:right;align-items:end;gap:2px;padding:10px 14px;display:grid}.admin-user-pill strong{font-size:14px}.admin-nav{gap:var(--space-8);margin-bottom:var(--space-16);flex-wrap:wrap;display:flex}.admin-nav button,.status-actions button{border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-primary);background:#fff;padding:9px 14px}.admin-nav button.active,.status-actions button.active{background:var(--color-brand-primary-soft);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.admin-page{gap:var(--space-16);display:grid}.split-page{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.product-page{grid-template-columns:minmax(220px,.7fr) minmax(280px,1fr) minmax(280px,1fr)}.panel{gap:var(--space-16);min-width:0;padding:var(--space-20);display:grid}.panel h2{font-size:20px;line-height:1.25}.panel-header,.action-row,.status-actions{align-items:center;gap:var(--space-8);flex-wrap:wrap;justify-content:space-between;display:flex}.metric-grid{gap:var(--space-16);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-card{gap:var(--space-12);padding:var(--space-20);display:grid}.metric-card strong{color:var(--color-brand-primary);font-size:32px;line-height:1}.data-list{gap:var(--space-8);display:grid}.list-row{background:var(--color-surface-muted);border-radius:var(--radius-card);align-items:center;gap:var(--space-8);text-align:left;border:1px solid #0000;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;width:100%;min-height:48px;padding:10px 12px;display:grid}.button-row{border:1px solid #0000}.button-row:hover{border-color:var(--color-brand-primary)}.list-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-grid{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.one-column{grid-template-columns:1fr}.field-block{gap:6px;display:grid}.field-block input{border:1px solid var(--color-border-subtle);border-radius:var(--radius-input);color:var(--color-text-primary);background:#fff;min-height:42px;padding:0 12px}.field-block input:focus{border-color:var(--color-brand-primary);outline:none}.toggle-field,.category-picker label{align-items:center;gap:var(--space-8);display:flex}.category-picker{gap:var(--space-8);display:grid}.primary-button,.secondary-button,.danger-button{border-radius:var(--radius-input);border:0;min-height:42px;padding:0 14px}.primary-button{background:var(--color-brand-primary);color:#fff}.secondary-button{background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.danger-button{color:#e5484d;background:#fdebec}.compact{min-height:34px}.preview-card{gap:var(--space-8);padding:var(--space-16);display:grid}.preview-card strong{font-size:18px}.preview-card em{color:var(--color-brand-primary);font-style:normal;font-weight:800}.detail-grid{gap:var(--space-8);grid-template-columns:auto minmax(0,1fr);display:grid}.status-dot{border-radius:var(--radius-pill);background:#8e95a5;width:9px;height:9px}.status-dot.active{background:var(--color-brand-secondary)}.error-text{border-radius:var(--radius-card);color:#e5484d;background:#fdebec;padding:10px 12px}@media (max-width:980px){.metric-grid,.product-page,.split-page{grid-template-columns:1fr}}@media (max-width:640px){.login-shell,.admin-shell{padding:var(--space-16)}.admin-header{align-items:start;gap:var(--space-16);display:grid}.admin-user-pill{text-align:left;justify-self:start}.form-grid,.list-row{grid-template-columns:1fr}}