:root{
 --bg:#080b13;--panel:#101522;--panel2:#151c2c;--line:#242d41;--text:#f5f7fb;--muted:#8f9ab0;
 --violet:#8b7cff;--violet2:#6e5bf5;--cyan:#56c7ff;--green:#44d18b;--red:#ff6b78;--amber:#f6c65b;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:radial-gradient(900px 600px at 20% -10%,rgba(124,103,255,.15),transparent 60%),var(--bg)}
button,input,select{font:inherit}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:20px 14px;background:rgba(9,12,20,.93);backdrop-filter:blur(14px)}
.logo{display:flex;gap:11px;align-items:center;padding:6px 8px 23px}.logo-b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--violet),var(--cyan));font-weight:900;color:#080b13}.logo strong{font-size:17px}.logo small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.nav-group{margin:15px 0}.nav-title{font-size:10px;color:#66738d;text-transform:uppercase;letter-spacing:.14em;padding:0 10px 7px}.nav button{width:100%;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;cursor:pointer;text-align:left}.nav button:hover,.nav button.active{background:#171d2c;color:#fff}.nav .dot{width:7px;height:7px;border-radius:50%;background:#47536c}.nav button.active .dot{background:var(--violet);box-shadow:0 0 0 4px rgba(139,124,255,.12)}
.main{padding:22px 28px 60px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:21px}.title h1{font-size:25px;margin:0}.title p{margin:4px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid var(--line);background:#141a29;color:#fff;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--violet2),var(--violet));border-color:transparent}.btn.danger{border-color:rgba(255,107,120,.35);color:#ff9aa3}.btn.sm{padding:7px 9px;font-size:12px}.status{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:12px}.status i{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}
.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin-bottom:15px}.panel{background:linear-gradient(180deg,rgba(20,26,42,.96),rgba(14,19,31,.96));border:1px solid var(--line);border-radius:16px;padding:17px}.hero-ai{position:relative;overflow:hidden}.hero-ai:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(125,105,255,.16);filter:blur(10px);right:-80px;top:-100px}.eyebrow{font-size:11px;color:#9ba6bc;text-transform:uppercase;letter-spacing:.1em}.hero h2{font-size:21px;margin:7px 0 8px}.hero p{color:var(--muted);font-size:13px;max-width:680px;line-height:1.55}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.chip{font-size:11px;background:#1b2234;border:1px solid #2b3650;border-radius:999px;padding:6px 9px;color:#c5cde0}.autopilot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.switch{width:46px;height:26px;border-radius:999px;background:#2b3448;padding:3px;cursor:pointer}.switch.on{background:var(--violet)}.switch span{display:block;width:20px;height:20px;background:#fff;border-radius:50%;transition:.2s}.switch.on span{transform:translateX(20px)}
.kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:11px;margin-bottom:15px}.kpi{padding:14px}.kpi .name{color:var(--muted);font-size:11px}.kpi .val{font-size:22px;font-weight:850;margin-top:7px}.kpi .foot{font-size:10px;margin-top:5px;color:#6e7a92}.good{color:var(--green)!important}.bad{color:var(--red)!important}.warn{color:var(--amber)!important}
.grid2{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.panel-head h3{font-size:15px;margin:0}.muted{color:var(--muted)}.small{font-size:11px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;min-width:840px}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#7f8ba2;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.platform{display:inline-flex;align-items:center;gap:6px}.badge{padding:4px 7px;border:1px solid var(--line);border-radius:999px;font-size:10px}.badge.meta{color:#9db8ff}.badge.google{color:#8fe6bd}.badge.high{color:#ff98a2;border-color:#54303a}.badge.medium{color:#ffd77c;border-color:#55472b}.badge.low{color:#8dddb4;border-color:#31513f}
.action{padding:12px;border:1px solid var(--line);background:#0d121e;border-radius:12px;margin:8px 0}.action-top{display:flex;justify-content:space-between;gap:10px}.action-title{font-weight:750;font-size:12px}.action p{font-size:11px;color:var(--muted);line-height:1.45;margin:6px 0 0}.section{display:none}.section.active{display:block}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature{min-height:140px}.feature h3{font-size:14px;margin:10px 0 6px}.feature p{font-size:12px;line-height:1.55;color:var(--muted)}.icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#1b2234;border:1px solid #2b3650}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field label{display:block;color:#9ba7bd;font-size:11px;margin-bottom:6px}.field input,.field select{width:100%;padding:10px 11px;border-radius:9px;background:#0d121e;border:1px solid var(--line);color:#fff}.field.full{grid-column:1/-1}.integration{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#0d121e;margin:9px 0}.integration h4{margin:0 0 5px;font-size:13px}.integration p{margin:0;color:var(--muted);font-size:11px}.log{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.log-row{padding:9px;border-bottom:1px solid var(--line)}.login-wrap{min-height:100vh;display:grid;place-items:center}.login{width:min(430px,92vw);padding:26px}.notice{padding:10px 12px;border-radius:10px;background:#171f32;border:1px solid #293754;color:#cbd5ea;font-size:12px;margin:10px 0}.toast{position:fixed;right:20px;bottom:20px;background:#131a29;border:1px solid var(--line);padding:12px 14px;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.35);display:none;z-index:20}.toast.show{display:block}
@media(max-width:1150px){.kpis{grid-template-columns:repeat(3,1fr)}.hero,.grid2{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{display:none}.main{padding:15px}.kpis{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cards{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}