:root{--bg: #e9e9ea;--panel: #f6f6f6;--panel-light: #ffffff;--line: #dadadc;--text: #232027;--muted: #55555a;--risk: #fb6a35;--resource: #00aba3;--accent-soft: #8ddad6;--shadow: 0 6px 14px rgba(20, 20, 22, .24);--font-main: "DIN", "Bahnschrift", "Arial Narrow", "Segoe UI", sans-serif;--radius-panel: 6px;--filter-control-width: 180px;--text-sm: .78rem;--text-md: .88rem;--text-lg: 1rem;--title-md: clamp(1.05rem, 1.45vw, 1.35rem);--title-lg: clamp(1.5rem, 2.2vw, 2rem);--title-xl: clamp(1.95rem, 2.9vw, 2.45rem)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-main);background:radial-gradient(circle at 20% 0%,#f2f2f3 0,#ebebec 28%,#e5e5e7);color:var(--text)}.dashboard-page{min-height:100vh;padding:18px 18px 20px}.dashboard-frame{max-width:1280px;margin:0 auto;display:grid;gap:10px}.panel-shadow{background:var(--panel);border:1px solid #dddddf;box-shadow:var(--shadow);border-radius:var(--radius-panel)}.top-header{display:grid;grid-template-columns:1.3fr 1.9fr .75fr;align-items:center;gap:16px;padding:10px 12px}.brand-block h1{margin:0;font-size:clamp(1.72rem,2.35vw,2.1rem);line-height:1.02;letter-spacing:-.015em;font-weight:700}.brand-block p{margin:4px 0 0;font-size:.8rem;color:#2e2f34}.nav-grid{display:grid;gap:5px}.nav-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.nav-tab{height:30px;border:1px solid #b9b9bc;background:#f9f9fa;color:#2e2f34;font-family:var(--font-main);font-size:12px;font-weight:600;cursor:pointer;transition:transform .14s ease,background-color .14s ease}.nav-tab:hover{transform:translateY(-1px)}.nav-tab.active{background:var(--accent-soft)}.brand-logo{width:100%;max-width:142px;justify-self:end;filter:saturate(102%)}.headline-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:9px 12px}.headline-row h2{margin:0;font-size:clamp(1.28rem,1.8vw,1.55rem);line-height:1.02;font-weight:700}.headline-row p{margin:2px 0 0;font-size:clamp(.82rem,1.02vw,.96rem);color:#35363a}.headline-filters{display:grid;grid-template-columns:repeat(2,var(--filter-control-width));gap:8px;justify-content:end;min-width:calc(var(--filter-control-width) * 2 + 8px)}.filter-box{position:relative;width:var(--filter-control-width);min-width:var(--filter-control-width);max-width:var(--filter-control-width)}.filter-label{font-size:11px;color:var(--resource);font-weight:700;margin-bottom:3px}.filter-trigger{width:100%;height:30px;border:1px solid #cccdcf;background:#f2f2f3;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px;color:#36373b;font-family:var(--font-main);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-arrow{transition:transform .12s ease}.filter-arrow.open{transform:rotate(180deg)}.filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow:auto;border:1px solid #cbcbcd;background:#f7f7f8;z-index:10;box-shadow:0 8px 16px #0003}.filter-option{display:flex;gap:9px;align-items:center;width:100%;border:0;background:transparent;font-family:var(--font-main);font-size:12px;color:#2d2e33;padding:6px 10px;cursor:pointer}.filter-option-clear{font-weight:700;border-bottom:1px solid #d9d9db}.filter-option:hover{background:#ececee}.inline-select{display:grid;gap:4px;width:var(--filter-control-width);min-width:var(--filter-control-width);max-width:var(--filter-control-width);align-self:center}.inline-select-label{font-size:11px;color:var(--resource);font-weight:700}.inline-select select{height:30px;border:1px solid #cdced0;background:#f2f2f3;padding:0 10px;font-family:var(--font-main);font-size:12px;color:#313238;width:100%}.message-banner{border:1px solid #cbcbce;background:#f6f6f7;padding:7px 10px;font-size:13px}.message-error{color:#7a1d18;border-color:#e5bab6;background:#fbe8e6}.message-loading{color:#2f4f4b}.page-content{min-height:290px;display:grid;gap:10px}.narrative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.narrative-card{border-bottom:3px solid #e0e0e2;padding:2px 3px 0}.narrative-title{margin:0;font-size:clamp(.82rem,.98vw,1rem);line-height:1.06;font-weight:700}.narrative-body{margin-top:3px;display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:start;font-size:clamp(.72rem,.86vw,.84rem);color:#44454b}.narrative-value{font-size:clamp(.94rem,1.15vw,1.14rem);font-weight:700;line-height:1}.text-risk{color:var(--risk)}.text-resource{color:var(--resource)}.text-neutral{color:#232429}.panel-grid{display:grid;gap:10px}.panel-grid-1{grid-template-columns:1fr}.panel-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-panel{border:1px solid #dfdfe1;background:#f0f0f1;padding:7px 9px;display:grid;gap:3px}.chart-panel h3{margin:0;font-size:clamp(.8rem,.94vw,.9rem);line-height:1.2}.chart-subtitle{margin:0 0 1px;font-size:clamp(.66rem,.78vw,.74rem);color:#47484d}.chart-frame{width:100%}.chart-inline-values{display:none}.likert-legend-inline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:-2px;font-size:11px;color:#47484d;text-align:center}.subheader-grid{display:grid;align-items:center;border-bottom:3px solid #dfdfe1;padding-bottom:7px;column-gap:12px;row-gap:6px}.subheader-grid h3{margin:0;font-size:clamp(.82rem,.96vw,.94rem);line-height:1.08}.subheader-grid p{margin:2px 0 0;font-size:clamp(.7rem,.82vw,.78rem);color:#46474d}.subheader-grid-2{grid-template-columns:1fr auto 1fr auto}.subheader-grid-3{grid-template-columns:1fr 1fr auto 1fr}.page-note{font-size:clamp(.78rem,1.05vw,.9rem);color:#3f4045;margin-top:-2px}.data-source-panel{border:1px solid #dfe0e2;background:#f1f1f2;padding:11px 12px;display:grid;gap:10px}.data-source-section h3{margin:0;font-size:clamp(1rem,1.85vw,1.4rem);line-height:1.08}.data-source-section p,.data-source-section li{margin:4px 0 0;font-size:clamp(.86rem,1.4vw,1.05rem);line-height:1.33;color:#36373c}.data-source-section ol{margin:5px 0 0;padding-left:18px}.page-footer{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:3px solid #dfdfe1;padding-top:7px;align-items:center}.page-footer-center{grid-template-columns:1fr;justify-items:start}.footer-link{border:0;background:transparent;color:#27282d;font-family:var(--font-main);font-size:14px;font-weight:600;padding:0;cursor:pointer;text-decoration:underline}.footer-selection{text-align:right;display:grid;gap:3px;font-size:13px;color:#3b3c42}.footer-selection strong{font-size:15px}.api-note{font-size:12px;color:#616268}@media (max-width: 1220px){.top-header{grid-template-columns:1fr}.brand-logo{justify-self:start;max-width:160px}.headline-row{grid-template-columns:1fr}.headline-filters{min-width:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.filter-box,.inline-select{width:100%;min-width:0;max-width:none}.panel-grid-3,.subheader-grid-3,.panel-grid-2,.subheader-grid-2,.narrative-grid,.page-footer{grid-template-columns:1fr}.footer-selection{text-align:left}}