.kpi-dashboard{border-bottom:2px solid var(--border-medium);color:var(--ink);background:#0000001f;flex-direction:column;gap:12px;margin-bottom:24px;padding:12px;font-family:Inter,system-ui,sans-serif;display:flex}.kpi-dashboard.loading{height:100px;color:var(--ink-ghost);letter-spacing:2px;justify-content:center;align-items:center;font-family:Cinzel,serif}.cinzel{letter-spacing:1px;font-family:Cinzel,serif}.lotr-tooltip{background:var(--parchment);border:1px solid var(--gold-ink);border-radius:2px;padding:10px 14px;font-family:Fira Code,monospace;font-size:.75rem;box-shadow:0 4px 12px #0000004d}.lotr-tooltip-title{color:var(--ink-dark);border-bottom:1px solid var(--gold-ink);margin:0 0 8px;padding-bottom:4px;font-family:Cinzel,serif;font-size:.85rem;font-weight:700}.lotr-tooltip-item{justify-content:space-between;gap:16px;margin:4px 0;display:flex}.tooltip-name{color:var(--ink)}.tooltip-value{font-weight:700}.master-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;width:100%;display:grid}.kpi-card{text-align:center;cursor:help;background:var(--parchment);box-shadow:0 0 0 2px var(--border-heavy),0 0 0 5px var(--parchment-edge),0 0 0 7px var(--border-heavy),0 8px 30px #cca13359,inset 0 0 60px #2a1f0e80;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.kpi-card:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 15% 20%,#cca1331a 0%,#0000 50%),repeating-linear-gradient(0deg,#0000,#0000 3px,#00000080 3px 4px);position:absolute;inset:0}.kpi-card:hover{box-shadow:0 0 0 2px var(--border-heavy),0 0 0 5px var(--parchment-edge),0 0 0 7px var(--border-heavy),0 12px 40px #cca13380,inset 0 0 60px #2a1f0e99;transform:translateY(-2px)}.kpi-label,.kpi-value,.kpi-unit,.kpi-progress-bar,.collapse-toggle{z-index:2;position:relative}.kpi-card.action-card{box-shadow:none;cursor:default;background:0 0}.kpi-card.action-card:before{display:none}.kpi-card.action-card:hover{box-shadow:none;transform:none}.kpi-label{color:var(--ink-ghost);letter-spacing:2px;font-family:Cinzel,serif;font-size:.65rem;font-weight:700}.kpi-value{color:var(--ink-light);font-family:Fira Code,monospace;font-size:1.15rem;font-weight:700}.kpi-value.good{color:var(--green-ink)}.kpi-value.bad{color:var(--red-ink)}.kpi-unit{color:var(--ink-faded);letter-spacing:1px;font-size:.65rem}.kpi-progress-bar{background:var(--bar-bg);border:1px solid var(--border-hairline);border-radius:2px;width:120px;height:4px;margin-top:4px;overflow:hidden}.kpi-progress-fill{background:var(--gold-ink);height:100%;box-shadow:0 0 6px var(--gold-ink);border-radius:2px}.dashboard-toggle-row{z-index:10;justify-content:center;align-items:center;width:100%;padding-top:12px;display:flex;position:relative}.collapse-toggle-icon{background:var(--parchment);border:1px solid var(--gold-ink);color:var(--gold-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:flex;box-shadow:0 4px 12px #0006}.collapse-toggle-icon:hover{background:var(--gold-ink);color:#000;box-shadow:0 0 15px var(--gold-ink);transform:translateY(-2px)}.dev-charts-section{flex-direction:column;gap:16px;animation:.4s ease-out forwards fadeInDown;display:flex}.dev-controls{background:var(--cell-bg);border:1px solid var(--border-hairline);border-radius:2px;align-items:center;gap:20px;padding:10px 16px;display:flex}.control-group{cursor:help;align-items:center;gap:10px;display:flex}.control-group label{color:var(--ink-faded);font-size:.75rem;font-weight:700}.control-group select{color:var(--ink);border:1px solid var(--border-medium);cursor:pointer;background:#0006;border-radius:2px;outline:none;padding:4px 8px;font-family:Fira Code,monospace;font-size:.7rem}.control-group select:focus{border-color:var(--gold-ink)}.dev-row{gap:16px;display:flex}.dev-panel{background:var(--parchment);box-shadow:0 0 0 2px var(--border-heavy),0 0 0 5px var(--parchment-edge),0 0 0 7px var(--border-heavy),0 8px 30px #cca13359,inset 0 0 60px #2a1f0e80;border-radius:4px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.dev-panel:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 85% 80%,#1e70b81a 0%,#0000 50%),repeating-linear-gradient(0deg,#0000,#0000 3px,#00000080 3px 4px);position:absolute;inset:0}.chart-wrapper,.dev-panel-title{z-index:2;position:relative}.main-chart{flex:1;height:280px}.half-chart{flex:1;height:260px}.dev-panel-title{color:var(--ink-faded);text-transform:uppercase;text-align:center;border-bottom:1px solid var(--border-hairline);margin-bottom:4px;padding-bottom:8px;font-size:.8rem;font-weight:700}.chart-wrapper{cursor:crosshair;flex:1;min-height:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}