:root{--brand-900:#004737;--brand-700:#006b4f;--brand-600:#00865f;--brand-100:#e3f6ee;--ink-900:#10233f;--ink-600:#516078;--surface:#fff;--canvas:#f4f7f9;--border:#dbe3e9;--danger:#c81e2b;--radius:14px;--shadow:0 4px 18px #10233f14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink-900);margin:0;font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}button,input{font:inherit}button,a,input{min-height:44px}:focus-visible{outline-offset:2px;outline:3px solid #f4b400}.shell{min-height:100vh}.topbar{background:linear-gradient(135deg, var(--brand-900), var(--brand-700));color:#fff;padding:16px clamp(16px,4vw,40px)}.topbar__inner{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:auto;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand__icon{width:44px;height:44px;color:var(--brand-700);background:#fff;border-radius:12px;place-items:center;font-size:24px;display:grid}.brand h1,.brand p{margin:0}.brand h1{font-size:1.25rem}.brand p{opacity:.88;margin-top:2px}.page{width:min(1180px,100%);margin:auto;padding:24px clamp(12px,3vw,32px) 112px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(16px,3vw,28px)}.stack{gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.field{gap:6px;display:grid}.field label{font-weight:700}.field input,.search{width:100%;color:var(--ink-900);background:#fff;border:1px solid #afbdc9;border-radius:10px;padding:10px 12px}.btn{background:var(--brand-700);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 18px;font-weight:800}.btn--secondary{color:var(--ink-900);background:#fff;border:1px solid #afbdc9}.filters{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.filter{border:1px solid var(--border);color:var(--ink-900);cursor:pointer;background:#eef2f5;border-radius:10px;padding:8px;font-weight:700}.filter[aria-pressed=true]{background:var(--brand-700);color:#fff;border-color:var(--brand-700)}.product-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;display:grid}.product-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;min-width:0;padding:16px}.product-card[data-filled=true]{border-color:var(--brand-600);background:linear-gradient(120deg,#fff,#f1fbf7)}.product-card h2{overflow-wrap:anywhere;margin:0 0 12px;font-size:1rem}.product-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.product-fields input{text-align:center;width:100%;min-width:0;font-size:1.125rem;font-weight:800}.muted{color:var(--ink-600)}.error{color:#8f101a;background:#fff0f1;border:1px solid #f0a8ae;border-radius:10px;padding:12px}.success{background:var(--brand-100);color:var(--brand-900);border-radius:10px;padding:12px}.sticky-actions{z-index:10;border-top:1px solid var(--border);background:#fffffff5;padding:12px;position:fixed;bottom:0;left:0;right:0}.sticky-actions__inner{justify-content:flex-end;gap:12px;max-width:1180px;margin:auto;display:flex}.login{width:min(440px,100% - 24px);margin:10vh auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.report-table{border-collapse:collapse;width:100%}.report-table th,.report-table td{text-align:left;border:1px solid #9aa8b4;padding:8px}@media (max-width:480px){.page{padding-top:16px}.product-grid{grid-template-columns:1fr}.filters{font-size:.86rem}.product-card{padding:14px}.sticky-actions__inner .btn{flex:1}}@media print{.no-print,.topbar,.sticky-actions{display:none!important}body{background:#fff}.page{padding:0}.panel,.product-card{box-shadow:none}}