:root{--color-bg: #0c1220;--color-bg-2: #162032;--color-surface: rgba(255, 255, 255, .04);--color-surface-hover: rgba(255, 255, 255, .07);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-accent: #3b82f6;--color-accent-dim: rgba(59, 130, 246, .15);--color-accent-border: rgba(59, 130, 246, .35);--color-good: #16a34a;--color-warn: #dc2626;--color-yellow: #f59e0b;--font-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Fira Code", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);background:linear-gradient(165deg,var(--color-bg) 0%,var(--color-bg-2) 100%);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{position:sticky;top:0;z-index:100;background:#0c1220eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.app-header__inner{display:flex;align-items:center;gap:16px;padding:10px 20px;max-width:1600px;margin:0 auto;flex-wrap:wrap}.app-header__brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.app-header__flag{font-size:24px}.app-header__title{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#60a5fa,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header__sub{display:block;font-size:11px;color:var(--color-text-dim);letter-spacing:.04em}.app-header__tabs{display:flex;gap:8px;flex:1}.tab-btn{padding:7px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center;transition:all .2s ease;flex:1;max-width:200px}.tab-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.tab-btn--active{background:var(--color-accent-dim);border-color:var(--color-accent-border);color:var(--color-text);box-shadow:0 0 16px #3b82f61a}.tab-btn__label{display:block;font-size:13px;font-weight:700}.tab-btn__sub{display:block;font-size:10px;opacity:.65;margin-top:1px}.app-header__actions{display:flex;gap:8px;flex-shrink:0}.action-btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .2s ease;white-space:nowrap}.action-btn--pdf{background:#6366f126;border:1px solid rgba(99,102,241,.35);color:#a5b4fc}.action-btn--pdf:hover{background:#6366f140;border-color:#6366f180}.action-btn--sru{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.action-btn--sru:hover:not(:disabled){background:#10b98138;border-color:#10b98180}.action-btn--sru:disabled{opacity:.4;cursor:not-allowed}.action-btn--about{background:transparent;border:1px solid rgba(226,232,240,.2);color:var(--text-muted)}.action-btn--about:hover{background:#e2e8f014;border-color:#e2e8f059;color:var(--text-secondary)}.action-btn--feedback{background:transparent;border:1px solid rgba(226,232,240,.2);color:var(--text-muted)}.action-btn--feedback:hover{background:#e2e8f014;border-color:#e2e8f059;color:var(--text-secondary)}.app-main{display:grid;grid-template-columns:320px 380px 1fr;flex:1;max-width:1600px;margin:0 auto;width:100%;gap:0}.calculator-panel,.results-panel{padding:24px 20px;overflow-y:auto;border-right:1px solid var(--color-border);background:linear-gradient(180deg,rgba(12,18,32,.5) 0%,transparent 100%)}.section{margin-bottom:28px}.section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.input-group{margin-bottom:14px}.input-label{display:block;font-size:12.5px;color:var(--color-text-muted);margin-bottom:5px;font-weight:500}.input-help{font-size:11px;color:var(--color-text-dim);margin-bottom:5px;line-height:1.4}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text);font-size:14px;font-weight:600;font-family:var(--font-mono);outline:none;transition:border-color .15s ease,background .15s ease}.input-field:focus{border-color:var(--color-accent-border);background:#3b82f60f}.input-suffix{position:absolute;right:12px;color:var(--color-text-dim);font-size:12px;font-weight:600;pointer-events:none}.info-box{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;line-height:1.5;margin-bottom:14px;background:#3b82f614;border:1px solid rgba(59,130,246,.15);color:var(--color-text-muted)}.info-box--accent{background:#f59e0b14;border-color:#f59e0b33;color:#fbbf24}.info-box--warning{background:#dc262614;border-color:#dc262633;color:#fca5a5}.info-box__icon{flex-shrink:0}.comparison-banner{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.comparison-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface);border:2px solid var(--color-border);text-align:left;transition:all .2s ease;width:100%;cursor:pointer}.comparison-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.comparison-card--selected{background:var(--color-accent-dim);border-color:var(--color-accent-border)}.comparison-card--recommended{border-color:#10b98166}.comparison-card--selected.comparison-card--recommended{border-color:#10b98199}.comparison-card__title{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.comparison-card__amount{font-size:15px;font-weight:800;color:var(--color-text);font-family:var(--font-mono)}.comparison-card__badge{font-size:10px;font-weight:700;color:#6ee7b7;background:#10b9811f;padding:2px 7px;border-radius:99px;border:1px solid rgba(16,185,129,.25)}.comparison-note{font-size:11px;color:var(--color-text-dim);line-height:1.4;margin-top:6px}.result-card{background:#ffffff06;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.result-row{display:flex;justify-content:space-between;align-items:center;padding:9px 16px;gap:8px}.result-row+.result-row{border-top:1px solid rgba(255,255,255,.03)}.result-row--highlight{background:linear-gradient(90deg,#3b82f62e,#3b82f612);padding:12px 16px}.result-row--dim{opacity:.6}.result-row__label{font-size:12px;color:var(--color-text-muted);font-weight:500;flex:1}.result-row__value{font-size:13px;font-weight:700;color:var(--color-text);font-family:var(--font-mono);white-space:nowrap}.result-row__value--highlight{font-size:16px;font-weight:800;color:#fff}.result-row__value--good{color:#4ade80}.result-row__value--warn{color:#f87171}.result-divider{height:1px;background:#ffffff0f;margin:2px 0}.app-footer{padding:16px 24px;text-align:center;font-size:11px;color:var(--color-text-dim);border-top:1px solid var(--color-border);line-height:1.5;display:flex;flex-direction:column;gap:6px}.app-footer__sru-link{font-size:11px;color:var(--color-text-dim)}.app-footer__sru-link a{color:#60a5fa;text-decoration:none}.app-footer__sru-link a:hover{text-decoration:underline;color:#93c5fd}@media (max-width: 1200px){.app-main{grid-template-columns:1fr}.calculator-panel,.results-panel{border-right:none;border-bottom:1px solid var(--color-border)}.app-header__tabs{order:3;flex-basis:100%}.comparison-banner{grid-template-columns:1fr 1fr}}@media (max-width: 540px){.app-header__inner{padding:8px 12px;gap:8px}.app-header__actions{flex-wrap:wrap}}@media print{.no-print,.app-header,.app-footer,.calculator-panel,.results-panel{display:none!important}body{background:#fff;color:#000;font-size:10pt}.app{display:block}.app-main{display:block;max-width:100%}@page{size:A4 portrait;margin:15mm 20mm}}.pdf-viewer{display:flex;flex-direction:column;position:sticky;top:57px;height:calc(100vh - 57px);overflow:hidden;background:#525659}.pdf-viewer__toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0c1220f7;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.pdf-viewer__title{font-size:12px;font-weight:600;color:var(--color-text-muted)}.pdf-viewer__download-btn{padding:6px 14px;background:#3b82f626;border:1px solid rgba(59,130,246,.35);border-radius:6px;color:#93c5fd;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.pdf-viewer__download-btn:hover:not(:disabled){background:#3b82f640;border-color:#3b82f680}.pdf-viewer__download-btn:disabled{opacity:.4;cursor:not-allowed}.pdf-viewer__status{padding:24px;text-align:center;font-size:13px;color:var(--color-text-muted)}.pdf-viewer__status--error{color:#fca5a5}.pdf-viewer__iframe{flex:1;width:100%;border:none;display:block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#1a2640;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:0 24px 64px #00000080}.modal__header{display:flex;align-items:center;gap:10px;padding:18px 20px 14px;border-bottom:1px solid var(--color-border)}.modal__icon{font-size:18px;color:#6ee7b7;flex-shrink:0}.modal__title{font-size:15px;font-weight:700;color:var(--color-text);flex:1}.modal__close{color:var(--color-text-dim);font-size:16px;padding:4px 8px;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.modal__close:hover{color:var(--color-text);background:var(--color-surface-hover)}.modal__body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.modal__text{font-size:13px;color:var(--color-text-muted);line-height:1.5}.modal__files{list-style:none;display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-muted)}.modal__files code{font-family:var(--font-mono);color:#6ee7b7;font-size:12px}.modal__divider{height:1px;background:var(--color-border)}.modal__link-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-accent-dim);border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);color:#93c5fd;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease}.modal__link-btn:hover{background:#3b82f638;border-color:#3b82f680}.modal__link-arrow{font-size:16px;flex-shrink:0}.modal__disclaimer{font-size:11.5px;color:var(--color-text-dim);line-height:1.5}.modal__inline-link{color:#93c5fd;text-decoration:underline;text-underline-offset:2px}.modal__inline-link:hover{color:#bfdbfe}.modal__text--made-in{color:var(--color-text-muted);font-size:13px}.modal__footer{padding:12px 20px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--color-border)}.modal__btn-close{padding:8px 20px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:13px;font-weight:600;transition:all .15s ease}.modal__btn-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.feedback-form__field{display:flex;flex-direction:column;gap:5px}.feedback-form__label{font-size:12.5px;color:var(--color-text-muted);font-weight:500}.feedback-form__required{color:#f87171;margin-left:2px}.feedback-form__optional{color:var(--text-muted);font-weight:400;font-size:11px}.feedback-form__textarea,.feedback-form__input{width:100%;padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text);font-size:14px;font-weight:400;font-family:var(--font-sans);outline:none;transition:border-color .15s ease,background .15s ease}.feedback-form__textarea{resize:vertical;min-height:100px;line-height:1.5}.feedback-form__textarea:focus,.feedback-form__input:focus{border-color:var(--color-accent-border);background:#3b82f60f}.feedback-form__textarea:disabled,.feedback-form__input:disabled{opacity:.5;cursor:not-allowed}.feedback-form__textarea:disabled{resize:none}.feedback-form__error{font-size:12.5px;color:#f87171;line-height:1.5;padding:8px 12px;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm)}.feedback-form__success{color:#4ade80;text-align:center;padding:8px 0}.feedback-form__submit{padding:8px 20px;background:var(--color-accent-dim);border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);color:#93c5fd;font-size:13px;font-weight:600;transition:all .15s ease}.feedback-form__submit:hover:not(:disabled){background:#3b82f640;border-color:#3b82f680;color:#bfdbfe}.feedback-form__submit:disabled{opacity:.4;cursor:not-allowed}.form-preview{background:#fff;color:#111;min-height:100%;padding:28px 32px;font-family:IBM Plex Sans,Arial,sans-serif;font-size:13px;line-height:1.4}.form-header{border:2px solid #1a1a1a;margin-bottom:20px}.form-header__top{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px 10px;border-bottom:1px solid #ccc;background:#f8f8f8}.form-header__agency-name{font-size:16px;font-weight:800;color:#1a1a1a;letter-spacing:-.01em}.form-header__agency-url{font-size:11px;color:#555}.form-header__title-block{text-align:right}.form-header__blankett{font-size:18px;font-weight:800;color:#1a1a1a}.form-header__blankett-nr{font-size:11px;color:#555}.form-header__year-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#1a1a1a;color:#fff}.form-header__year-label{font-size:13px;font-weight:700}.form-header__deklaration{font-size:11px;color:#aaa}.form-header__preliminary{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.08em;background:#f59e0b;color:#1a1a1a;padding:2px 8px;border-radius:3px}.form-header__info-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ccc}.form-info-field{padding:8px 12px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.form-info-field:nth-child(2n){border-right:none}.form-info-field:last-child,.form-info-field:nth-last-child(2){border-bottom:none}.form-info-field__label{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#555;margin-bottom:3px}.form-info-field__value{display:block;font-size:13px;font-weight:600;color:#1a1a1a;font-family:IBM Plex Sans,Arial,sans-serif;min-height:18px}.form-info-field__empty{color:#bbb;font-weight:400}.form-section{border:1.5px solid #1a1a1a;margin-bottom:16px}.form-section__header{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1a1a1a;color:#fff}.form-section__header--a{background:#1e3a5f}.form-section__header--b{background:#1e3a1e}.form-section__header--d{background:#3a1e1e}.form-section__header--new{background:#2a1e3a}.form-section__letter{font-size:16px;font-weight:800;min-width:24px}.form-section__name{font-size:13px;font-weight:700}.form-section__preliminary-badge{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.08em;background:#f59e0b;color:#1a1a1a;padding:2px 7px;border-radius:3px}.form-preliminary-notice{padding:8px 12px;background:#fffbeb;border-bottom:1px solid #fcd34d;font-size:11px;color:#92400e;line-height:1.4}.form-row{display:flex;align-items:center;border-bottom:1px solid #e5e5e5;min-height:32px}.form-row:last-child{border-bottom:none}.form-row--highlight{background:#f0f4ff}.form-row__code{flex-shrink:0;width:44px;padding:6px;font-size:10px;font-weight:700;color:#555;border-right:1px solid #e5e5e5;text-align:center;align-self:stretch;display:flex;align-items:center;justify-content:center;background:#fafafa}.form-row--highlight .form-row__code{background:#e8eeff}.form-row__label{flex:1;padding:6px 10px;font-size:12px;color:#333;border-right:1px solid #e5e5e5;line-height:1.3}.form-row--highlight .form-row__label{font-weight:700;color:#1a1a1a}.form-row__box{flex-shrink:0;width:130px;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;text-align:right;color:#1a1a1a}.form-row__box--computed{background:#f8f8f8;color:#1a1a1a}.form-row--highlight .form-row__box{font-size:14px;font-weight:800;color:#1a3a8a}.form-row__box--text{font-family:IBM Plex Sans,Arial,sans-serif;font-weight:700;color:#1a1a1a}.form-row__op{flex-shrink:0;width:36px;padding:6px 4px;font-size:10px;font-weight:700;text-align:center;color:#666;border-right:1px solid #e5e5e5;align-self:stretch;display:flex;align-items:center;justify-content:center;background:#fafafa;white-space:nowrap}.form-row--subheader{background:#eef0f4;border-bottom:1px solid #d0d4dd;min-height:24px}.form-row__subheader-text{padding:4px 12px;font-size:10px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.06em}.form-row--dim{opacity:.45}.form-row__ref{font-size:10px;font-weight:700;color:#1a4a8a;margin-left:6px;white-space:nowrap}.form-footer{margin-top:20px;padding-top:12px;border-top:1px solid #e5e5e5}.form-footer__disclaimer{font-size:10px;color:#888;line-height:1.5}@media print{.form-preview{padding:0;min-height:auto;font-size:10pt}.form-header{border:2pt solid #000;margin-bottom:12pt}.form-section{border:1.5pt solid #000;page-break-inside:avoid;margin-bottom:10pt}.form-row{min-height:24pt}.form-row__box{width:90pt;font-size:10pt}.form-row__op{width:28pt;font-size:9pt}.form-row__code{width:36pt}.form-info-field__value{color:#000}.form-preliminary-notice{background:#fff8dc;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-header__year-bar{background:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-section__header{-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-row--highlight{background:#e8eeff;-webkit-print-color-adjust:exact;print-color-adjust:exact}}