:root{--bg-primary: #0a0c0e;--bg-secondary: #14181c;--bg-card: #1c2228;--bg-card-hover: #242c34;--bg-input: #101418;--border-color: #2a333d;--border-focus: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-green: #10b981;--accent-amber: #f59e0b;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.4)}html{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0;-webkit-tap-highlight-color:transparent}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;outline:none}select{font-family:inherit;font-size:inherit}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;padding-bottom:80px;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#app{width:100%;max-width:100%;overflow-x:hidden}.app-container{width:100%;max-width:900px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}@media(max-width:480px){.app-container{padding:12px 10px;gap:14px}}.header{display:flex;flex-direction:column;gap:8px;text-align:center;padding:8px 0;width:100%}.privacy-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#10b9811f;color:var(--accent-green);border:1px solid rgba(16,185,129,.3);padding:4px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;max-width:100%;text-align:center;white-space:normal;line-height:1.35;margin:0 auto 4px}.header h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:#fff}@media(max-width:480px){.header h1{font-size:1.45rem}}.header p{color:var(--text-secondary);font-size:.95rem}.main-grid{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:20px}@media(min-width:768px){.main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-width{grid-column:1 / -1}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-sm);min-width:0;width:100%;box-sizing:border-box}@media(max-width:480px){.card{padding:14px 12px;gap:12px;border-radius:12px}}.card-title{font-size:1.05rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#fff;width:100%}.input-group{display:flex;flex-direction:column;gap:8px}.label-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.label-title{font-size:.92rem;font-weight:600;color:var(--text-primary)}.label-value-btn{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.4);padding:4px 10px;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.label-value-btn:hover{background:#3b82f640;border-color:var(--accent-blue);color:#fff}.direct-number-input{background:var(--bg-input);border:1px solid var(--accent-blue);color:var(--text-primary);font-size:1.05rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-sm);width:120px;text-align:right;outline:none}.slider-container{display:flex;flex-direction:column;gap:8px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:var(--radius-full);background:#334155;outline:none;cursor:pointer;margin:12px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--accent-blue);cursor:pointer;box-shadow:0 0 10px #3b82f699;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--accent-blue);cursor:pointer}.chip-group{display:flex;gap:6px;flex-wrap:wrap}.chip-btn{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.chip-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-focus)}.chip-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.chip-btn.circle{width:36px;height:36px;padding:0;border-radius:50%}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}.toggle-row:first-of-type{border-top:none}.toggle-label{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.toggle-subtitle{font-size:.8rem;color:var(--text-muted)}.switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider-toggle{position:absolute;cursor:pointer;inset:0;background-color:#334155;transition:.25s ease;border-radius:34px}.slider-toggle:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.25s ease;border-radius:50%}input:checked+.slider-toggle{background-color:var(--accent-blue)}input:checked+.slider-toggle:before{transform:translate(20px)}.metrics-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}@media(min-width:600px){.metrics-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}.metric-box{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 8px;text-align:center;min-width:0;box-sizing:border-box;overflow:hidden}.metric-val{font-size:1.25rem;font-weight:800;color:var(--text-primary);line-height:1.2}.metric-sub{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.val-green{color:var(--accent-green)}.val-blue{color:#60a5fa}.val-amber{color:var(--accent-amber)}.val-purple{color:var(--accent-purple)}.breakdown-bar{display:flex;height:18px;border-radius:var(--radius-sm);overflow:hidden;margin:10px 0;background:#334155}.bar-segment{height:100%;transition:width .3s ease}.bar-eigen{background:#3b82f6}.bar-grund{background:#10b981}.bar-kind{background:#f59e0b}.bar-steuer{background:#8b5cf6}.bar-ungefordert{background:#64748b}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.info-callout{background:#1e293bb3;border-left:4px solid var(--accent-blue);padding:12px 16px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.85rem;color:var(--text-secondary);line-height:1.45}.callout-warn{border-left-color:var(--accent-amber);background:#f59e0b14;color:#fde68a}.callout-green{border-left-color:var(--accent-green);background:#10b98114;color:#a7f3d0}.hero-card{background:radial-gradient(circle at top right,#1e293b,var(--bg-card));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px 16px;text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;box-sizing:border-box}.hero-subtitle{font-size:.88rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.hero-amount{font-size:2.8rem;font-weight:900;letter-spacing:-.03em;color:var(--text-primary);line-height:1.1;word-break:break-word}@media(max-width:480px){.hero-amount{font-size:2.1rem}}.hero-range{font-size:.88rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;line-height:1.4}.hero-tag{background:#ffffff14;padding:3px 10px;border-radius:var(--radius-sm);font-size:.82rem}.detail-trigger-btn{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);padding:8px 12px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;min-height:40px;max-width:100%;white-space:normal;text-align:center;word-break:break-word;line-height:1.35;box-sizing:border-box}.detail-trigger-btn:hover{background:#3b82f640;border-color:var(--accent-blue);color:#fff}.chart-container{width:100%;max-width:100%;position:relative;overflow:hidden;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 4px 4px;box-sizing:border-box}svg.responsive-chart{width:100%;max-width:100%;height:auto;display:block}.chart-header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chart-toggle-btn{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.chart-toggle-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.kinder-list{display:flex;flex-direction:column;gap:8px}.kinder-split-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 12px;background:#ffffff08;border:1px dashed var(--border-color);border-radius:var(--radius-sm);margin-bottom:8px}.split-bar-title{font-size:.78rem;color:var(--text-secondary);font-weight:600}.chip-btn.mini{padding:2px 8px;font-size:.72rem;min-height:26px;font-weight:600;border-radius:var(--radius-sm)}.chip-btn.mini.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.kind-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:var(--bg-input);padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.kind-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kind-name{font-weight:600;font-size:.9rem}.kind-sub{font-size:.75rem;color:var(--text-muted)}.kind-depot-toggle{display:flex;align-items:center;gap:6px}.depot-toggle-label{font-size:.75rem;color:var(--text-secondary)}.kind-year-select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);padding:4px 8px;border-radius:var(--radius-sm);outline:none}.familie-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:14px;width:100%}@media(min-width:600px){.familie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.familie-box{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:18px 16px 16px;display:flex;flex-direction:column;gap:10px;position:relative;min-width:0;width:100%;box-sizing:border-box;overflow:visible}.familie-box.highlight{border-color:var(--accent-green);background:radial-gradient(circle at top right,rgba(16,185,129,.1),var(--bg-input))}.familie-badge{position:absolute;top:-11px;right:14px;background:var(--accent-green);color:#061e14;font-size:.75rem;font-weight:800;padding:2px 10px;border-radius:var(--radius-full);box-shadow:0 2px 8px #10b98159;white-space:nowrap;line-height:1.4;z-index:2}.familie-box-title{font-size:.95rem;font-weight:700;color:var(--text-primary);word-break:break-word}.familie-box.highlight .familie-box-title{padding-right:85px}.familie-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;font-size:.85rem;color:var(--text-secondary)}.familie-row strong{color:var(--text-primary)}.sheet-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity .25s ease;display:flex;align-items:flex-end;justify-content:center}.sheet-backdrop.active{opacity:1;pointer-events:auto}.bottom-sheet{background:#14181c;border:1px solid var(--border-color);border-bottom:none;border-radius:24px 24px 0 0;width:100%;max-width:680px;max-height:85vh;box-shadow:0 -10px 40px #0009;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.sheet-backdrop.active .bottom-sheet{transform:translateY(0)}@media(min-width:768px){.sheet-backdrop{align-items:center}.bottom-sheet{border-radius:24px;border-bottom:1px solid var(--border-color);max-height:80vh}}.sheet-handle-bar{width:100%;display:flex;justify-content:center;padding:10px 0 4px;cursor:grab}.sheet-handle{width:44px;height:5px;background:#334155;border-radius:var(--radius-full)}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border-color)}.sheet-title{font-size:1.15rem;font-weight:800}.btn-close{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .15s ease}.btn-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sheet-tabs{display:flex;padding:10px 20px;gap:8px;border-bottom:1px solid var(--border-color);background:#0d1013;overflow-x:auto}.tab-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.sheet-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;font-size:.9rem;line-height:1.6}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm)}table.data-table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:right}table.data-table th,table.data-table td{padding:8px 12px;border-bottom:1px solid var(--border-color)}table.data-table th{background:var(--bg-input);color:var(--text-secondary);font-weight:600}table.data-table td:first-child,table.data-table th:first-child{text-align:left}.pwa-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;box-sizing:border-box;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);padding:12px 16px;gap:12px}.pwa-btn{background:var(--accent-blue);color:#fff;padding:6px 14px;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;cursor:pointer}.footer{text-align:center;font-size:.8rem;color:var(--text-muted);line-height:1.5;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}