.app{flex-direction:column;min-height:100vh;display:flex}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes barExpand{0%{width:0!important}}.pension-hero{border-radius:var(--radius);background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 55%,#0c1a2e 100%);padding:2.5rem;animation:.55s cubic-bezier(.22,1,.36,1) both fadeSlideUp;position:relative;overflow:hidden;box-shadow:0 24px 64px #6366f138,0 4px 16px #0003}.pension-hero--empty{color:#fff9;justify-content:center;align-items:center;min-height:120px;font-size:.95rem;display:flex}.pension-hero--empty a{color:#a5b4fc;text-decoration:underline}.pension-hero-bg{pointer-events:none;background:radial-gradient(at 15% 60%,#6366f159 0%,#0000 55%),radial-gradient(at 80% 10%,#10b98138 0%,#0000 45%),radial-gradient(at 90% 90%,#3b82f626 0%,#0000 40%);position:absolute;inset:0}.pension-hero-inner{grid-template-columns:1fr auto;align-items:center;gap:2.5rem;display:grid;position:relative}@media (width<=820px){.pension-hero-inner{grid-template-columns:1fr}.pension-hero{padding:1.75rem}}.pension-hero-left{flex-direction:column;gap:.8rem;display:flex}.pension-hero-label{text-transform:uppercase;letter-spacing:.12em;color:#ffffff73;font-size:.72rem;font-weight:700}.pension-hero-amount{align-items:baseline;gap:.6rem;display:flex}.pension-hero-number{letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 40px #a5b4fc66;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;line-height:1}.pension-hero-unit{color:#ffffff80;font-size:1.05rem;font-weight:500}.pension-hero-sub{color:#ffffff73;font-size:.85rem}.pension-hero-sub strong{color:#fffc}.pension-bar-wrap{flex-direction:column;gap:.5rem;max-width:460px;display:flex}.pension-bar{background:#ffffff14;border-radius:999px;gap:2px;height:10px;display:flex;overflow:hidden}.pension-bar-seg{border-radius:999px;height:100%;animation:1.2s cubic-bezier(.34,1.4,.64,1) both barExpand}.pension-bar-seg:first-child{animation-delay:.4s}.pension-bar-seg:nth-child(2){animation-delay:.55s}.pension-bar-seg:nth-child(3){animation-delay:.7s}.pension-bar-nav{background:linear-gradient(90deg,#059669,#10b981)}.pension-bar-arb{background:linear-gradient(90deg,#2563eb,#3b82f6)}.pension-bar-priv{background:linear-gradient(90deg,#d97706,#f59e0b)}.pension-bar-legend{color:#ffffff73;flex-wrap:wrap;gap:1.25rem;font-size:.73rem;display:flex}.dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.dot-nav{background:#10b981}.dot-arb{background:#3b82f6}.dot-priv{background:#f59e0b}.pension-hero-cta{align-self:flex-start;margin-top:.1rem;font-size:.88rem;color:#ffffffa6!important;border-color:#ffffff2e!important}.pension-hero-cta:hover{color:#fff!important;background:#ffffff17!important;border-color:#ffffff73!important}.pension-hero-cards{flex-direction:column;gap:.55rem;min-width:230px;display:flex}@media (width<=820px){.pension-hero-cards{min-width:unset;flex-flow:wrap}}.pension-source-card{border:1px solid #ffffff17;border-left:3px solid var(--card-color,#6366f1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:inherit;background:#ffffff0e;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem 1rem;text-decoration:none;transition:background .18s,transform .18s;animation:.5s cubic-bezier(.22,1,.36,1) both fadeSlideUp;display:flex}.pension-source-card:hover{background:#ffffff1a;transform:translate(3px)}.pension-source-card--link{cursor:pointer}.pension-source-icon{flex-shrink:0;font-size:1.3rem}.pension-source-label{color:#ffffff6b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.12rem;font-size:.68rem;font-weight:600}.pension-source-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.pension-source-unit{opacity:.65;margin-left:2px;font-size:.68rem;font-weight:500}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1100px;height:60px;margin:0 auto;padding:0 1.5rem;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:0}.logo{color:var(--text);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}nav{gap:.25rem;display:flex}.nav-link{color:var(--text-muted);border-radius:8px;padding:.4rem .9rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{background:var(--bg);color:var(--text)}.nav-link.active{color:var(--primary);background:#eef2ff}.app-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-title{letter-spacing:-.03em;margin-bottom:.25rem;font-size:1.6rem;font-weight:700}.back-link{color:var(--text-muted);margin-bottom:.5rem;font-size:.88rem;text-decoration:none;display:block}.back-link:hover{color:var(--text)}.total-card{color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:2px solid #0000;flex-direction:column;gap:.35rem;margin-bottom:1.5rem;padding:1.75rem 2rem;display:flex}.total-label{opacity:.85;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:600}.total-amount{letter-spacing:-.04em;font-size:2.4rem;font-weight:800}.total-date{opacity:.75;font-size:.82rem}.type-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}@media (width<=640px){.type-grid{grid-template-columns:1fr}}.type-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid;align-items:center;gap:.85rem;padding:1rem 1.25rem;display:flex}.type-icon{font-size:1.6rem}.type-name{color:var(--text-muted);margin-bottom:.15rem;font-size:.82rem;font-weight:500}.type-amount{font-size:1.15rem;font-weight:700}.charts-grid{grid-template-columns:1fr 2fr;gap:1rem;margin-bottom:1.75rem;display:grid}@media (width<=800px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem}.chart-title{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem;font-weight:600}.chart-tooltip{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:.6rem .9rem;font-size:.88rem}.tooltip-label{margin-bottom:.2rem;font-weight:600}.tooltip-value{color:var(--primary);font-weight:700}.section-title{color:var(--text);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.account-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);border-top:4px solid;flex-direction:column;gap:.35rem;padding:1.2rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.account-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.account-card-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.account-icon{font-size:1.35rem}.account-type-badge{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.account-name{font-size:1rem;font-weight:700}.account-balance{color:var(--primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.account-desc{color:var(--text-muted);font-size:.8rem}.account-type-label{color:var(--text-muted);font-size:.82rem;font-weight:500}.account-list{flex-direction:column;gap:.75rem;display:flex}.account-list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.account-list-info{align-items:center;gap:1rem;display:flex}.account-list-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s,transform .1s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-sm{padding:.35rem .8rem;font-size:.82rem}.modal-overlay{z-index:200;background:#0f172a73;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:2rem}.modal-title{margin-bottom:1.5rem;font-size:1.2rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.form{flex-direction:column;gap:1.1rem;display:flex}.form-label{color:var(--text);flex-direction:column;gap:.4rem;font-size:.88rem;font-weight:600;display:flex}.form-input{border:1.5px solid var(--border);color:var(--text);background:var(--bg);border-radius:8px;width:100%;padding:.6rem .85rem;font-size:.95rem;transition:border-color .15s}.form-input:focus{border-color:var(--primary);background:#fff;outline:none}.color-picker-row{align-items:center;gap:.75rem;display:flex}.color-input{border:1.5px solid var(--border);cursor:pointer;background:var(--bg);border-radius:8px;width:48px;height:38px;padding:2px}.color-value{color:var(--text-muted);font-family:monospace;font-size:.88rem}.table-wrapper{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);overflow-x:auto}.data-table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.92rem}.data-table th{text-align:left;background:var(--bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);padding:.75rem 1.1rem;font-size:.8rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);padding:.75rem 1.1rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8fafc}.table-row-active td{font-weight:600;background:#f0fdf4!important}.amount-cell{font-variant-numeric:tabular-nums;font-weight:700}.note-cell{color:var(--text-muted);font-size:.85rem}.status-msg{text-align:center;color:var(--text-muted);padding:3rem;font-size:1rem}.status-msg.error{color:var(--danger)}.empty-state{text-align:center;color:var(--text-muted);border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 1.5rem;display:flex}.page-subtitle{color:var(--text-muted);max-width:720px;margin-top:-.5rem;margin-bottom:1.75rem;font-size:.9rem;line-height:1.65}.kalc-grid{grid-template-columns:340px 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=860px){.kalc-grid{grid-template-columns:1fr}}.kalc-form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.form-hint{color:var(--text-muted);margin-top:.1rem;font-size:.78rem;font-weight:400}.kalc-results{flex-direction:column;gap:1rem;display:flex}.kalc-result-grid{grid-template-columns:1fr 1fr 1fr;gap:.85rem;display:grid}.kalc-result-card--primary{grid-column:1/-1}@media (width<=700px){.kalc-result-grid{grid-template-columns:1fr 1fr}.kalc-result-card--primary{grid-column:1/-1}}@media (width<=480px){.kalc-result-grid{grid-template-columns:1fr}}.kalc-result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.kalc-result-card--primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#0000;grid-column:1/-1}.kalc-result-card--primary .total-label,.kalc-result-card--primary .total-date{opacity:.85}.kalc-disclaimer{color:#78350f;background:#fef9c3;border:1px solid #fde68a;border-radius:8px;padding:.85rem 1rem;font-size:.82rem;line-height:1.55}.kalc-result-card--employer{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#0000;grid-column:1/-1}.kalc-result-card--employer .total-label,.kalc-result-card--employer .total-date{opacity:.85}.trapper-header{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.trapper-list{flex-direction:column;gap:.5rem;display:flex}.trapper-row{align-items:flex-end;gap:.5rem;display:flex}.trapper-inputs{flex:1;gap:.5rem;display:flex}.trapper-field{flex-direction:column;flex:1;gap:.25rem;display:flex}.trapper-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.trapper-input{padding:.45rem .6rem;font-size:.88rem}.trapper-delete{align-self:flex-end;padding:.45rem .65rem}.trapper-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem}.trapper-summary-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 0;font-size:.88rem;display:flex}.trapper-summary-row:last-child{border-bottom:none}.trapper-summary-val{font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.trapper-summary-total{color:var(--text);margin-top:.25rem;font-weight:700}.trapper-summary-total .trapper-summary-val{color:var(--primary)}.profil-chip{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.82rem;display:inline-flex}.profil-chip a{color:var(--primary);font-weight:500;text-decoration:none}.profil-chip a:hover{text-decoration:underline}.profil-chip-sep{opacity:.35;-webkit-user-select:none;user-select:none}.form-label+.form-label,.form-label~.form-label{margin-top:.85rem}.lonn-add-row{align-items:flex-end;gap:.75rem;display:flex}.profil-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=860px){.profil-two-col{grid-template-columns:1fr}}.form-row-two{grid-template-columns:1fr 1fr;align-items:end;gap:.75rem;margin-bottom:0;display:grid}.form-optional{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);vertical-align:middle;border-radius:4px;margin-left:.4rem;padding:.1rem .45rem;font-size:.75rem;font-weight:400}.form-label-badge{color:var(--text-muted);vertical-align:middle;margin-left:.5rem;font-size:.75rem;font-weight:500}.account-balance-inline{color:var(--text);white-space:nowrap;font-size:.95rem;font-weight:700}.whatif-wrap{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:2rem;overflow:hidden}.whatif-toggle{background:var(--surface);cursor:pointer;width:100%;color:var(--text);text-align:left;border:none;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;transition:background .15s;display:flex}.whatif-toggle:hover{background:var(--bg)}.whatif-toggle--active{color:var(--primary);background:#f5f3ff}.whatif-toggle-arrow{color:var(--text-muted);font-size:.7rem}.whatif-panel{border-top:1px solid var(--border);background:var(--surface);padding:1.25rem}.whatif-desc{color:var(--text-muted);margin:0 0 1rem;font-size:.85rem}.whatif-inputs{grid-template-columns:repeat(4,1fr);align-items:end;gap:.75rem;margin-bottom:1.25rem;display:grid}@media (width<=860px){.whatif-inputs{grid-template-columns:1fr 1fr}}@media (width<=520px){.whatif-inputs{grid-template-columns:1fr}}.whatif-table{border-collapse:collapse;width:100%;font-size:.9rem}.whatif-table th,.whatif-table td{text-align:right;border-bottom:1px solid var(--border);padding:.5rem .75rem}.whatif-table th:first-child,.whatif-table td:first-child{text-align:left;color:var(--text-muted);font-weight:500}.whatif-table tr:first-child td,.whatif-table tr:first-child th{font-size:1rem;font-weight:700}.whatif-table tr:first-child{border-bottom:2px solid var(--border)}.whatif-sub{color:var(--text-muted);font-size:.75rem;font-weight:400}.whatif-pos{color:#059669;font-weight:700}.whatif-neg{color:#dc2626;font-weight:700}.form-divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0 1rem}.form-section-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .75rem;font-size:.8rem;font-weight:700}.whatif-netto{background:var(--surface-alt,#ffffff0a);color:var(--text-secondary);border-radius:8px;margin:.85rem 0 0;padding:.65rem .85rem;font-size:.875rem}.whatif-netto span{margin:0 .15rem}.privat-sparing-card{margin-top:1.25rem}.privat-sparing-inputs{grid-template-columns:repeat(3,1fr);align-items:end;gap:.85rem;display:grid}@media (width<=600px){.privat-sparing-inputs{grid-template-columns:1fr}}.privat-sparing-preview{background:linear-gradient(135deg,#f59e0b14,#10b9810f);border:1px solid #f59e0b40;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.1rem;padding:.85rem 1rem;display:flex}.privat-preview-item{flex-direction:column;gap:.2rem;display:flex}.privat-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.privat-preview-value{color:var(--text-primary);font-size:1rem;font-weight:600}.privat-preview-highlight{color:#f59e0b;font-size:1.1rem}.privat-preview-arrow{color:var(--text-muted);align-self:center;font-size:1.2rem}.btn-success{color:#fff;background:#10b981}.btn-success:hover:not(:disabled){background:#059669}.header-user{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.header-username{color:var(--text-muted);font-size:.88rem;font-weight:500}.theme-toggle{padding:.35rem .55rem;font-size:1rem;line-height:1}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:0;padding:2.5rem 2rem;display:flex}.login-logo{margin-bottom:.5rem;font-size:2.5rem}.login-title{letter-spacing:-.03em;margin-bottom:1.75rem;font-size:1.4rem;font-weight:700}.login-tabs{border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:1.5rem;display:flex;overflow:hidden}.login-tab{background:var(--bg);color:var(--text-muted);cursor:pointer;border:none;flex:1;padding:.55rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.login-tab--active{background:var(--surface);color:var(--primary)}.login-card .form{width:100%}.login-card .btn-primary{width:100%;margin-top:.25rem}.login-error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:0;padding:.5rem .75rem;font-size:.85rem}[data-theme=dark] .app-header{background:var(--surface);border-bottom-color:var(--border)}[data-theme=dark] .nav-link.active{color:var(--primary);background:#818cf826}[data-theme=dark] .nav-link:hover{color:var(--text);background:#ffffff0f}[data-theme=dark] .chart-tooltip{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .data-table tr:hover td{background:#ffffff0a}[data-theme=dark] .table-row-active td{background:#10b9811f!important}[data-theme=dark] .kalc-disclaimer{color:#fde68a;background:#facc1514;border-color:#facc1540}[data-theme=dark] .login-error{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .login-tab{background:var(--bg);color:var(--text-muted)}[data-theme=dark] .login-tab--active{background:var(--surface);color:var(--primary)}[data-theme=dark] .whatif-toggle--active{color:var(--primary);background:#818cf81f}[data-theme=dark] .privat-sparing-preview{background:linear-gradient(135deg,#f59e0b1a,#10b98114);border-color:#f59e0b33}[data-theme=dark] .form-input{background:var(--bg);color:var(--text);border-color:var(--border)}[data-theme=dark] .form-input:focus{background:var(--surface)}[data-theme=dark] .btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--border)}[data-theme=dark] .btn-ghost{color:var(--text-muted);border-color:var(--border)}[data-theme=dark] .btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--primary:#6366f1;--primary-hover:#4f46e5;--danger:#ef4444;--danger-hover:#dc2626;--radius:12px;--shadow:0 1px 3px #00000014, 0 4px 16px #0000000a;--shadow-lg:0 8px 32px #0000001f}[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--border:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--primary:#818cf8;--primary-hover:#6366f1;--danger:#f87171;--danger-hover:#ef4444;--shadow:0 1px 3px #0000004d, 0 4px 16px #0003;--shadow-lg:0 8px 32px #0006}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}