:root{--bg:#07111f;--bg2:#0c1730;--panel:#0d1830;--panel2:#10203f;--line:#1f315f;--txt:#edf4ff;--muted:#9fb3d9;--cyan:#46a8ff;--violet:#7c5cff;--green:#18c37e;--amber:#ffbe55;--red:#ff6f84;--shadow:0 20px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at top left,#122952 0,#07111f 45%,#050a13 100%);color:var(--txt);font-family:Inter,system-ui,sans-serif}a{text-decoration:none;color:inherit}button,select{font:inherit}
.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:28px 20px;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(13,24,48,.98),rgba(5,10,19,.98));position:sticky;top:0;height:100vh}.logo{font-size:34px;font-weight:800;letter-spacing:-.03em}.logo span{color:var(--cyan)}.subtitle{color:var(--muted);margin:6px 0 22px}.sidebar nav{display:flex;flex-direction:column;gap:10px}.sidebar nav a{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:.2s}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(90deg,rgba(70,168,255,.16),rgba(124,92,255,.16));border-color:rgba(124,92,255,.35)}.side-card{margin-top:18px;padding:16px;border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:1fr auto;gap:6px}
.content{padding:28px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:28px;border-radius:28px;background:linear-gradient(135deg,#10244d 0,#09152d 60%,#07101f 100%);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#89b7ff;font-size:12px;font-weight:800}.hero h1{font-size:48px;line-height:1.02;margin:10px 0 10px;letter-spacing:-.04em}.hero p{max-width:800px;color:var(--muted);font-size:18px}.ops{display:flex;flex-wrap:wrap;gap:10px;max-width:380px;justify-content:flex-end}.ops button,.filters button{border:0;border-radius:14px;padding:13px 16px;background:#223253;color:#fff;font-weight:700;cursor:pointer}.ops .primary,.filters button{background:linear-gradient(90deg,var(--cyan),var(--violet))}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:20px 0}.card,.panel{background:linear-gradient(180deg,var(--panel),#081225);border:1px solid rgba(255,255,255,.06);border-radius:24px;box-shadow:var(--shadow)}.card{padding:20px;min-height:120px}.card span{display:block;color:var(--muted);margin-bottom:14px}.card strong{font-size:34px;letter-spacing:-.04em;word-break:break-word}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}.panel-head h3{margin:0;font-size:28px}.panel-head span{color:var(--muted)}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}.status-grid div{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.status-grid small{display:block;color:var(--muted);margin-bottom:8px}.console{background:#020814;border:1px solid rgba(70,168,255,.18);color:#c9dfff;border-radius:16px;padding:14px;min-height:70px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.filters select{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0a1428;color:#fff;min-width:180px}.table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.06)}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:top}th{color:#9fc1ff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.muted{display:block;color:var(--muted);font-size:13px;margin-top:6px}.badge,.tier{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase}.badge.completed,.tier.elite{background:rgba(24,195,126,.16);color:#6af0b6}.badge.failed,.tier.pass{background:rgba(255,111,132,.16);color:#ff96a6}.badge.skipped,.tier.watch{background:rgba(255,190,85,.16);color:#ffd48b}.tier.strong{background:rgba(70,168,255,.16);color:#8cc9ff}.list{display:flex;flex-direction:column;gap:12px;max-height:360px;overflow:auto}.list-item{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.list-item small{display:block;color:var(--muted);margin-top:8px}.list-item .top{display:flex;justify-content:space-between;gap:10px;align-items:center}
@media (max-width: 1280px){.kpis{grid-template-columns:repeat(4,1fr)}.hero h1{font-size:40px}}
@media (max-width: 980px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.grid-2{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column}.ops{max-width:none;justify-content:flex-start}}
@media (max-width: 560px){.content{padding:16px}.hero{padding:20px}.hero h1{font-size:34px}.kpis{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.filters select,.filters button,.ops button{width:100%}}

.chart-wrap{position:relative;min-height:320px}.chart-wrap canvas{height:320px !important}.chart-empty{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:var(--muted);font-weight:700;border:1px dashed rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.02)}.empty-cell{text-align:center;color:var(--muted)}