:root{--bg:#ecf8f5;--bg2:#fdf5e6;--surface:#ffffff;--ink:#14231f;--muted:#51655f;--line:#d5e5e0;--accent:#0b7f70;--accent2:#e08a00;--accent-ink:#fff;--good:#17794a;--ok:#9a6700;--bad:#c92a2a;--shadow:0 4px 16px rgba(10,80,70,.1)}:root[data-theme=dark]{--bg:#0a1816;--bg2:#1d1608;--surface:#142522;--ink:#e6f4f0;--muted:#97b2aa;--line:#254039;--accent:#3ddbc0;--accent2:#ffc53d;--accent-ink:#07201c;--good:#4cc38a;--ok:#e3b341;--bad:#ff8787;--shadow:0 4px 16px rgba(0,0,0,.4)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;color:var(--ink);line-height:1.5;background:linear-gradient(135deg,var(--bg),var(--bg2)) fixed}main{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}button{font:inherit;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--accent-ink);border:0;border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow)}button.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}th button.ghost{background:none;border:0;padding:0;box-shadow:none;transform:none;color:var(--muted)}button.danger{background:var(--bad);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input,select,textarea{font:inherit;padding:.5rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.top h1{margin:0;font-size:1.35rem;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.row{display:flex;gap:.5rem;align-items:center}.wrap{flex-wrap:wrap}.end{justify-content:flex-end}.stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.stat{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent2);border-radius:12px;padding:.9rem 1.1rem;box-shadow:var(--shadow)}.stat span{display:block;color:var(--muted);font-size:.85rem}.stat strong{font-size:1.7rem}.panels{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.25rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.1rem;box-shadow:var(--shadow)}.panel h2{font-size:1rem;margin:0 0 .7rem}.bar{display:grid;grid-template-columns:120px 1fr 32px;gap:.5rem;align-items:center;font-size:.9rem;margin:.3rem 0}.track{background:var(--bg);border-radius:999px;height:12px;overflow:hidden}.fill{background:linear-gradient(90deg,var(--accent),var(--accent2));height:100%;border-radius:999px}.tools{margin:1rem 0}.tools input[type=search]{flex:1 1 200px}.check{display:flex;gap:.4rem;align-items:center}.scroll{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:720px}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}th,td{text-align:left;padding:.65rem .85rem;border-bottom:1px solid var(--line)}tbody tr:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}tbody tr:last-child td{border-bottom:0}.prod{display:flex;align-items:center;gap:.65rem}.prod img{border-radius:8px;background:var(--bg);object-fit:contain}.badge{padding:.1rem .6rem;border-radius:999px;font-weight:700;background:color-mix(in srgb,currentColor 12%,transparent)}.badge.good{color:var(--good)}.badge.ok{color:var(--ok)}.badge.bad{color:var(--bad)}small{color:var(--muted)}.pager{justify-content:center;margin-top:1.25rem}.msg{text-align:center;padding:2rem;color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a14148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:1rem;z-index:10}.modal{background:var(--surface);border-radius:14px;padding:1.4rem;width:min(480px,100%);max-height:90vh;overflow:auto;display:grid;gap:.75rem;box-shadow:0 20px 50px #0000004d}.modal h2{margin:0}.modal label{display:grid;gap:.25rem;font-weight:600}.modal label input,.modal textarea{font-weight:400}.err{color:var(--bad);font-weight:400;font-size:.85rem}@media (prefers-reduced-motion: reduce){button{transition:none}}