*,:before,:after{box-sizing:border-box}body{margin:0}#root{width:100%;min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:360px;--bg:#f5f6fa;--surface:#fff;--border:#e2e5ef;--text:#1a1d2e;--text-muted:#6b7280;--accent:#2563eb;--accent-light:#eff6ff;--accent-mid:#bfdbfe;--green:#059669;--green-light:#ecfdf5;--yellow:#d97706;--yellow-light:#fffbeb;--red:#dc2626;--red-light:#fef2f2;--radius:10px;--shadow:0 1px 4px #00000014;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.app-layout{min-height:100vh;display:flex}.variable-panel{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;height:100vh;padding:20px 14px 40px;position:sticky;top:0;overflow-y:auto}.panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:14px;font-size:11px;font-weight:700}.panel-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:2px solid var(--border);margin-bottom:10px;padding:6px 0 4px;font-size:10px;font-weight:700}.computed-section-title{color:#4338ca;border-bottom-color:#c7d2fe}.panel-divider{border:none;border-top:2px solid var(--border);margin:16px 0}.sidebar-active-pin{border-radius:var(--radius);background:#1e1b4b;margin-bottom:4px;padding:10px 10px 0}.sidebar-pin-title{margin-bottom:8px;color:#a5b4fc!important;border-bottom-color:#3730a3!important}.sidebar-pin-chip{cursor:pointer;text-align:left;border:none;border-radius:6px;align-items:center;gap:6px;width:100%;margin-bottom:4px;padding:4px 6px;font-size:12px;transition:filter .15s;display:flex}.sidebar-pin-chip:hover{filter:brightness(1.25)}.sidebar-pin-var{background:#312e81}.sidebar-pin-calc{background:#1e3a5f}.sidebar-pin-chip .var-key{color:#c7d2fe;background:0 0;border-color:#4338ca}.sidebar-pin-val{color:#f0f4ff;flex-shrink:0;font-weight:600}.sidebar-pin-chip .var-label-text{color:#818cf8;text-align:right;margin-left:auto}.sidebar-active-pin .panel-divider{border-top-color:#3730a3;margin:10px -10px 0}.var-category{margin-bottom:16px}.cat-title{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:6px;padding-bottom:3px;font-size:10px;font-weight:700;display:flex}.mode-badge{letter-spacing:.04em;text-transform:none;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:600}.mode-badge-pk{color:#1d4ed8;background:#dbeafe}.mode-badge-lohn{color:#64748b;background:#f1f5f9}.beispielwerte-btn{letter-spacing:.03em;color:#1d4ed8;cursor:pointer;text-transform:none;white-space:nowrap;background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:600;transition:background .15s,border-color .15s}.beispielwerte-btn:hover{background:#dbeafe;border-color:#3b82f6}.var-row{border-radius:6px;flex-direction:column;gap:2px;margin-bottom:7px;padding:3px 4px;transition:background .15s,opacity .15s;display:flex}.var-row-active{outline:1px solid var(--accent-mid);background:#eff6ff}.var-row-dimmed{opacity:.35}.var-row-pk-inactive{opacity:.25;pointer-events:none}.var-row-modified{background:#fffbeb;border-left:3px solid #f59e0b;padding-left:5px}.var-row-modified .var-input{background:#fffff8;border-color:#fcd34d}.var-row-modified .var-key{color:#92400e;background:#fef3c7}.var-key-line{align-items:center;gap:5px;min-width:0;display:flex}.var-key{color:#1e3a8a;letter-spacing:-.01em;background:#dbeafe;border-radius:3px;flex-shrink:0;padding:1px 4px;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:700}.var-label-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.var-label{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.var-bool-row{align-items:center;gap:8px;display:flex}.var-bool-label{color:var(--text-muted);font-size:11px}.var-active-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.var-input-wrap{align-items:center;gap:4px;display:flex}.var-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:5px;padding:4px 7px;font-size:12px;transition:border-color .15s}.var-input:focus{border-color:var(--accent);background:var(--surface);outline:none}.var-select{cursor:pointer}.var-unit{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:10px}.var-toggle{cursor:pointer;width:36px;height:20px;display:inline-block;position:relative}.var-toggle input{opacity:0;width:0;height:0}.toggle-slider{background:#ccc;border-radius:20px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.var-toggle input:checked+.toggle-slider{background:var(--accent)}.var-toggle input:checked+.toggle-slider:before{transform:translate(16px)}.main-area{flex-direction:column;flex:1;min-width:0;padding:20px 28px 40px;display:flex;overflow-y:auto}.main-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.brand{align-items:baseline;gap:8px;display:flex}.mode-toggle{background:var(--border);border-radius:8px;flex-shrink:0;gap:2px;padding:3px;display:flex}.mode-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.mode-btn:hover{color:var(--text)}.mode-btn-active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0000001f}.brand-name{color:var(--accent);letter-spacing:-.02em;font-size:20px;font-weight:800}.brand-sub{color:var(--text-muted);font-size:13px;font-weight:500}.help-banner{background:var(--accent-light);border:1px solid var(--accent-mid);border-radius:var(--radius);margin-bottom:16px;padding:12px 40px 12px 14px;font-size:12.5px;line-height:1.5;position:relative}.help-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:16px;line-height:1;position:absolute;top:8px;right:10px}.help-close:hover{color:var(--text)}.help-banner strong{color:var(--accent);margin-bottom:6px;font-size:13px;display:block}.help-list{padding-left:16px}.help-list li{margin-bottom:3px}.help-list code{background:#dbeafe;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:11px}.help-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:6px;margin-bottom:10px;padding:3px 10px;font-size:11px}.help-toggle:hover{border-color:var(--accent);color:var(--accent)}.screen-nav{flex-wrap:wrap;gap:5px;margin-bottom:18px;display:flex}.screen-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;padding:5px 13px;font-size:12px;font-weight:500;transition:all .15s}.screen-tab:hover{border-color:var(--accent);color:var(--accent)}.screen-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.active-vars-bar{z-index:10;background:#1e1b4b;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px 14px;animation:.15s ease-out slideDown;display:flex;position:sticky;top:0;box-shadow:0 4px 16px #0000002e}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.active-vars-label{text-transform:uppercase;letter-spacing:.08em;color:#a5b4fc;white-space:nowrap;flex-shrink:0;padding-top:5px;font-size:10px;font-weight:700}.active-vars-chips{flex-wrap:wrap;gap:6px;display:flex}.active-chip{border-radius:6px;align-items:baseline;gap:4px;padding:4px 8px;font-size:12px;line-height:1.3;display:flex}.active-chip-var{background:#312e81;border:1px solid #4338ca}.active-chip-calc{background:#1e3a5f;border:1px solid #2563eb}.active-chip-key{color:#c7d2fe;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:700}.active-chip-sep{color:#6366f1;font-size:11px}.active-chip-val{color:#fff;font-size:12px;font-weight:700}.active-chip-name{color:#818cf8;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:10px;overflow:hidden}.calc-list{flex-direction:column;gap:0;display:flex}.no-calcs{color:var(--text-muted);font-size:14px}.calc-row{border-bottom:1px solid var(--border);grid-template-columns:220px 1fr 180px;align-items:start;gap:0;padding:14px 0;transition:background .15s;display:grid}.calc-row:first-child{border-top:1px solid var(--border)}.calc-row-focused{background:#f8faff}.calc-row-meta{flex-direction:column;gap:5px;padding-right:16px;display:flex}.calc-row-title-line{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.calc-title{color:var(--text);align-items:baseline;gap:6px;font-size:13px;font-weight:700;line-height:1.3;display:flex}.calc-num-prefix{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:700}.calc-unit-badge{background:var(--bg);border:1px solid var(--border);white-space:nowrap;color:var(--text-muted);border-radius:10px;flex-shrink:0;margin-top:2px;padding:1px 7px;font-size:10px}.calc-desc{color:var(--text-muted);font-size:11px;line-height:1.5}.calc-row-modified .formula-input{background:#fffbeb;border-color:#f59e0b}.formula-modified-dot{vertical-align:middle;background:#f59e0b;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.formula-col-header{justify-content:space-between;align-items:center;gap:6px;min-height:16px;display:flex}.formula-actions{flex-shrink:0;gap:4px;display:flex}.formula-btn{letter-spacing:.03em;cursor:pointer;white-space:nowrap;text-transform:uppercase;border:1px solid;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:700;transition:background .15s,border-color .15s}.formula-btn-save{color:#059669;background:#ecfdf5;border-color:#6ee7b7}.formula-btn-save:hover{background:#d1fae5;border-color:#059669}.formula-btn-reset{color:#b45309;background:#fff7ed;border-color:#fcd34d}.formula-btn-reset:hover{background:#fef3c7;border-color:#b45309}.reset-formulas-btn{cursor:pointer;color:#b45309;white-space:nowrap;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:500;transition:border-color .15s,background .15s}.reset-formulas-btn:hover{background:#fef3c7;border-color:#b45309}.calc-row-formulas{border-left:1px solid var(--border);border-right:1px solid var(--border);grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;display:grid}.formula-col{flex-direction:column;gap:4px;display:flex}.formula-col-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:10px;font-weight:600}.formula-input{border:1px solid var(--border);color:#1e3a8a;resize:none;background:#fafbff;border-radius:6px;width:100%;min-height:38px;padding:7px 9px;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:11.5px;line-height:1.55;transition:border-color .15s,box-shadow .15s;overflow:hidden}.formula-input:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 2px #2563eb1f}.formula-resolved{border:1px solid var(--border);color:var(--text-muted);white-space:pre-wrap;word-break:break-word;background:#f8f9fe;border-radius:6px;min-height:38px;padding:7px 9px;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:11.5px;line-height:1.55}.resolved-var{white-space:nowrap;display:inline}.resolved-name{color:#1e3a8a;font-weight:700}.resolved-arrow{color:var(--text-muted);margin:0 2px;font-size:10px}.resolved-value{color:var(--accent);background:#dbeafe;border-radius:3px;padding:0 3px;font-weight:600}.resolved-text{color:#374151}.resolved-var-modified .resolved-name{color:#92400e}.resolved-value-modified{color:#b45309;background:#fef3c7}.result-box{background:var(--accent-light);border:1px solid var(--accent-mid);border-radius:8px;flex-direction:column;justify-content:center;min-height:52px;padding:10px 14px;display:flex}.result-value{color:var(--accent);letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.1}.result-error{color:var(--red);word-break:break-all;font-family:monospace;font-size:11px}.result-green{background:var(--green-light);border-color:#6ee7b7}.result-green .result-value{color:var(--green)}.result-yellow{background:var(--yellow-light);border-color:#fcd34d}.result-yellow .result-value{color:var(--yellow)}.result-red{background:var(--red-light);border-color:#fca5a5}.result-red .result-value{color:var(--red)}.result-unavailable{border-color:var(--border);background:#f9fafb;align-items:center;gap:4px}.result-unavailable-icon{font-size:16px;line-height:1}.result-unavailable-text{color:var(--text-muted);text-align:center;font-size:11px;font-weight:500}.calc-row-unavailable{opacity:.55}.calc-row-unavailable:hover{opacity:.75}.computed-hint{color:var(--text-muted);margin-bottom:8px;font-size:10px;font-style:italic;line-height:1.4}.computed-row{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:1px;margin-bottom:4px;padding:5px 6px;font-family:inherit;transition:background .15s,opacity .15s;display:flex}.computed-row:hover{background:#f5f3ff;border-color:#c4b5fd}.computed-row:hover .computed-jump-icon{opacity:1}.computed-key{color:#5b21b6;background:#ede9fe}.computed-jump-icon{color:#7c3aed;opacity:0;flex-shrink:0;margin-left:auto;font-size:10px;transition:opacity .15s}.computed-val-row{align-items:baseline;gap:5px;display:flex}.computed-value{color:var(--text);font-size:12px;font-weight:700}.computed-unit{color:var(--text-muted);font-size:10px}.computed-title{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;display:block;overflow:hidden}.calc-id-badge{color:#5b21b6;background:#ede9fe;border-radius:3px;margin-top:4px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:10px;display:inline-block}@keyframes highlightPulse{0%{background:#e0e7ff;outline-color:#6366f1}60%{background:#e0e7ff;outline-color:#6366f1}to{background:0 0;outline-color:#0000}}.calc-row-highlighted{border-radius:4px;outline:2px solid #6366f1;animation:2s ease-out forwards highlightPulse}.header-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.legend-btn{border:1px solid var(--border);cursor:pointer;background:var(--surface);color:var(--text-muted);white-space:nowrap;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s}.legend-btn:hover{border-color:var(--accent);color:var(--accent)}.import-label{align-items:center;display:inline-flex}.panel-section-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-section-header .panel-section-title{flex:1;margin-bottom:0}.panel-reset-btn{border:1px solid var(--border);cursor:pointer;background:var(--surface);color:var(--text-muted);white-space:nowrap;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.panel-reset-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.legend-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.legend-modal{background:var(--surface);border-radius:var(--radius);flex-direction:column;width:100%;max-width:860px;max-height:calc(100vh - 80px);display:flex;box-shadow:0 8px 40px #0000002e}.legend-header{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.legend-title{margin-right:auto;font-size:16px;font-weight:700}.legend-source-key{flex-wrap:wrap;gap:6px;display:flex}.legend-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:18px;line-height:1}.legend-close:hover{color:var(--text);background:var(--border)}.legend-body{flex-direction:column;gap:24px;padding:16px 20px 24px;display:flex;overflow-y:auto}.legend-cat-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px;font-size:11px;font-weight:700}.legend-table{border-collapse:collapse;width:100%;font-size:12.5px}.legend-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:0 8px 6px 0;font-size:10px;font-weight:700}.legend-table td{vertical-align:top;border-bottom:1px solid #f1f3f9;padding:6px 8px 6px 0}.legend-table tr:last-child td{border-bottom:none}.legend-var-key{background:var(--accent-light);color:var(--accent);white-space:nowrap;border-radius:4px;padding:2px 5px;font-family:monospace;font-size:11px}.legend-var-label{white-space:nowrap;padding-right:12px;font-weight:500}.legend-var-desc{color:var(--text-muted);min-width:280px;line-height:1.45}.legend-source-badge{white-space:nowrap;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.legend-source-explainer{width:100%;color:var(--text-muted);border-top:1px solid var(--border);padding-top:8px;font-size:11.5px;line-height:1.55}.legend-source-explainer strong{color:var(--text)}.formula-legend-table th:first-child{width:26%}.formula-legend-table th:nth-child(2){width:30%}.formula-legend-example{background:var(--surface-alt,#f3f4f6);color:#b45309;white-space:nowrap;border-radius:4px;padding:2px 5px;font-size:11px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}