#metric-dashboard{margin-top:24px} .md-context{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0}.md-context>span,.md-panel header>span{font-size:11px;letter-spacing:.08em;color:#ffbf00}.md-context small{color:#adb3be}.md-context label{display:flex;align-items:center;gap:12px}.md-context select{min-width:180px}.md-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.md-kpi{padding:22px;border:1px solid #383d49;background:#22252d;display:flex;flex-direction:column;gap:12px}.md-kpi>span{font-size:11px;letter-spacing:.07em;color:#c6cbd3}.md-kpi>strong{font-size:32px;line-height:1.15;color:#ffbf00}.md-kpi small,.md-panel>small{color:#adb3be;line-height:1.5}.md-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.md-panel{border:1px solid #383d49;padding:22px;min-width:0}.md-panel h3{font-size:19px;margin:8px 0 24px}.md-panel>small{display:block;margin-top:24px;font-size:11px}.md-bars{display:flex;flex-direction:column;gap:16px}.md-bar{display:grid;grid-template-columns:minmax(100px,1fr) minmax(50px,1fr) auto;align-items:center;gap:12px;text-align:left;width:100%;border:0;background:none;color:inherit;padding:3px;font-size:12px}.md-bar:disabled{opacity:1;cursor:default}.md-bar i{background:#30343e;height:10px;border-radius:3px;overflow:hidden}.md-bar b{display:block;height:100%;border-radius:3px}.md-bar:hover:not(:disabled){background:#2a2e37}.md-donut{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.md-donut svg{width:145px;flex-shrink:0}.md-donut text{fill:#fff;font-size:20px;font-weight:bold}.md-donut .md-svg-label{font-size:7px;font-weight:normal;fill:#bfc3cb}.md-donut>div{flex:1;min-width:140px}.md-donut button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 0;border:0;background:none;color:inherit;text-align:left;font-size:12px}.md-donut button i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.md-donut button strong{margin-left:auto}.md-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;text-align:center;color:#abb1bd;font-size:13px;gap:12px}.md-empty>span{font-size:40px;color:#626b79}.md-table-wrap{overflow:auto;border:1px solid #383d49}.md-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.md-table-wrap th{background:#262a33;font-size:11px;letter-spacing:.025em;color:#bbc3d0;text-align:left;padding:16px}.md-table-wrap td{padding:16px;border-top:1px solid #353944;vertical-align:top}.md-table-wrap tr:hover{background:#242831}.md-table-wrap small{display:block;color:#aeb5c0;font-size:11px;margin-top:7px;line-height:1.5}.md-link{border:0;background:none;text-align:left;color:inherit;padding:0;cursor:pointer;min-width:140px}.md-link small{color:#ffbf00;margin:0 0 5px}.md-link:hover strong{text-decoration:underline}.md-chip{border:1px solid #ffbf00;color:#ffbf00;background:none;margin-bottom:15px;padding:8px 12px}.md-secondary{grid-template-columns:1fr 1fr}.md-method{font-size:12px;color:#abb1bd;padding:16px 0}.md-method p{line-height:1.7;max-width:1000px}.md-dialog{width:min(1180px,95vw);max-height:92vh;padding:0;background:#1e2027;color:#eef0f4;border:1px solid #444a58}.md-dialog::backdrop{background:#000a}.md-detail{padding:28px}.md-detail h2{font-size:25px;margin:8px 0}.md-detail h3{margin:28px 0 16px}.md-detail .md-kpis{grid-template-columns:1fr 1fr}.md-detail p{font-size:12px;color:#b7bec9;line-height:1.6}.md-tabs{display:flex;gap:10px;border-bottom:1px solid #424754;margin-bottom:24px;flex-wrap:wrap}.md-tabs button{padding:12px 8px;background:none;border:0;border-bottom:2px solid transparent;color:inherit}.md-tabs [aria-pressed=true]{color:#ffbf00;border-bottom-color:#ffbf00}.md-tabs [data-sheet]{margin-left:auto}.md-detail [data-close]{border:1px solid #444a58;background:none;color:inherit;width:36px;height:36px;font-size:24px}.md-budget-fields{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin:20px 0}.md-budget-fields label{display:flex;flex-direction:column;gap:10px;font-size:12px}.md-detail input,.md-detail textarea{width:100%;min-width:90px;background:#252831;color:#fff;border:1px solid #444a58;padding:10px}.md-detail textarea{min-height:70px}.md-detail input:disabled{opacity:.8}.md-detail button:focus-visible,#metric-dashboard button:focus-visible{outline:2px solid #ffbf00;outline-offset:3px}@media(max-width:1000px){.md-charts{grid-template-columns:1fr}.md-kpis{grid-template-columns:1fr 1fr}.md-donut{flex-wrap:nowrap}}@media(max-width:600px){.md-kpis,.md-detail .md-kpis,.md-budget-fields{grid-template-columns:1fr}.md-context{align-items:flex-start;flex-direction:column}.md-detail{padding:16px}.md-kpi>strong{font-size:26px}.md-bar{grid-template-columns:1fr 1fr auto}}
#metric-dashboard [data-structures] .md-table-wrap{max-height:570px;overflow:auto}
.md-table-wrap thead{position:sticky;top:0;z-index:1}
.md-dialog,.md-kpi,.md-panel,.md-table-wrap,.md-detail input,.md-detail textarea,.md-detail [data-close]{border-color:var(--line)}
.md-dialog,.md-kpi,.md-detail input,.md-detail textarea{background:var(--panel);color:var(--text)}
.md-table-wrap th{background:var(--bg-raised);color:var(--muted)}
.md-table-wrap td{border-color:var(--line)}
.md-table-wrap tr:hover,.md-bar:hover:not(:disabled){background:var(--bg-raised)}
.md-context>span,.md-panel header>span,.md-kpi>strong,.md-link small,.md-tabs [aria-pressed=true],.md-chip{color:var(--accent)}
.md-tabs [aria-pressed=true],.md-chip{border-color:var(--accent)}
.md-kpi small,.md-kpi>span,.md-panel>small,.md-context small,.md-table-wrap small,.md-detail p,.md-empty,.md-method{color:var(--muted)}
.md-donut text{fill:var(--text)}
.md-donut .md-svg-label{fill:var(--muted)}
.md-coverage{padding:12px 16px;border-left:2px solid var(--accent);background:var(--bg-raised);color:var(--muted);font-size:12px}