*{box-sizing:border-box;margin:0;padding:0}body{background:#f4f5f7;flex-direction:column;height:100vh;font-family:Segoe UI,sans-serif;display:flex}#kpi-bar{background:#1a1a2e;gap:12px;padding:12px 16px;display:flex}.kpi-card{color:#fff;background:#16213e;border-left:3px solid #4a9eff;border-radius:8px;flex:1;padding:10px 14px}.kpi-card.critical{border-left-color:#e24b4a}.kpi-card.open{border-left-color:#ef9f27}.kpi-card.closed{border-left-color:#1d9e75}.kpi-label{color:#aaa;margin-bottom:4px;font-size:11px}.kpi-value{font-size:22px;font-weight:600}#filter-panel{background:#fff;border-bottom:1px solid #e0e0e0;align-items:center;gap:10px;padding:10px 16px;display:flex}#filter-panel select,#filter-panel button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 12px;font-size:13px}#btn-reset{color:#fff;background:#1a1a2e;border-color:#1a1a2e}#btn-reset:hover{background:#16213e}#viewDiv{flex:1;width:100%}