.mai-v2-shell{--mai-bg:#020617;--mai-panel:#0f172a;--mai-panel2:#111827;--mai-border:#1e293b;--mai-text:#e2e8f0;--mai-muted:#94a3b8;--mai-green:#34d399;--mai-red:#fb7185;--mai-yellow:#fbbf24;--mai-blue:#60a5fa}
.mai-v2-shell{display:grid;grid-template-columns:280px 1fr;min-height:900px;background:var(--mai-bg);color:var(--mai-text);border-radius:28px;overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mai-v2-sidebar{background:#030712;border-right:1px solid var(--mai-border);padding:22px;display:flex;flex-direction:column;gap:22px}
.mai-v2-brand{display:flex;align-items:center;gap:12px}
.mai-v2-logo{width:48px;height:48px;border-radius:16px;background:#f8fafc;color:#020617;display:flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:-.06em}
.mai-v2-brand span{font-size:13px;color:var(--mai-muted);text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.mai-v2-nav{display:flex;flex-direction:column;gap:6px}
.mai-v2-nav a{padding:13px 14px;border-radius:16px;color:var(--mai-muted);text-decoration:none;font-weight:750}
.mai-v2-nav a:hover,.mai-v2-nav a.active{background:var(--mai-panel);color:#f8fafc}
.mai-v2-sidebar-card{margin-top:auto;background:var(--mai-panel);border:1px solid var(--mai-border);border-radius:22px;padding:18px}
.mai-v2-sidebar-card span,.mai-v2-sidebar-card small{display:block;color:var(--mai-muted);font-size:12px}.mai-v2-sidebar-card strong{display:block;font-size:28px;margin:8px 0;color:var(--mai-green)}
.mai-v2-main{padding:22px;overflow:hidden}
.mai-v2-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.mai-v2-search{flex:1}.mai-v2-search input{width:100%;border:1px solid var(--mai-border);background:var(--mai-panel);color:#f8fafc;border-radius:18px;padding:15px 18px;font-size:14px;outline:none}
.mai-v2-statuses{display:flex;gap:8px;flex-wrap:wrap}.mai-v2-shell .status{background:var(--mai-panel);border:1px solid var(--mai-border);border-radius:999px;padding:8px 12px;color:var(--mai-muted);font-size:12px;font-weight:800}.mai-v2-shell .status.live{color:#d1fae5;background:#064e3b}
.mai-v2-hero{display:flex;align-items:stretch;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#0f172a,#020617);border:1px solid var(--mai-border);border-radius:28px;padding:30px;margin-bottom:20px}
.mai-v2-kicker{display:inline-block;background:#1e293b;color:#cbd5e1;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.mai-v2-hero h1{font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.07em;margin:16px 0 10px;color:#f8fafc}.mai-v2-hero p{color:var(--mai-muted);max-width:760px;font-size:16px;margin:0}
.mai-v2-hero-score{min-width:220px;background:var(--mai-panel);border:1px solid var(--mai-border);border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:center}.mai-v2-hero-score span,.mai-v2-hero-score small{color:var(--mai-muted);font-size:12px}.mai-v2-hero-score strong{font-size:46px;color:var(--mai-green);letter-spacing:-.05em}
.mai-v2-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{background:var(--mai-panel);border:1px solid var(--mai-border);border-radius:22px;padding:18px}.metric span{color:var(--mai-muted);font-size:12px;text-transform:uppercase;font-weight:850}.metric strong{display:block;font-size:34px;color:#f8fafc;margin-top:7px}
.mai-v2-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.widget{background:var(--mai-panel);border:1px solid var(--mai-border);border-radius:24px;padding:20px;min-height:270px}.widget-large{grid-row:span 2}.widget-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.widget h2{margin:0;color:#f8fafc;font-size:22px}.widget-head span{color:var(--mai-muted);font-size:13px}.widget-btn{border:0;border-radius:14px;padding:9px 12px;background:#f8fafc;color:#020617;font-weight:900;cursor:pointer}
.mai-v2-table-wrap{overflow:auto}.mai-v2-table{width:100%;border-collapse:collapse;min-width:800px}.mai-v2-table th,.mai-v2-table td{padding:14px 12px;border-bottom:1px solid var(--mai-border);text-align:left}.mai-v2-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mai-muted)}.mai-v2-table td{color:var(--mai-text)}.mai-v2-table small{display:block;color:#64748b}.score{display:inline-flex;min-width:44px;justify-content:center;padding:7px 10px;background:#f8fafc;color:#020617;border-radius:13px;font-weight:950}.up{color:var(--mai-green)!important;font-weight:900}.down{color:var(--mai-red)!important;font-weight:900}
.mai-v2-tape{display:flex;flex-direction:column;gap:10px}.mai-v2-tape div,.mai-v2-list div{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--mai-border);border-radius:16px;background:#020617}.mai-v2-tape strong{color:#f8fafc}.mai-v2-tape span,.mai-v2-list span{color:var(--mai-muted);font-size:13px}.mai-v2-list strong{color:var(--mai-green)}
.mai-v2-heatmap{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.heat{min-height:72px;border-radius:18px;padding:14px;font-weight:850;color:#f8fafc}.heat b{font-size:24px}.h5{background:#065f46}.h4{background:#047857}.h3{background:#1d4ed8}.h2{background:#92400e}.h1{background:#7f1d1d}
.mai-v2-bars{display:flex;flex-direction:column;gap:15px}.mai-v2-bars div{display:grid;grid-template-columns:120px 1fr 36px;gap:10px;align-items:center}.mai-v2-bars span{color:var(--mai-muted);font-size:13px}.mai-v2-bars b{height:12px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#34d399)}.mai-v2-bars strong{color:#f8fafc;text-align:right}
.mai-v2-alerts{display:flex;flex-direction:column;gap:10px}.alert{display:flex;gap:12px;align-items:center;padding:13px;border-radius:16px;border:1px solid var(--mai-border);background:#020617}.alert b{width:38px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#020617}.alert span{font-size:13px;color:var(--mai-text)}.l4 b{background:var(--mai-red)}.l3 b{background:var(--mai-yellow)}.l2 b{background:var(--mai-blue)}.l1 b{background:var(--mai-muted)}
@media(max-width:1100px){.mai-v2-shell{grid-template-columns:1fr}.mai-v2-sidebar{position:relative}.mai-v2-nav{display:grid;grid-template-columns:repeat(3,1fr)}.mai-v2-grid,.mai-v2-metrics,.mai-v2-hero{grid-template-columns:1fr;display:grid}.mai-v2-topbar{display:block}.mai-v2-statuses{margin-top:12px}.widget-large{grid-row:auto}}
@media(max-width:640px){.mai-v2-main,.mai-v2-sidebar{padding:14px}.mai-v2-nav{grid-template-columns:1fr 1fr}.mai-v2-hero{padding:20px}.mai-v2-hero h1{font-size:42px}.mai-v2-metrics{grid-template-columns:1fr}.mai-v2-heatmap{grid-template-columns:1fr}}