:root{--bg: #0d0f15;--panel: #161a24;--panel2: #1c2130;--line: #262c3b;--mut: #7d8696;--txt: #e8ebf1;--in: #5db0ff;--out: #a585ff;--cache: #4b5364;--accent: #5db0ff;--ok: #5fd08a;--warn: #e0a050}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--txt)}.app{display:flex;min-height:100vh}.side{width:216px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column}.brand{font-size:14px;font-weight:700;padding:0 10px 18px}.brand small{display:block;color:var(--mut);font-weight:400;font-size:11px;margin-top:3px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--mut);background:none;border:none;font-size:13.5px;cursor:pointer;font-weight:500;text-align:left;font-family:inherit;text-decoration:none}.nav a:hover{background:var(--panel2);color:var(--txt)}.nav a.active{background:var(--accent);color:#06121f;font-weight:600}.nav svg{width:16px;height:16px;flex-shrink:0}.side .foot{margin-top:auto;color:var(--mut);font-size:11px;padding:0 10px;line-height:1.6}.dotlive{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:6px}main{flex:1;padding:30px 36px;max-width:1100px}.head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}h1{font-size:20px;font-weight:600;margin:0}.sub{color:var(--mut);font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.card .lbl{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.card .val{font-size:26px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}.card .val.big{font-size:34px;color:var(--in)}.card.span2{grid-column:span 3}.grid2{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-bottom:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}main>.panel{margin-bottom:16px}.panel h2{font-size:13px;font-weight:600;margin:0 0 16px;color:#cfd6e4}table{border-collapse:collapse;width:100%}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--mut);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.03em}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.in{color:var(--in)}.out{color:var(--out)}.cache{color:#7b8496}td.email{color:var(--mut);font-size:12px}.link-hero{background:none;border:none;color:var(--in);font-family:inherit;font-size:13px;cursor:pointer;padding:0;font-weight:500}.link-hero:hover{text-decoration:underline}.back-btn{background:var(--panel2);border:1px solid var(--line);color:var(--mut);border-radius:7px;padding:5px 12px;font-size:12.5px;cursor:pointer;font-family:inherit}.back-btn:hover{color:var(--txt)}tr.total td{border-top:2px solid #313850;font-weight:700;color:#fff}.empty{color:var(--mut);padding:24px;text-align:center}.pill{font-size:11px;padding:3px 9px;border-radius:11px;border:none}.pill.ok{background:#15301f;color:var(--ok)}.pill.no{background:#3a2e1a;color:var(--warn);cursor:pointer}.formcard{max-width:460px}.hint{color:var(--mut);font-size:12px;line-height:1.6;margin:0 0 18px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;color:var(--mut);margin-bottom:6px}.field input,.field select{width:100%;background:#0e1118;border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:11px 12px;font-size:14px;font-family:inherit}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}button.primary{background:var(--accent);color:#06121f;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.msg{font-size:13px;margin-top:12px;min-height:18px}.legend{display:flex;gap:16px;font-size:11px;color:var(--mut);margin-top:10px;flex-wrap:wrap;justify-content:center}.legend .dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:middle}.banner{background:#2a2113;border:1px solid #4a3b1c;color:#e0a050;font-size:12.5px;padding:11px 14px;border-radius:10px;margin-bottom:20px}.seg-toggle{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:3px;margin-bottom:20px;gap:2px}.seg-toggle button{background:none;border:none;color:var(--mut);font-family:inherit;font-size:13px;padding:7px 18px;border-radius:7px;cursor:pointer;font-weight:500}.seg-toggle button:hover{color:var(--txt)}.seg-toggle button.active{background:var(--accent);color:#06121f;font-weight:600}.stats-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.stats-bar .seg-toggle{margin-bottom:0}.date-range{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mut)}.date-range input[type=date]{background:var(--panel);border:1px solid var(--line);color:var(--txt);border-radius:7px;padding:7px 10px;font-size:12.5px;font-family:inherit;color-scheme:dark}.date-range input:focus{outline:none;border-color:var(--accent)}.clear-btn{background:none;border:1px solid var(--line);color:var(--mut);border-radius:7px;padding:7px 10px;font-size:12px;cursor:pointer;font-family:inherit}.clear-btn:hover{color:var(--txt)}.cmdbox{display:flex;align-items:center;gap:12px;background:#0b0d13;border:1px solid var(--line);border-radius:9px;padding:14px 16px}.cmdbox code{flex:1;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;color:#b9e08a;white-space:pre-wrap;word-break:break-all;line-height:1.5}.copy-btn{flex-shrink:0;align-self:flex-start;background:var(--accent);color:#06121f;border:none;border-radius:7px;padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}.steps{margin:0;padding-left:20px;color:var(--txt);font-size:13.5px;line-height:1.9}.steps code{background:#0b0d13;border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:12px;color:#b9e08a}.install-steps>li{margin-bottom:18px}.install-steps .cmdbox{margin-top:10px}.dim{color:var(--mut)}.dim.sm,.sm{font-size:11.5px;margin-top:8px}kbd{background:#20242f;border:1px solid #353c4d;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-family:inherit;font-size:12px;color:var(--txt)}.lead-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.lead-card h2{display:flex;align-items:center;gap:8px;margin-bottom:2px}.lead-ico{font-size:15px}.lead-hint{color:var(--mut);font-size:11px;margin-bottom:14px;line-height:1.4}.lead-row{display:flex;align-items:center;gap:9px;margin:10px 0;font-size:13px}.rank{width:20px;height:20px;flex-shrink:0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#222838;color:var(--mut)}.rank.r1{background:#3a2f12;color:#ffd24a}.rank.r2{background:#2b2f38;color:#cdd6e4}.rank.r3{background:#33251a;color:#e0975a}.lead-name{width:74px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-bar{flex:1;height:6px;background:#0e1118;border-radius:3px;overflow:hidden}.lead-bar span{display:block;height:100%;background:var(--in);border-radius:3px}.lead-val{min-width:58px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;font-size:12.5px}
