:root{--navy: #1b2a55;--navy-700: #25366b;--blue: #2e6fd6;--blue-400: #5b8fe0;--blue-200: #a9c6f0;--tile-bg: #eaf1fb;--tile-border: #d4e0f3;--card-bg: #ffffff;--card-border: #e3e8f0;--page-bg: #f5f7fb;--text: #1c2434;--text-muted: #7a869a;--green: #1faa6b;--yellow: #e0a32e;--red: #d6453d;--radius: 10px;--shadow: 0 1px 3px rgba(27, 42, 85, .06);--font: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--text);font-family:var(--font)}.app-header{padding:18px 24px;border-bottom:1px solid var(--card-border);background:#fff}.app-header h1{margin:0;color:var(--navy);font-size:22px;font-weight:800}.app-header p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.ai-banner{background:#fff7e6;border:1px solid var(--yellow);color:#8a6d1f;padding:8px 14px;border-radius:var(--radius);font-size:13px;margin:12px 24px}.tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid var(--card-border);background:#fff}.tab{padding:12px 18px;border:none;background:none;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent}.tab.active{color:var(--navy);border-bottom-color:var(--blue)}.tab-cta{color:var(--blue);font-weight:700}.tab-cta.active{color:#fff;background:var(--navy);border-radius:7px 7px 0 0;border-bottom-color:var(--navy)}.layout{display:grid;grid-template-columns:280px 1fr;gap:16px;padding:16px 24px}.layout.full{grid-template-columns:1fr}.kpi-rail{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 200px);overflow-y:auto}.kpi-tile{background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:var(--radius);padding:12px 14px;cursor:pointer}.kpi-tile:hover{border-color:var(--blue-400)}.kpi-tile .name{font-size:12px;color:var(--navy-700);font-weight:600}.kpi-tile .value{font-size:24px;font-weight:800;color:var(--navy);margin:2px 0}.kpi-tile .ctx{font-size:11px;color:var(--text-muted);display:flex;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.card h3{margin:0 0 10px;text-align:left;font-size:14px;color:var(--navy);font-weight:700;border-bottom:1px solid var(--card-border);padding-bottom:8px}.card h4{margin:10px 0 4px;font-size:12.5px;color:var(--navy-700);font-weight:700}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:7px 10px;text-align:right;border-bottom:1px solid var(--card-border)}th:first-child,td:first-child{text-align:left}thead th{color:var(--text-muted);font-weight:600;font-size:12px}.light{display:inline-block;width:9px;height:9px;border-radius:50%}.light.green{background:var(--green)}.light.yellow{background:var(--yellow)}.light.red{background:var(--red)}.trend.up{color:var(--green)}.trend.down{color:var(--red)}.kpi-row{cursor:pointer}.kpi-row:hover{background:var(--tile-bg)}.drilldown{background:var(--tile-bg);border-left:3px solid var(--blue);padding:12px 16px}.drilldown h4{margin:0 0 6px;color:var(--navy);font-size:13px}.drilldown .formula{font-family:ui-monospace,monospace;font-size:12px;background:#fff;padding:6px 8px;border-radius:6px;border:1px solid var(--tile-border)}.drilldown .missing{color:var(--red)}.drilldown .benchmark{font-size:12px;color:var(--text-muted)}.input-zone{display:flex;gap:16px;padding:16px 24px;flex-wrap:wrap}.input-box{flex:1;min-width:320px;background:#fff;border:1px solid var(--card-border);border-radius:var(--radius);padding:16px}.input-box h3{margin:0 0 10px;color:var(--navy)}textarea{width:100%;min-height:140px;border:1px solid var(--card-border);border-radius:8px;padding:10px;font-family:var(--font);font-size:13px;resize:vertical}.btn{background:var(--navy);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer}.btn:hover{background:var(--navy-700)}.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--card-border)}.switch{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-top:10px}.dropzone{border:2px dashed var(--blue-200);border-radius:var(--radius);padding:30px;text-align:center;color:var(--text-muted);cursor:pointer}.dropzone:hover{border-color:var(--blue);background:var(--tile-bg)}.dropzone-sm{padding:14px;font-size:13px}.case-solution{border-left:4px solid var(--blue)}.cs-grid{display:grid;gap:10px;margin-top:8px}.cs-block{background:var(--page-bg);border:1px solid var(--card-border);border-radius:8px;padding:10px 14px}.cs-block h4{margin:0 0 5px;color:var(--navy);font-size:13px;border-bottom:none}.cs-block p{margin:0;font-size:14px;line-height:1.55;white-space:pre-wrap;color:var(--text)}.cs-answer{background:var(--tile-bg);border-color:var(--tile-border)}.cs-answer p{font-weight:500}.cs-raw{white-space:pre-wrap;font-size:14px;line-height:1.55;margin-top:8px}.cs-details{margin-top:12px}.cs-details summary{cursor:pointer;color:var(--blue);font-size:13px;font-weight:600}.cs-textarea{width:100%;min-height:170px;margin-top:8px;border:1px solid var(--card-border);border-radius:8px;padding:10px;font-family:var(--font);font-size:13px;line-height:1.5;resize:vertical;background:#fff;color:var(--text)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.badge.hoch{background:#fde8e7;color:var(--red)}.badge.mittel{background:#fdf2dc;color:var(--yellow)}.badge.niedrig{background:#e6f4ee;color:var(--green)}.muted{color:var(--text-muted);font-size:12px}.layout.dash{grid-template-columns:240px 1fr}.dash-rail{display:flex;flex-direction:column;gap:12px}.dash-tile{background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:var(--radius);padding:12px 14px}.dash-tile .name{font-size:12px;color:var(--navy-700);font-weight:600}.dash-tile .value{font-size:26px;font-weight:800;color:var(--navy);margin:3px 0 6px}.dash-tile .ctx{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.dash-center{display:flex;flex-direction:column}.dash-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:var(--navy);pointer-events:none}@media (max-width: 760px){.layout.dash{grid-template-columns:1fr}.dash-rail{flex-direction:row;overflow-x:auto}.dash-tile{flex:0 0 auto;min-width:160px}}.kb-legend{display:flex;gap:18px;align-items:center;font-size:12px;color:var(--text-muted);margin-bottom:12px;flex-wrap:wrap}.kb-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:middle}.kb-dot.cur{background:var(--navy)}.kb-dot.pri{background:var(--text-muted)}.kb-scroll{overflow-x:auto;padding:8px 4px}.kb-row{display:flex;align-items:center;position:relative}.kb-connector{width:30px;flex-shrink:0;align-self:center;position:relative;display:flex;align-items:center;justify-content:center}.kb-connector:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--blue-400)}.kb-op{position:relative;z-index:1;background:var(--card-bg);color:var(--blue);font-weight:800;font-size:14px;padding:0 3px;border-radius:3px}.kb-children{display:flex;flex-direction:column;position:relative;padding-left:24px}.kb-children>.kb-row{padding:5px 0}.kb-children>.kb-row:before{content:"";position:absolute;left:-24px;top:50%;width:24px;height:2px;background:var(--blue-400)}.kb-children>.kb-row:after{content:"";position:absolute;left:-24px;top:0;bottom:0;width:2px;background:var(--blue-400)}.kb-children>.kb-row:first-child:after{top:50%}.kb-children>.kb-row:last-child:after{bottom:50%}.kb-children>.kb-row:only-child:after{display:none}.kb-node{background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:7px;padding:6px 10px;min-width:150px;flex-shrink:0}.kb-clickable{cursor:pointer}.kb-clickable:hover{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue-200)}.kb-node.kb-root{background:var(--navy);border-color:var(--navy)}.kb-node.kb-root .kb-label,.kb-node.kb-root .kb-cur{color:#fff}.kb-node.kb-root .kb-pri{color:var(--blue-200)}.kb-node.kb-root .kb-toggle{background:#ffffff40;color:#fff}.kb-label{font-size:10.5px;color:var(--navy-700);font-weight:600;margin-bottom:2px;display:flex;align-items:center;gap:4px}.kb-toggle{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:3px;background:var(--blue);color:#fff;font-size:12px;line-height:1;font-weight:800;flex-shrink:0}.kb-vals{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.kb-cur{font-size:14px;font-weight:800;color:var(--navy)}.kb-pri{font-size:11px;color:var(--text-muted)}@media (min-width: 1700px){.layout,.input-zone,.tabs,.app-header,.ai-banner{max-width:1640px;margin-left:auto;margin-right:auto}}@media (max-width: 1024px){.layout{grid-template-columns:220px 1fr}}@media (max-width: 760px){.app-header{padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top))}.app-header h1{font-size:18px}.app-header p{font-size:12px}.ai-banner{margin:10px 16px}.tabs{padding:0 12px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:12px 14px;white-space:nowrap;flex:0 0 auto}.layout{grid-template-columns:1fr;gap:12px;padding:12px 16px}.kpi-rail{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scrollbar-width:none}.kpi-rail::-webkit-scrollbar{display:none}.kpi-tile{flex:0 0 auto;min-width:150px}.grid{grid-template-columns:1fr;gap:12px}.card{padding:12px}.input-zone{flex-direction:column;padding:12px 16px;gap:12px}.input-box{min-width:0;width:100%}.card table{display:block;overflow-x:auto;white-space:nowrap}th,td{padding:7px 8px}.btn{padding:12px 18px}}