:root{--bg:#f3f5f7;--card:#fff;--text:#172033;--muted:#667085;--border:#d9e0e8;--primary:#2457a7;--primary2:#1c4789;--ok:#167b3e;--warn:#a15c00;--soft:#edf3fb;--shadow:0 8px 26px rgba(20,35,60,.07)}
:root[data-theme="dark"]{--bg:#111827;--card:#1b2432;--text:#f3f6fa;--muted:#aab4c3;--border:#344154;--primary:#6ea8e5;--primary2:#8bb9e8;--ok:#65d48a;--warn:#f4b45f;--soft:#202b3a;--shadow:none}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:22px;padding:12px max(18px,calc((100vw - 1280px)/2));background:color-mix(in srgb,var(--card) 94%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.brand{font-weight:800;text-decoration:none;white-space:nowrap}.mainnav{display:flex;gap:4px;flex:1}.mainnav a{padding:9px 12px;border-radius:9px;text-decoration:none;color:var(--muted);font-weight:650}.mainnav a:hover,.mainnav a.active{background:var(--soft);color:var(--primary)}.shell{max-width:1280px;margin:auto;padding:28px 18px 60px}.hero{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:22px}.eyebrow{margin:0 0 6px;color:var(--primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1;margin:0 0 9px}h2{margin:0 0 5px;font-size:1.25rem}h3{margin:28px 0 12px;font-size:1rem}.muted,.panel-head p{color:var(--muted);margin:0}.hero-actions,.form-actions,.toolbar,.yearbar{display:flex;gap:10px;align-items:center}.button,.ghost{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:9px;padding:10px 14px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}.button:hover{filter:brightness(.96)}.button.secondary,.ghost{background:transparent;color:var(--primary);border-color:var(--border)}.ghost{padding:8px 10px}.notice{border:1px solid var(--border);background:var(--card);padding:12px 14px;border-radius:10px;margin:0 0 16px}.notice.success{border-color:color-mix(in srgb,var(--ok) 55%,var(--border));color:var(--ok)}.notice.error{border-color:#d45;color:#b42318}.notice.warning{border-color:color-mix(in srgb,var(--warn) 55%,var(--border));color:var(--warn)}.hidden{display:none!important}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:15px;box-shadow:var(--shadow);min-width:0}.summary-card span,.summary-card small{display:block;color:var(--muted)}.summary-card strong{display:block;font-size:1.25rem;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--border);margin-bottom:18px}.tab{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:750;padding:12px 14px;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.tabpanel{display:none}.tabpanel.active{display:block}.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid var(--border);margin-bottom:18px}.source,.badge{font-size:.76rem;color:var(--muted);background:var(--soft);border:1px solid var(--border);border-radius:999px;padding:5px 9px;white-space:nowrap}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.84rem;font-weight:700}input,select{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px 11px;background:var(--card);color:var(--text);font:inherit;outline:none}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}input:disabled{background:var(--soft);color:var(--muted)}.full{grid-column:1/-1}.form-actions{justify-content:flex-end;margin-top:18px}.toolbar{justify-content:flex-end;margin-bottom:12px}.yearbar{justify-content:flex-start;background:var(--soft);border-radius:10px;padding:10px 12px;margin-bottom:18px}.yearbar label{flex-direction:row;align-items:center}.yearbar select{width:auto;min-width:100px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}table{border-collapse:collapse;width:100%;min-width:980px}th,td{padding:9px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{font-size:.76rem;color:var(--muted);background:var(--soft);position:sticky;top:0}td input{min-width:92px;padding:8px}.row-end{font-size:.8rem;color:var(--muted);white-space:nowrap}.icon-btn{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:8px;padding:7px 9px;cursor:pointer}.checks .check{flex-direction:row;align-items:center;align-self:end;min-height:43px;padding:9px;border:1px solid var(--border);border-radius:9px}.check input{width:auto}.meta-box{margin-top:24px;border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--soft)}.meta-box summary{cursor:pointer;font-weight:800}.meta-box p{color:var(--muted)}.lock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lock-item{display:flex;flex-direction:row;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px}.lock-item input{width:auto}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.import-card{display:flex;flex-direction:column;gap:7px;text-decoration:none;border:1px solid var(--border);background:var(--soft);border-radius:12px;padding:18px}.import-card:hover{border-color:var(--primary)}.import-card strong{color:var(--primary)}.import-card span{color:var(--muted)}.info-box{margin-top:18px;border-left:4px solid var(--primary);background:var(--soft);padding:13px 15px;border-radius:7px;color:var(--muted)}footer{text-align:center;color:var(--muted);font-size:.8rem;padding:28px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:1000px){.summary-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.lock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mainnav a:nth-child(3){display:none}}
@media(max-width:700px){.topbar{gap:8px}.brand{font-size:.95rem}.mainnav{justify-content:flex-end}.mainnav a{display:none}.mainnav a.active{display:block}.shell{padding:20px 12px 50px}.hero{align-items:flex-start;flex-direction:column}.hero-actions{width:100%}.hero-actions .button{flex:1;text-align:center}.summary-grid{grid-template-columns:1fr 1fr}.form-grid,.lock-grid,.import-grid{grid-template-columns:1fr}.panel{padding:15px}.panel-head{flex-direction:column}.tabs{margin-left:-12px;margin-right:-12px;padding-left:12px}.summary-card strong{font-size:1.08rem}}
.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.backup-card{border:1px solid var(--border);background:var(--soft);border-radius:12px;padding:18px}.backup-card h3{margin:0 0 8px}.backup-card p{color:var(--muted);margin:0 0 16px}.backup-preview{margin-top:14px;border:1px solid var(--border);background:var(--card);border-radius:10px;padding:14px}.backup-preview dl{display:grid;grid-template-columns:max-content 1fr;gap:7px 14px;margin:0}.backup-preview dt{color:var(--muted)}.backup-preview dd{margin:0;font-weight:700}.danger-check{margin-top:14px;border-color:#d92d20!important;background:color-mix(in srgb,#d92d20 5%,var(--card))!important}.button.danger{margin-top:12px;background:#b42318;border-color:#b42318}.button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:700px){.backup-grid{grid-template-columns:1fr}.backup-preview dl{grid-template-columns:1fr}.backup-preview dd{margin-bottom:6px}}

/* SETO 1.0.52 – H-02 Mobile/Responsive */
@media(max-width:560px){
  .shell{padding-left:10px;padding-right:10px}
  .panel{padding:13px}
  .summary-grid{grid-template-columns:1fr}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .tabs::-webkit-scrollbar{display:none}
  .tab{min-height:44px}
  input,select{font-size:16px;min-height:44px}
  .table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
}

/* SETO 1.0.65 – strukturierte FSQ-Anker */
.fsq-anchor-editor{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--soft)}.fsq-anchor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.fsq-anchor-head strong,.fsq-anchor-head small{display:block}.fsq-anchor-head small{margin-top:3px;color:var(--muted);font-weight:500}.fsq-anchor-rows{display:grid;gap:8px}.fsq-anchor-row{display:grid;grid-template-columns:150px 110px 170px minmax(180px,1fr) 40px;gap:8px;align-items:end;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--card)}.fsq-anchor-row .icon-btn{min-height:42px}.fsq-note{min-width:0}
@media(max-width:900px){.fsq-anchor-row{grid-template-columns:1fr 1fr}.fsq-anchor-row .fsq-note{grid-column:1/-1}.fsq-anchor-row .icon-btn{grid-column:2;justify-self:end;width:44px}}@media(max-width:560px){.fsq-anchor-head{align-items:stretch;flex-direction:column}.fsq-anchor-row{grid-template-columns:1fr}.fsq-anchor-row .fsq-note,.fsq-anchor-row .icon-btn{grid-column:auto}.fsq-anchor-row .icon-btn{justify-self:stretch;width:auto}}


/* SETO 1.0.69 – Datenauskunft / Löschbereich */
.privacy-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.privacy-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.data-disclosure{margin-top:12px;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--surface-2,#f7f8fa)}
.data-disclosure pre{max-height:420px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.45}
.danger-zone{border-color:color-mix(in srgb,#b42318 30%,var(--border))}
@media(max-width:800px){.privacy-data-grid{grid-template-columns:1fr}}

/* SETO 1.0.73 – jahresbezogene Sonderzahlungen */
.special-payment-card{margin:18px 0;padding:16px;border:1px solid var(--line,#d9dee8);border-radius:16px;background:var(--surface,#fff)}
.special-payment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.special-payment-head h4{margin:0 0 4px;font-size:1.05rem}.special-payment-head p{margin:0;color:var(--muted,#667085);font-size:.9rem}
.special-payment-card .source-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--surface-2,#f6f7f9);font-size:.9rem}
.special-history{margin-top:14px}.special-history table{min-width:720px}


/* SETO 1.1.95 – Profil > Sicherheit */
.security-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px}
.security-card{border:1px solid var(--border);background:var(--soft);border-radius:12px;padding:18px}
.security-card h3{margin:0 0 8px}.security-card p{margin:0 0 16px;color:var(--muted);line-height:1.55}
.security-form{display:grid;gap:14px}.security-form .form-actions{margin-top:2px}
.muted-security-card{align-self:start}.password-success{border-color:color-mix(in srgb,var(--ok) 55%,var(--border));color:var(--ok)}
.password-error{border-color:#d45;color:#e36a63}
:root[data-theme="dark"] .security-card{background:#202b3a;border-color:#344154}
:root[data-theme="dark"] .security-form input{background:#1b2432;color:#f3f6fa;border-color:#344154}
@media(max-width:800px){.security-grid{grid-template-columns:1fr}}