.welcome{background:linear-gradient(120deg,#0b1b2e,#102d3e);color:#fff;border-radius:13px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.welcome h2{font-size:19px;margin:3px 0}.welcome p{margin:0;color:#afc2d1;font-size:11px}.welcome .btn{text-decoration:none}.eyebrow{font-size:9px;color:#63d4bd;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.stats article{padding:11px}.stats span,.stats small{display:block;color:var(--muted);font-size:10px}.stats b{font-size:22px;display:block;margin:3px 0}.grid-2{display:grid;grid-template-columns:1.45fr .75fr;gap:9px}.system-summary{display:grid;gap:6px}.summary-line{padding:9px;border:1px solid var(--line);border-radius:9px;display:flex;justify-content:space-between}.summary-line span{color:var(--muted);font-size:10px}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media(max-width:600px){.welcome{align-items:flex-start;gap:10px;flex-direction:column}}

.dashboard-extra-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:9px;margin-top:9px}
.panel-chip,.status-pill{font-size:9px;padding:4px 8px;border-radius:999px;background:#eef3f6;color:#627184;font-weight:800}
.status-pill.ok{background:#e8f6ef;color:#167454}.status-pill.warn{background:#fff1e5;color:#a75c14}
.traffic-list{display:grid;gap:7px}.traffic-item{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:#fff}.traffic-item.current{border-color:#b9ddd3;background:#fbfffd}
.traffic-title{display:flex;gap:8px;align-items:center}.traffic-title b,.traffic-title small{display:block}.traffic-title b{font-size:12px}.traffic-title small{font-size:9px;color:var(--muted);margin-top:2px}.traffic-dot{width:8px;height:8px;border-radius:50%;background:#1b9276;box-shadow:0 0 0 4px #e8f6f1}
.traffic-metrics{display:grid;grid-template-columns:repeat(3,minmax(74px,1fr));gap:6px}.traffic-metrics div{background:#f6f8fa;border-radius:8px;padding:7px 9px;min-width:82px}.traffic-metrics span,.traffic-metrics small{display:block;color:var(--muted);font-size:8px}.traffic-metrics b{display:block;font-size:16px;margin:1px 0}
.ai-status{display:grid;gap:8px}.ai-overview{display:grid;grid-template-columns:1.1fr .9fr;gap:7px}.ai-main,.ai-kpis>div{background:#f7f9fb;border:1px solid var(--line);border-radius:9px;padding:9px}.ai-main span,.ai-main small,.ai-kpis span{display:block;color:var(--muted);font-size:9px}.ai-main strong{display:block;font-size:18px;margin:3px 0}.ai-kpis{display:grid;gap:6px}.ai-kpis b{font-size:16px}
.provider-list{display:grid;gap:5px}.provider-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px}.provider-row span{font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px}.provider-row i{width:6px;height:6px;border-radius:50%;background:#20a27f}.provider-row small{font-size:8px;color:var(--muted)}.empty.compact{padding:12px}
@media(max-width:900px){.dashboard-extra-grid{grid-template-columns:1fr}.traffic-item{grid-template-columns:1fr}.traffic-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.traffic-metrics{grid-template-columns:1fr 1fr}.traffic-metrics div:last-child{grid-column:1/-1}.ai-overview{grid-template-columns:1fr}}