:root{--bg: #f6f5f3;--surface: #fff;--text: #1a1a1a;--muted: #666;--line: #ddd;--accent: #222;--danger: #b42318;--active: #1a1a1a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:var(--bg)}.app{width:min(960px,100%);margin:0 auto;padding:24px 16px 48px;display:grid;gap:20px}.brand{font-size:.875rem;font-weight:600;color:var(--text)}.panel{width:100%;display:grid;gap:16px}h1{margin:0;font-size:1.5rem;font-weight:600;line-height:1.25}.subtitle{margin:0;max-width:36rem;color:var(--muted);font-size:.95rem;line-height:1.45}.sectors{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}@media(max-width:900px){.sectors{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.sectors{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:12px 8px;min-height:120px;display:grid;gap:8px;align-content:space-between}.card.active{border-color:var(--active);outline:2px solid var(--active);outline-offset:-1px}.card-media{height:64px;display:grid;place-items:center}.card-media img{max-width:100%;max-height:64px;object-fit:contain}.placeholder{font-size:.75rem;color:var(--muted)}.card-label{font-size:.8rem;line-height:1.3}.form{width:min(360px,100%);display:grid;gap:12px}.form label{display:grid;gap:4px;font-size:.875rem;color:var(--muted)}.form input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;padding:10px 12px;font:inherit}.form input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);cursor:pointer;border-radius:6px;padding:10px 16px;font:inherit;font-weight:600;color:#fff;background:var(--accent);width:fit-content}.btn:disabled{opacity:.55;cursor:wait}.btn.ghost{background:transparent;color:var(--text)}.error{color:var(--danger);margin:0;font-size:.9rem}.muted{color:var(--muted)}.result-card{width:min(320px,100%);border:1px solid var(--line);border-radius:6px;padding:20px 16px;background:var(--surface);display:grid;gap:6px}.result-value{font-size:2rem;font-weight:700}.result-name{color:var(--muted)}.result-promo{margin-top:8px;padding-top:10px;border-top:1px solid var(--line);font-size:.95rem}.eyebrow{margin:0;font-size:.8rem;color:var(--muted)}