:root{font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;color:#25324a;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{border-right:1px solid #e4e9f2;background:#fbfdff;padding:22px 14px}.brand{font-size:20px;color:#2f5d95;font-weight:800;margin:6px 8px 16px}.sidebar nav{display:grid;gap:8px}.sidebar a{text-decoration:none;color:#60779e;border-radius:10px;padding:9px 11px;font-weight:600;font-size:14px}.sidebar a.active{color:#327de2;background:#edf5ff}.main{padding:18px 20px}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}h1{margin:0;font-size:31px}h2{margin:0 0 8px;font-size:20px}p{margin:6px 0 0;color:#73829c}.refresh-btn{border:1px solid #dbe4f2;background:#fff;border-radius:10px;height:38px;padding:0 14px;font-weight:600;color:#38557e;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.card{background:#fff;border:1px solid #e4e9f2;border-radius:14px;padding:14px}.filters{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.filters label{display:grid;gap:6px;color:#60779e;font-size:13px;font-weight:600}.filters select{border:1px solid #dbe4f2;border-radius:10px;height:38px;padding:0 10px;color:#344a6f;font-weight:600;background:#fff}.kpis-grid{margin-top:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(160px,1fr))}.kpi-head{display:flex;justify-content:space-between;color:#627592;font-size:13px;font-weight:700}.kpi-value{margin-top:7px;font-size:33px;font-weight:800;line-height:1.1}.kpi-note{margin-top:7px;color:#7788a6;font-size:12px}.chart-grid{margin-top:12px;display:grid;gap:12px;grid-template-columns:1.3fr 1fr}.legend-list{margin-top:6px;display:grid;gap:6px}.legend-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;font-size:13px}.legend-row i{width:12px;height:12px;border-radius:3px}.status-box{border:1px solid #e6ecf7;background:#f7fbff;border-radius:12px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:8px}.status-box strong{display:block}.status-box p{margin:2px 0 0;font-size:12px}.base-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}.base-list li{border:1px solid #e7edf8;border-radius:10px;padding:8px 10px;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.base-list li small{color:#7a8baa}.table-card{margin-top:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{border-bottom:1px solid #edf1f7;padding:9px 8px;font-size:13px;text-align:left}th{color:#60779e;font-weight:700}.sev{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}.sev.high{color:#b82336;background:#ffe8ec}.sev.medium{color:#a06809;background:#fff1dc}.sev.low{color:#117a57;background:#e5f8f1}.muted{color:#7b89a1}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.kpis-grid,.filters{grid-template-columns:repeat(2,minmax(180px,1fr))}.chart-grid{grid-template-columns:1fr}}@media (max-width: 840px){.page{grid-template-columns:1fr}.sidebar{display:none}}@media (max-width: 640px){.kpis-grid,.filters{grid-template-columns:1fr}h1{font-size:24px}}