: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}}.web-admin-shell,.web-admin-login-shell{max-width:1180px;margin:0 auto;padding:24px}.web-admin-login-shell{align-items:center;min-height:100vh;display:flex}.web-admin-login-card,.web-admin-header,.web-admin-panel{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.web-admin-login-card{gap:20px;width:100%;max-width:420px;margin:0 auto;padding:24px;display:grid}.web-admin-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.web-admin-header h1,.web-admin-login-card h1,.web-admin-panel h2,.web-admin-panel p{margin:0}.web-admin-eyebrow{color:var(--color-brand-primary);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:800}.web-admin-muted,.web-admin-empty,.web-admin-table span,.web-admin-definition-list dt,.web-admin-history span{color:var(--color-text-secondary)}.web-admin-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.web-admin-panel{gap:16px;margin-bottom:16px;padding:20px;display:grid}.web-admin-panel-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.web-admin-form,.web-admin-filters{gap:14px;display:grid}.web-admin-filters{grid-template-columns:minmax(220px,1fr) minmax(180px,240px) auto;align-items:end}.web-admin-form label,.web-admin-filters label{gap:6px;display:grid}.web-admin-form span,.web-admin-filters span{color:var(--color-text-secondary);font-size:13px}.web-admin-form input,.web-admin-filters input,.web-admin-filters select{border:1px solid var(--color-border-subtle);border-radius:var(--radius-input);color:var(--color-text-primary);background:#fff;min-height:44px;padding:10px 12px}.web-admin-button{background:var(--color-brand-primary);border:1px solid var(--color-brand-primary);border-radius:var(--radius-input);color:#fff;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:800;text-decoration:none;display:inline-flex}.web-admin-button-secondary{background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.web-admin-button-ghost{color:var(--color-text-primary);background:#fff}.web-admin-error{background:var(--color-brand-primary-soft);border:1px solid var(--color-brand-primary);border-radius:var(--radius-input);color:var(--color-brand-primary);padding:10px 12px}.web-admin-table-scroll{overflow-x:auto}.web-admin-table{border-collapse:collapse;width:100%;min-width:760px}.web-admin-table th,.web-admin-table td{border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:top;padding:12px 10px}.web-admin-table th{color:var(--color-text-secondary);font-size:13px;font-weight:700}.web-admin-table td{font-size:14px}.web-admin-table td>span,.web-admin-table td a+span{margin-top:4px;display:block}.web-admin-table a{color:var(--color-text-primary)}.web-admin-status{background:var(--color-surface-muted);border-radius:var(--radius-pill);padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.web-admin-status-new,.web-admin-status-revision_proposed{background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.web-admin-status-accepted,.web-admin-status-preparing,.web-admin-status-out_for_delivery,.web-admin-status-revision_accepted{color:#187a49;background:#e9f8f0}.web-admin-status-cancelled,.web-admin-status-revision_declined{color:var(--color-text-secondary);background:#f0f1f4}.web-admin-detail-grid{grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:16px;display:grid}.web-admin-definition-list{gap:10px;margin:0;display:grid}.web-admin-definition-list div{gap:4px;display:grid}.web-admin-definition-list dd,.web-admin-definition-list dt{margin:0}.web-admin-item-cell{align-items:center;gap:12px;display:flex}.web-admin-item-cell img{border-radius:var(--radius-input);object-fit:cover;width:48px;height:48px}.web-admin-revision-total{flex-wrap:wrap;gap:10px;display:flex}.web-admin-revision-total span{background:var(--color-surface-muted);border-radius:var(--radius-pill);padding:8px 12px}.web-admin-history{gap:10px;margin:0;padding:0;list-style:none;display:grid}.web-admin-history li{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:0 0 10px;display:flex}@media (max-width:760px){.web-admin-shell,.web-admin-login-shell{padding:16px}.web-admin-header,.web-admin-detail-grid,.web-admin-filters{grid-template-columns:1fr}.web-admin-header{align-items:stretch;display:grid}}@media print{body{color:#000;background:#fff}.web-admin-no-print,.web-admin-header-actions{display:none!important}.web-admin-shell{max-width:none;padding:0}.web-admin-detail-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.web-admin-header,.web-admin-panel{box-shadow:none;page-break-inside:avoid;border:0}.web-admin-table{min-width:0}.web-admin-table th,.web-admin-table td{border:1px solid #bbb}.web-admin-table tr,.web-admin-history li{page-break-inside:avoid}}