:root{--bg:#0c1310;--bg2:#0f1813;--card:#121c16;--card2:#16221b;--line:#1e2c23;--lime:#c9f36f;--ink:#f2f7ee;--muted:#aebfa8;--dim:#6e8070;--good:#7be3a0;--warn:#f0c36a;--red:#e5484d;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);background-image:radial-gradient(ellipse at 25% 0,rgba(201,243,111,.07),transparent 36%)}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:25px 18px;border-right:1px solid var(--line);background:rgba(12,19,16,.9)}.logo{font-weight:800;font-size:16px}.logo b,em{color:var(--lime);font-style:normal}.micro{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:9px 0 25px}nav{display:grid;gap:4px}nav a{padding:10px 12px;border-radius:8px;font-size:13px;color:var(--muted)}nav a:hover,nav a.active{background:var(--card2);color:var(--lime)}.aside-foot{position:absolute;bottom:22px;font:10px/1.8 var(--mono);color:var(--dim)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--good)}main{padding:24px;max-width:1600px;width:100%;margin:auto}header,.section-head,.toolbar,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:28px;margin:0 0 22px}h2{font-size:15px;margin:0 0 14px}.pill,.tag,.status{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 9px;background:rgba(201,243,111,.1);color:var(--lime)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:14px;padding:16px}.card.lime{background:var(--lime);color:#0c1310;border-color:var(--lime)}.kpis .card span,.metric span{display:block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;opacity:.7}.kpis strong{display:block;font-size:24px;margin-top:7px}.grid{display:grid;gap:12px;margin:12px 0}.two{grid-template-columns:1.3fr 1fr}.table-card{padding:0;overflow:auto;margin-top:12px}.table-card h2,.table-card>.section-head{padding:16px 16px 0}table{border-collapse:collapse;width:100%;font-size:12px}th{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer}td{padding:10px 11px;border-bottom:1px solid rgba(30,44,35,.65);vertical-align:middle}td small,.row small{display:block;color:var(--dim);margin-top:3px}.row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.row>div{min-width:0}.muted,.empty{color:var(--muted);line-height:1.6}.center{text-align:center}button,.button{display:inline-block;border:0;border-radius:999px;padding:8px 14px;background:var(--lime);color:#0c1310;font-weight:750;cursor:pointer;font:700 11px var(--sans)}button.ghost,.button.ghost,.mini-button{background:transparent;border:1px solid #7fa83b;color:var(--lime);padding:6px 10px;border-radius:999px}button:disabled{opacity:.5;cursor:not-allowed}.inline{display:inline;margin-left:5px}.filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.toolbar{margin-bottom:12px}label{display:block;font:10px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:13px 0}input,select,textarea{display:block;width:100%;background:#0c1310;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:10px;font:13px var(--sans);margin-top:5px}textarea{resize:vertical}.filters input,.filters select{width:auto;min-width:140px}.chart{height:220px}.chart.large{height:330px}.chart svg{width:100%;height:100%;overflow:visible}.chart text{fill:var(--dim);font:9px var(--mono)}.queue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.queue-item blockquote{margin:15px 0;padding:10px;border-left:2px solid var(--lime);color:var(--muted);font-size:13px}.status.new{color:var(--warn);background:rgba(240,195,106,.1)}.status.sent,.status.done{color:var(--good);background:rgba(123,227,160,.1)}.metric{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0}.heatmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:6px}.heat{position:relative;border:1px solid var(--line);border-radius:8px;background:rgba(201,243,111,calc(var(--v)*.16));color:var(--ink);padding:10px 5px}.heat span,.heat small{display:block}.ghost-cell{background:repeating-linear-gradient(135deg,rgba(229,72,77,.5) 0 4px,var(--card) 4px 9px)}.legend{display:flex;align-items:center;gap:6px;font:10px var(--mono);color:var(--dim);margin-bottom:12px}.legend i{width:18px;height:18px;background:var(--lime);opacity:.15}.legend i:nth-child(3){opacity:.3}.legend i:nth-child(4){opacity:.5}.legend i:nth-child(5){opacity:.7}.ghost-key{margin-left:auto}.good{color:var(--good)}.bad,.flash.error{color:#ff9b98}.flash{padding:10px;border:1px solid currentColor;border-radius:8px;margin:10px 0}.auth{display:grid;place-items:center;min-height:100vh}.auth-card{width:min(430px,calc(100% - 30px));background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}.auth-card h1{margin-top:15px}.auth-card button,.auth-card .button{width:100%;text-align:center;margin-top:10px}.qr{background:white;border-radius:10px;width:210px;margin:18px auto;padding:8px}.qr svg{width:100%;height:auto}.secret,.codes{display:block;background:#080d0a;border:1px solid var(--line);border-radius:8px;padding:10px;text-align:center}.codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.landing{max-width:1100px;padding-top:12vh}.landing>h1{font-size:clamp(45px,8vw,90px);line-height:.95;max-width:900px}.landing>p{font-size:18px;line-height:1.6;color:var(--muted);max-width:670px;margin:30px 0}.landing .kpis{margin-top:90px}dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;width:min(600px,90vw)}dialog::backdrop{background:rgba(0,0,0,.8)}footer{margin-top:25px;text-align:center;font:9px var(--mono);letter-spacing:.1em;color:var(--dim)}@media(max-width:800px){.shell{display:block}aside{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}nav{display:flex;overflow:auto;margin-top:12px}.aside-foot{display:none}main{padding:15px}.kpis,.two{grid-template-columns:1fr 1fr}header{align-items:start}}@media(max-width:500px){.kpis,.two{grid-template-columns:1fr}.filters input,.filters select{width:100%}}
