:root{--bg: #f5f6f8;--card: #ffffff;--text: #1d1d1f;--muted: #6b7280;--line: #e5e7eb;--brand: #0a66c2;--brand-soft: #eaf3fc;--fire: #e8590c;--ok: #057642;--ok-soft: #e6f4ea;--bad: #b42318;--bad-soft: #fdecea;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--card: #181b21;--text: #e8eaed;--muted: #9aa0a6;--line: #2a2f37;--brand: #4a9fe8;--brand-soft: #16263a;--ok: #4cc38a;--ok-soft: #12291d;--bad: #f07167;--bad-soft: #2d1513;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,system-ui,Segoe UI,sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h2{font-size:16px;margin:24px 0 10px}h3{font-size:14px;margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:12px}.center{display:grid;place-items:center;min-height:100vh}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.top{position:sticky;top:0;z-index:2;display:flex;gap:16px;align-items:center;padding:10px 20px;background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-weight:700}.top nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.top nav button,.ghost{border:0;background:none;color:var(--muted);padding:6px 10px;border-radius:8px;cursor:pointer;font:inherit}.top nav button.on{background:var(--brand-soft);color:var(--brand);font-weight:600}main{padding:20px;max-width:1280px;margin:0 auto}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi .big{font-size:28px;font-weight:700}.kpi.warn .big{color:var(--bad)}.funnel{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:12px 0 8px}.step{text-align:center;padding:8px 2px;background:var(--bg);border-radius:8px}.step .n{font-size:18px;font-weight:700}.pill{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:12px;margin-left:6px}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}select,input[type=text],input[type=email],input[type=password],input[type=number],.filters input{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit}.chip{border:1px solid var(--line);background:var(--card);color:var(--text);padding:4px 12px;border-radius:999px;cursor:pointer;font:inherit}.chip.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:600}.primary{border:0;background:var(--brand);color:#fff;padding:8px 16px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.link{border:0;background:none;color:var(--brand);cursor:pointer;font:inherit;padding:0}.ok-text{color:var(--ok);font-weight:600}.error{color:var(--bad)}.table{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}.opp{display:flex;flex-direction:column;gap:6px}.reason{background:var(--bg);border-radius:8px;padding:6px 8px}.pre{white-space:pre-wrap;background:var(--bg);border-radius:8px;padding:8px;margin:4px 0}.label{font-weight:600;margin:8px 0 0}details summary{cursor:pointer;color:var(--brand)}.timeline{list-style:none;padding:0;margin:0;background:var(--card);border:1px solid var(--line);border-radius:12px}.timeline li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}.timeline li:last-child{border-bottom:0}.ico{font-size:16px}.login{max-width:360px;margin:12vh auto;display:flex;flex-direction:column;gap:12px}.login h1{font-size:20px;margin:0}.login label,.card label{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.card label.row{flex-direction:row}@media(max-width:640px){main{padding:16px}.funnel{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}}
