:root{--bg:#0b1220;--panel:#111c2e;--panel2:#16233a;--line:#24344f;--text:#e7eef8;--muted:#93a4bd;--blue:#3b82f6;--teal:#14b8a6;--green:#22c55e;--amber:#f59e0b;--red:#ef4444}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0a101c;border-right:1px solid var(--line);padding:22px 16px}.brand{display:flex;gap:10px;align-items:center;margin-bottom:28px}.logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#14b8a6);display:grid;place-items:center;font-weight:800}nav a{display:block;padding:11px 12px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:4px}nav a.active,nav a:hover{background:#182742;color:#fff}.main{padding:24px 28px;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}h1{font-size:22px;margin:0}.sub{color:var(--muted);font-size:13px;margin-top:4px}.actions{display:flex;gap:10px}.btn{display:inline-block;border:0;border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer;text-decoration:none;color:#fff}.btn.primary{background:var(--blue)}.btn.ghost{background:#1b2a44;border:1px solid var(--line);color:#dbe7f7}.btn.full{width:100%}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(5,1fr)}.two{grid-template-columns:1.4fr 1fr}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:25px;font-weight:750;margin:7px 0 4px}.badge{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px}.green{background:rgba(34,197,94,.15);color:#4ade80}.amber{background:rgba(245,158,11,.15);color:#fbbf24}.red{background:rgba(239,68,68,.15);color:#f87171}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-title h3{margin:0;font-size:15px}.chart{height:180px}.chart svg{width:100%;height:100%}.legend{display:flex;gap:14px;color:var(--muted);font-size:12px;margin-top:8px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px}.blue{background:#3b82f6}.teal{background:#14b8a6}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}.muted{color:var(--muted)}.tiny{font-size:11px;color:var(--muted)}.callout{border:1px solid rgba(59,130,246,.4);background:rgba(59,130,246,.10)}.flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.step{background:var(--panel2);border:1px solid var(--line);padding:10px 12px;border-radius:9px;font-size:12px}.arrow{color:var(--muted)}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}label{font-size:12px;color:var(--muted);display:block}input,select{width:100%;margin-top:5px;padding:10px;border-radius:8px;border:1px solid var(--line);background:#0d1626;color:#fff}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto}.domain-picker{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.auth{display:grid;place-items:center;min-height:100vh}.auth-card{width:min(380px,92vw);background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:16px}.auth-card h1{margin:12px 0 4px}.alert{background:rgba(239,68,68,.15);color:#f87171;padding:10px;border-radius:8px;margin-bottom:12px;font-size:13px}@media(max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{display:none}.kpis,.two{grid-template-columns:1fr}}