:root{--bg:#f7f8fb;--panel:#fff;--panel2:#fbfcff;--text:#111827;--muted:#6b7280;--border:rgba(17,24,39,.1);--border2:rgba(17,24,39,.06);--accent:#2563eb;--accent2:#1d4ed8;--good:#16a34a;--bad:#e11d48;--warn:#d97706;--shadow:0 10px 30px rgba(17,24,39,.06)}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:28px 16px}.header{justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border);background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;box-shadow:var(--shadow)}.header,.nav{display:flex;align-items:center}.nav{gap:14px;flex-wrap:wrap}.nav a{color:var(--muted);padding:8px 10px;border-radius:12px}.nav a:hover{color:var(--text);text-decoration:none;background:rgba(37,99,235,.06)}.h1{font-size:18px;margin:0;letter-spacing:.2px}.sub{color:var(--muted);font-size:13px;margin-top:6px}.hero{margin-top:14px;border:1px solid var(--border);background:radial-gradient(1200px 500px at 20% 0,rgba(37,99,235,.1),transparent 55%),radial-gradient(900px 450px at 80% 10%,rgba(16,185,129,.08),transparent 50%),hsla(0,0%,100%,.92);border-radius:18px;box-shadow:var(--shadow);padding:18px}.heroTitle{font-size:22px;margin:0;line-height:1.2}.heroLead{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.7}.heroRow{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.btn,.heroRow{align-items:center}.btn{display:inline-flex;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:hsla(0,0%,100%,.85);box-shadow:0 6px 18px rgba(17,24,39,.06);color:var(--text)}.btn:hover{text-decoration:none;background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.2)}.btn.primary{background:linear-gradient(180deg,rgba(37,99,235,.95),rgba(29,78,216,.95));border-color:rgba(29,78,216,.35);color:#fff}.btn.primary:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.pillRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid var(--border2);background:hsla(0,0%,100%,.8);color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:12px;gap:12px;margin-top:14px}.card{grid-column:span 12;border:1px solid var(--border);background:hsla(0,0%,100%,.92);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow)}@media (min-width:900px){.card.span6{grid-column:span 6}.card.span4{grid-column:span 4}.card.span8{grid-column:span 8}.card.span3{grid-column:span 3}}.sectionTitle{margin:0;font-size:15px;letter-spacing:.2px}.sectionSub{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.7}.kpiRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.kpi{border:1px solid var(--border2);background:rgba(251,252,255,.92);border-radius:14px;padding:10px 12px;min-width:160px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:18px;margin-top:6px}.tableWrap{overflow-x:auto;border:1px solid var(--border2);border-radius:14px;margin-top:10px;background:hsla(0,0%,100%,.95)}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid var(--border2);font-size:13px;vertical-align:top}th{text-align:left;color:var(--muted);font-weight:650;background:rgba(247,248,251,.9)}tr:hover td{background:rgba(37,99,235,.04)}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;border:1px solid var(--border2);font-size:12px;color:var(--muted);background:hsla(0,0%,100%,.85)}.badge.good{color:var(--good);border-color:rgba(22,163,74,.25);background:rgba(22,163,74,.06)}.badge.bad{color:var(--bad);border-color:rgba(225,29,72,.25);background:rgba(225,29,72,.06)}.badge.warn{color:var(--warn);border-color:rgba(217,119,6,.25);background:rgba(217,119,6,.06)}.inputRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;align-items:center}input,select{background:hsla(0,0%,100%,.95);color:var(--text);border:1px solid var(--border2);padding:10px 12px;border-radius:14px;outline:none;box-shadow:0 6px 18px rgba(17,24,39,.04)}input::placeholder{color:hsla(220,9%,46%,.7)}.small{color:var(--muted);font-size:12px}details{border:1px solid var(--border2);background:hsla(0,0%,100%,.92);border-radius:16px;padding:10px 12px}summary{cursor:pointer;font-weight:650;color:var(--text);list-style:none}summary::-webkit-details-marker{display:none}