:root{background:#f5f7fb;color:#1a1f2b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button{align-items:center;background:#fff;border:1px solid #c5ccd9;border-radius:8px;color:#1a1f2b;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;min-height:40px;padding:0 14px}button:disabled{cursor:wait;opacity:.65}.shell{padding:32px}.page-header{align-items:center;border-bottom:1px solid #d6dbe7;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}header p{color:#657089;font-weight:700;margin:0}h1{font-size:2rem;letter-spacing:0;margin:8px 0 20px}.primary-action{background:#1f6feb;border-color:#1f6feb;color:#fff}.account-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.account-bar span{color:#657089;font-size:.92rem;font-weight:700}.notice,article{background:#fff;border:1px solid #d6dbe7;border-radius:8px;padding:18px}.notice{display:grid;gap:6px;margin-bottom:20px}.notice-action{justify-self:start;margin-top:8px}.workbench{display:grid;gap:16px}.toolbar,.form-actions{display:flex;flex-wrap:wrap;gap:12px}.status-message,.error-message,.muted{margin:0}.status-message{color:#167255;font-weight:700}.error-message{color:#a12424;font-weight:700}.muted{color:#657089}.catalog-layout{display:grid;gap:16px;grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.product-list,.product-form{background:#fff;border:1px solid #d6dbe7;border-radius:8px;padding:16px}.product-list{align-content:start;display:grid;gap:10px}.product-row{align-items:start;display:grid;gap:4px;justify-items:start;min-height:0;padding:12px;text-align:left}.product-row.selected{border-color:#1f6feb}.product-row span,article span{color:#167255;font-size:.8rem;font-weight:800;text-transform:uppercase}.product-row small{color:#657089}.product-form{display:grid;gap:14px}.product-form label{color:#364153;display:grid;font-size:.88rem;font-weight:800;gap:6px}input,select,textarea{border:1px solid #c5ccd9;border-radius:8px;color:#1a1f2b;font:inherit;padding:10px 12px}textarea{resize:vertical}.form-row{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}article span{color:#167255;font-size:.8rem;font-weight:800;text-transform:uppercase}@media (max-width: 640px){.shell{padding:20px}.page-header,.account-bar{align-items:stretch;flex-direction:column}.catalog-layout,.form-row{grid-template-columns:1fr}}
