@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f6f8;--surface:#fff;--surface2:#f8fafb;--text:#18222b;--muted:#788590;--line:#e8edf0;--accent:#167d63;--accent2:#20a47e;--green-bg:#e9f7f1;--shadow:0 12px 40px rgba(25,43,55,.055)}
[data-theme="dark"]{--bg:#0d1419;--surface:#151f26;--surface2:#1b2830;--text:#edf3f4;--muted:#9aabb3;--line:#293840;--accent:#49c69b;--accent2:#67d8ac;--green-bg:#17382e;--shadow:0 12px 40px rgba(0,0,0,.18)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:27px;letter-spacing:-.8px;margin:3px 0 0;font-weight:800}h2{font-size:20px;letter-spacing:-.5px;margin:4px 0 0}h3{font-size:16px;margin:0 0 19px}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--surface);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:800;font-size:16px;letter-spacing:-.4px}.brand small{display:block;color:var(--muted);font:11px 'DM Sans';font-weight:500;letter-spacing:0;margin-top:1px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#167d63,#35b58b);color:white;display:grid;place-items:center;font:800 22px Manrope;box-shadow:0 6px 16px #167d6333}.side-label,.eyebrow{font-size:10px;letter-spacing:1.35px;font-weight:700;color:var(--muted)}.side-label{margin:48px 0 12px 12px}.nav-link{height:46px;display:flex;align-items:center;gap:13px;padding:0 13px;border-radius:11px;text-decoration:none;color:var(--muted);font-weight:600;margin:3px 0}.nav-link span{font-size:17px}.nav-link:hover,.nav-link:focus{background:var(--green-bg);color:var(--accent)}.side-bottom{margin-top:auto}.user-chip{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 5px 12px}.user-chip strong,.person strong{display:block;font-size:12px}.user-chip small,.person small{display:block;color:var(--muted);font-size:11px}.avatar{width:36px;height:36px;border-radius:12px;background:var(--green-bg);color:var(--accent);font-weight:800;display:grid;place-items:center;flex:none}.logout{font-size:12px}.main{margin-left:252px;padding:34px 4.5vw 22px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:9px 13px;border-radius:10px;font:600 12px 'DM Sans';cursor:pointer}.hero-card{position:relative;overflow:hidden;min-height:205px;padding:29px 34px;border-radius:20px;background:linear-gradient(112deg,#123f38,#176b56 65%,#208267);color:white;display:flex;justify-content:space-between;align-items:center;box-shadow:0 15px 35px #145b4930}.hero-card p{color:#d0e9df;font-size:13px;margin:8px 0 0;max-width:490px}.eyebrow.light{color:#b4d9cb}.hero-amount{font:800 clamp(34px,4vw,48px) Manrope;letter-spacing:-2px;margin-top:8px}.hero-orb{width:150px;height:150px;border-radius:50%;border:1px solid #ffffff25;background:radial-gradient(circle at 35% 30%,#ffffff25,#ffffff05 65%);display:grid;place-items:center;color:#ffffffa8;font:500 76px Manrope;margin-right:5%;box-shadow:0 0 0 18px #ffffff08,0 0 0 38px #ffffff05}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 37px}.stat-card,.table-card,.form-card,.activity-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.stat-card{padding:19px 21px}.stat-label{font-size:12px;color:var(--muted);font-weight:600}.stat-value{font:800 25px Manrope;margin:9px 0 3px;letter-spacing:-.7px}.stat-hint{font-size:11px;color:var(--muted)}.positive{color:var(--accent)!important}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.section-head p{margin:5px 0 0}.btn{border:0;border-radius:10px;padding:11px 15px;font:700 12px 'DM Sans';text-decoration:none;display:inline-flex;align-items:center;gap:13px;justify-content:center;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:14px 18px;background:var(--surface2);color:var(--muted);font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:700}td{padding:15px 18px;border-top:1px solid var(--line);font-size:12px}td small.subline{display:block;color:var(--muted);white-space:normal;max-width:260px;margin-top:3px}.person{display:flex;align-items:center;gap:10px}.person .avatar{width:34px;height:34px}.table-link{color:var(--accent);text-decoration:none;font-weight:700;font-size:11px}.table-link:hover{text-decoration:underline}.empty{text-align:center;color:var(--muted);padding:28px!important}.pill{border-radius:30px;background:var(--surface2);border:1px solid var(--line);padding:6px 11px;color:var(--muted);font-size:11px;font-weight:700}.friend-hero{margin-bottom:34px}.compact-hero{min-height:170px;margin-bottom:28px}.space-top{margin-top:30px}.activity-card{padding:5px 20px}.activity-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.activity-icon{width:35px;height:35px;border-radius:12px;background:var(--green-bg);color:var(--accent);display:grid;place-items:center;font-size:18px}.activity-info{flex:1}.activity-info strong{display:block;font-size:12px}.activity-info small{color:var(--muted);font-size:11px}.notice,.error{padding:12px 15px;border-radius:10px;background:var(--green-bg);color:var(--accent);margin:0 0 18px;font-size:12px}.error{background:#fff0ed;color:#b84636}.form-card{padding:22px;margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.span-2{grid-column:span 2}label{display:block;color:var(--muted);font-size:11px;font-weight:700}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:var(--surface2);color:var(--text);font:500 13px 'DM Sans';outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1685681a}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stack-form{display:grid;gap:13px}.inline-form{display:flex;gap:10px;align-items:center}.inline-form input{max-width:330px;margin:0}.status{font-size:10px;font-weight:700;padding:5px 9px;border-radius:20px}.status-on{background:var(--green-bg);color:var(--accent)}.status-off{background:var(--surface2);color:var(--muted)}.actions{display:flex;gap:14px;align-items:center}.actions form{margin:0}.text-button{background:none;border:0;color:var(--muted);font:600 11px 'DM Sans';cursor:pointer;padding:0}.footer{margin-top:38px;padding:18px 2px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.footer span{padding:0 5px}.footer-right{float:right}.login-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 15% 15%,#d7eee6 0,transparent 42%),var(--bg)}[data-theme="dark"] .login-body{background:radial-gradient(ellipse at 15% 15%,#183b32 0,transparent 42%),var(--bg)}.login-wrap{width:min(100%,430px)}.login-brand{justify-content:center;margin-bottom:28px}.login-card{padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:21px;box-shadow:0 25px 70px #162e3712}.login-card h1{font-size:26px;margin:8px 0}.login-card .muted{font-size:12px;color:var(--muted);margin:0 0 25px}.login-card form{display:grid;gap:17px}.login-card .btn{margin-top:7px;padding:14px}.full{width:100%}.login-foot{text-align:center;border-top:1px solid var(--line);margin-top:24px;padding-top:17px;color:var(--muted);font-size:10px}.login-copy{text-align:center;color:var(--muted);font-size:10px;margin-top:22px}.login-copy span{padding:0 5px}
@media(max-width:950px){.sidebar{width:210px}.main{margin-left:210px;padding:28px 25px}.two-col{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{position:relative;width:auto;height:auto;padding:14px 17px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.brand-mark{width:36px;height:36px}.side-label,.sidebar>.nav-link,.side-bottom .user-chip{display:none}.side-bottom{margin:0}.side-bottom .logout{margin:0;padding:9px}.main{margin:0;padding:24px 16px}.topbar{margin-bottom:21px}h1{font-size:23px}.hero-card{padding:23px;min-height:175px}.hero-orb{width:85px;height:85px;font-size:45px;margin:0 3px 0 10px;flex:none}.hero-amount{font-size:35px}.stats-grid{grid-template-columns:1fr;gap:10px;margin-bottom:29px}.stat-card{padding:15px 18px}.stat-value{font-size:22px}.section-head{gap:12px;align-items:flex-end}.section-head .btn{font-size:10px;padding:10px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.inline-form{align-items:stretch;flex-direction:column}.inline-form input{max-width:none}.footer-right{float:none;display:block;margin-top:4px}.login-card{padding:27px 22px}.actions{align-items:flex-start;flex-direction:column;gap:8px}}

/* Erweiterungen: detaillierte Forderungen und Bonitätsbereich */
.debt-list{display:grid;gap:14px}.debt-detail{padding:20px}.debt-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.debt-top h3{margin:0 0 6px}.debt-top p{margin:0}.debt-open{font-size:1.25rem;white-space:nowrap}.debt-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.debt-facts div{display:flex;flex-direction:column;gap:5px;min-width:0}.debt-facts small,.agreement-note small{color:var(--muted);font-size:.76rem}.debt-facts strong{overflow-wrap:anywhere;font-size:.92rem}.agreement-note{margin-top:16px;padding:13px 15px;border-radius:12px;background:var(--surface-2,rgba(128,128,128,.09))}.agreement-note p{margin:6px 0 0;white-space:normal}.btn.small{padding:8px 12px;font-size:.8rem}.activity-row a{color:inherit;text-decoration:none}@media(max-width:650px){.debt-top{flex-direction:column}.activity-row{flex-wrap:wrap}}

.edit-debt{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.edit-debt summary{cursor:pointer;color:var(--accent);font-weight:650;font-size:.9rem}
.progress-track{height:10px;background:var(--line);border-radius:999px;overflow:hidden;margin:16px 0 10px}.progress-fill{height:100%;background:linear-gradient(90deg,#16a36a,#63d7a0);border-radius:999px;transition:width .35s ease}.login-brand .brand-mark{font-size:.75rem;letter-spacing:-.04em}.login-copy{max-width:100%;text-align:center}

/* LFS visual identity refresh */
:root{--accent:#159b70;--accent2:#35c48e;--green-bg:#e5f7ef}
[data-theme="dark"]{--bg:#080f14;--surface:#101a21;--surface2:#15232b;--text:#edf5f5;--muted:#9aabb3;--line:#263740;--accent:#25b981;--accent2:#45d69b;--green-bg:#12372c;--shadow:0 16px 44px rgba(0,0,0,.24)}
[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#0c151b,#0a1217);border-right-color:#1e3038}
[data-theme="dark"] .brand-mark{background:linear-gradient(135deg,#087b58,#27c88d);box-shadow:0 8px 22px #16b77b38;letter-spacing:-1px;font-size:13px}
[data-theme="dark"] .hero-card{background:radial-gradient(circle at 86% 15%,#27c88d44,transparent 30%),linear-gradient(112deg,#0b3028,#10533f 62%,#12684c)}
[data-theme="dark"] .stat-card,[data-theme="dark"] .table-card,[data-theme="dark"] .form-card,[data-theme="dark"] .activity-card{background:linear-gradient(145deg,#111e25,#0f191f);border-color:#263942}
[data-theme="dark"] th{background:#14232b}
[data-theme="dark"] .nav-link:hover,[data-theme="dark"] .nav-link:focus{background:#12372c;color:#54d6a4}
[data-theme="dark"] .login-body{background:radial-gradient(ellipse at 12% 18%,#124a38 0,transparent 36%),radial-gradient(ellipse at 90% 90%,#102b38 0,transparent 40%),#080f14}
.brand-mark{flex:none}
.nav-link{transition:background .18s ease,color .18s ease,transform .18s ease}
.nav-link:hover{transform:translateX(2px)}
.hero-card{border:1px solid #ffffff12}
.stat-card{transition:transform .18s ease,border-color .18s ease}
.stat-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.progress-track{height:9px;background:var(--surface2);border-radius:99px;overflow:hidden;margin:15px 0 12px}
.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#159b70,#4cdda4);box-shadow:0 0 15px #27c88d55}
.debt-list{display:grid;gap:15px}
.debt-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.debt-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:13px;margin-top:15px}
.debt-facts>div{padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}
.debt-facts small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}
.debt-facts strong{font:700 13px Manrope}
@media(max-width:900px){.sidebar{width:220px;padding:24px 14px}.main{margin-left:220px;padding:26px 22px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.sidebar{position:static;width:auto;height:auto;padding:13px 15px;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:14px}.side-label,.side-bottom .user-chip,.side-bottom .logout{display:none}.sidebar>.nav-link,.side-bottom>.nav-link{display:inline-flex;height:35px;padding:0 9px;margin:8px 2px 0;font-size:11px;gap:6px}.side-bottom{display:inline}.main{margin:0;padding:22px 15px}.topbar{margin-bottom:19px}.topbar h1{font-size:23px}.hero-card{padding:23px 20px;min-height:170px}.hero-orb{width:88px;height:88px;font-size:45px;margin-right:0}.stats-grid{gap:10px;margin-bottom:25px}.stat-card{padding:14px}.stat-value{font-size:20px}.section-head{gap:12px;align-items:flex-start}.section-head h2{font-size:17px}.form-grid,.two-col{grid-template-columns:1fr}.span-2{grid-column:auto}.footer-right{float:none;display:block;margin-top:5px}}

/* LFS responsive layout: desktop sidebar, tablet/mobile horizontal navigation */
:root{scroll-behavior:smooth}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,.btn,.nav-link{touch-action:manipulation}
.main{width:calc(100% - 252px);min-width:0}
.main>*{min-width:0}
.table-card,.table-scroll{max-width:100%;min-width:0}
.table-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.form-card,.stat-card,.activity-card,.debt-detail{min-width:0}
input,select,textarea{max-width:100%;min-height:43px}
textarea{resize:vertical}

@media (min-width:681px) and (max-width:1100px){
  .sidebar{width:100%;height:auto;position:relative;inset:auto;padding:14px 20px 10px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;border-right:0;border-bottom:1px solid var(--line)}
  .brand{flex:1 0 100%;margin-bottom:8px}
  .side-label{display:none}
  .sidebar>.nav-link,.sidebar .side-bottom>.nav-link{display:inline-flex;flex:0 0 auto;height:40px;margin:0 2px;padding:0 11px;font-size:12px}
  .side-bottom{display:contents}
  .user-chip{display:none}
  .main{width:100%;margin:0;padding:28px clamp(20px,4vw,48px) 24px;max-width:none}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  body{font-size:14px}
  .sidebar{position:relative;inset:auto;width:100%;height:auto;padding:12px 13px 9px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;border-right:0;border-bottom:1px solid var(--line)}
  .brand{flex:0 0 100%;white-space:normal;margin:0 0 5px}
  .brand-mark{width:35px;height:35px;border-radius:11px}
  .brand small{font-size:10px}
  .side-label,.user-chip,.sidebar .logout{display:none!important}
  .sidebar>.nav-link,.sidebar .side-bottom>.nav-link{display:inline-flex;flex:0 0 auto;width:auto;height:38px;margin:0;padding:0 10px;gap:6px;font-size:11px;white-space:nowrap}
  .sidebar .side-bottom{display:contents}
  .sidebar>.nav-link span,.sidebar .side-bottom>.nav-link span{font-size:14px}
  .main{width:100%;margin:0;padding:19px 13px 20px;max-width:none}
  .topbar{gap:10px;margin-bottom:17px;align-items:center}
  .topbar h1{font-size:clamp(20px,6vw,25px);overflow-wrap:anywhere}
  .eyebrow{font-size:9px;letter-spacing:1px}
  .theme-toggle{padding:8px 10px;white-space:nowrap;font-size:11px}
  .hero-card{min-height:145px;padding:19px 17px;border-radius:16px;gap:10px}
  .hero-card>div:first-child{min-width:0}
  .hero-card p{font-size:12px}
  .hero-amount{font-size:clamp(27px,8vw,36px);letter-spacing:-1.2px;overflow-wrap:anywhere}
  .hero-orb{width:66px;height:66px;font-size:35px;flex:0 0 66px;margin:0}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0 24px}
  .stat-card{padding:12px;min-width:0}
  .stat-label{font-size:10px}
  .stat-value{font-size:clamp(17px,5vw,21px);overflow-wrap:anywhere}
  .stat-hint{font-size:10px}
  .section-head{align-items:flex-start;flex-wrap:wrap}
  .section-head h2{font-size:17px}
  .section-head>.btn{margin-left:auto}
  .two-col,.form-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .span-2{grid-column:auto}
  .form-card{padding:16px}
  .debt-detail{padding:15px}
  .debt-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .debt-facts>div{padding:9px}
  .debt-facts strong{font-size:12px;overflow-wrap:anywhere}
  .activity-card{padding:5px 13px}
  .activity-row{gap:9px}
  .activity-info{min-width:0}
  .activity-info strong,.activity-info small{overflow-wrap:anywhere}
  .inline-form{flex-direction:column;align-items:stretch}
  .inline-form input{max-width:none}
  .actions{flex-direction:column;align-items:stretch;gap:10px}
  .actions .btn{width:100%}
  .btn{min-height:42px}
  td,th{padding:12px 13px}
  .footer{margin-top:25px}
}
@media (max-width:380px){
  .main{padding-left:10px;padding-right:10px}
  .stats-grid{grid-template-columns:1fr}
  .hero-orb{display:none}
  .theme-toggle span{display:none}
  .debt-facts{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Hinweisbanner fuer persoenlich vorgemerkte Betraege */
.pending-banner{margin:-13px 0 29px;padding:16px 18px;border:1px solid #d9b65b66;border-radius:14px;background:linear-gradient(110deg,#fff9e9,#fffdf7);color:#5d4a1d}
.pending-banner-head{display:flex;align-items:center;gap:12px}
.pending-banner-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:#f4e6bd;color:#86651b;font-weight:800}
.pending-banner-copy{flex:1;min-width:0}.pending-banner-copy strong{display:block;font-size:13px}.pending-banner-copy span{display:block;margin-top:2px;font-size:11px;color:#806d43}.pending-banner-total{font:800 18px Manrope;white-space:nowrap}
.pending-banner-items{margin:12px 0 0 42px;border-top:1px solid #e8d9b4}.pending-banner-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0 0;font-size:11px}.pending-banner-item>span{min-width:0;overflow-wrap:anywhere}.pending-banner-item small{color:#806d43}.pending-banner-item>strong{white-space:nowrap}.pending-description{display:inline}
[data-theme="dark"] .pending-banner{background:linear-gradient(110deg,#342b17,#252216);border-color:#8a713866;color:#f2e4bd}
[data-theme="dark"] .pending-banner-icon{background:#51421f;color:#f3d783}
[data-theme="dark"] .pending-banner-copy span,[data-theme="dark"] .pending-banner-item small{color:#c5b17b}
[data-theme="dark"] .pending-banner-items{border-color:#594a2a}
@media(max-width:520px){.pending-banner{padding:13px;margin-top:-17px}.pending-banner-head{align-items:flex-start;flex-wrap:wrap}.pending-banner-total{margin-left:42px}.pending-banner-items{margin-left:0}.pending-banner-item{font-size:10px}}


/* LFS Christmas theme: per-user opt-in */
.christmas-theme{background-image:radial-gradient(circle at 8% 2%,rgba(190,35,55,.09),transparent 22%),radial-gradient(circle at 94% 4%,rgba(24,125,75,.10),transparent 24%)}
.christmas-theme .brand-mark{background:linear-gradient(135deg,#9b2037,#176b45)!important;box-shadow:0 6px 18px rgba(150,30,50,.22)!important}
.christmas-theme .hero-card{background:radial-gradient(circle at 86% 15%,rgba(255,255,255,.16),transparent 30%),linear-gradient(112deg,#173e32,#17613f 62%,#8d2438)!important}
.christmas-theme .nav-link:hover,.christmas-theme .nav-link:focus{background:rgba(170,40,55,.09);color:#a52b42}
.christmas-theme .positive,.christmas-theme .progress-fill{color:#187647!important}
.christmas-theme:before{content:"❄";position:fixed;top:12px;right:22px;z-index:8;color:rgba(160,190,205,.55);font-size:23px;pointer-events:none}
.christmas-theme .topbar .eyebrow:after{content:"  ·  WINTER EDITION";color:#a52b42}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.toggle-row input{width:20px;height:20px;margin:0;accent-color:var(--accent)}


/* LFS 1.2.9: winter snow and personal Halloween theme */
.christmas-theme{position:relative;isolation:isolate}
.christmas-theme:after{content:"";position:fixed;inset:-100vh 0 0;z-index:4;pointer-events:none;opacity:.5;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.95) 98%,transparent),radial-gradient(2px 2px at 80px 120px,rgba(210,230,245,.9) 98%,transparent),radial-gradient(1.5px 1.5px at 150px 70px,rgba(255,255,255,.9) 98%,transparent),radial-gradient(2px 2px at 210px 180px,rgba(220,238,248,.85) 98%,transparent);background-size:260px 240px;animation:lfs-snowfall 24s linear infinite}
@keyframes lfs-snowfall{from{transform:translateY(0)}to{transform:translateY(100vh)}}
.halloween-theme{background-image:radial-gradient(circle at 8% 3%,rgba(249,115,22,.13),transparent 24%),radial-gradient(circle at 95% 8%,rgba(124,58,237,.13),transparent 25%)}
.halloween-theme .brand-mark{background:linear-gradient(135deg,#7c2d12,#ea580c)!important;box-shadow:0 6px 18px rgba(234,88,12,.24)!important}
.halloween-theme .hero-card{background:radial-gradient(circle at 86% 15%,rgba(255,255,255,.15),transparent 30%),linear-gradient(112deg,#29143c,#54235f 58%,#a34213)!important}
.halloween-theme .nav-link:hover,.halloween-theme .nav-link:focus{background:rgba(234,88,12,.12);color:#ea580c}
.halloween-theme .topbar .eyebrow:after{content:"  ·  HALLOWEEN EDITION";color:#ea580c}
.halloween-theme:before{content:"✦";position:fixed;top:12px;right:22px;z-index:8;color:rgba(234,130,48,.65);font-size:23px;pointer-events:none}
[data-theme="dark"] .halloween-theme .nav-link:hover,[data-theme="dark"] .halloween-theme .nav-link:focus{color:#fb923c}
@media(prefers-reduced-motion:reduce){.christmas-theme:after{animation:none;opacity:.22}}


/* LFS 1.3.0 seasonal design correction */
.lfs-version{padding:7px 12px 3px;color:var(--muted);font-size:10px;letter-spacing:.04em;opacity:.9}
.toggle-row input[type=radio]{width:19px;height:19px;flex:0 0 19px;accent-color:var(--accent)}
.christmas-theme:after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.72;background-image:radial-gradient(3px 3px at 18px 25px,rgba(255,255,255,.98) 96%,transparent),radial-gradient(2px 2px at 72px 95px,rgba(230,245,255,.95) 96%,transparent),radial-gradient(3px 3px at 135px 48px,rgba(255,255,255,.96) 96%,transparent),radial-gradient(2px 2px at 198px 138px,rgba(235,246,255,.95) 96%,transparent),radial-gradient(1.5px 1.5px at 245px 18px,rgba(255,255,255,.95) 96%,transparent);background-size:260px 170px;animation:lfs-snow-drift 13s linear infinite}
@keyframes lfs-snow-drift{0%{background-position:0 -170px,0 -170px,0 -170px,0 -170px,0 -170px}100%{background-position:24px 100vh,-18px 100vh,36px 100vh,-28px 100vh,12px 100vh}}
.christmas-theme .shell{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.christmas-theme:after{animation:none;background-position:0 0;opacity:.28}}
@media(max-width:680px){.lfs-version{display:none}}

/* LFS 1.3.1: saisonale Figuren in der unteren rechten Ecke */
.christmas-theme .main:before,
.halloween-theme .main:before{position:fixed;right:24px;bottom:16px;z-index:6;pointer-events:none;line-height:1;filter:drop-shadow(0 5px 9px rgba(0,0,0,.22));animation:lfs-seasonal-float 4.5s ease-in-out infinite}
.christmas-theme .main:before{content:"☃️";font-size:clamp(38px,5vw,62px)}
.halloween-theme .main:before{content:"🎃";font-size:clamp(40px,5vw,64px);animation-duration:3.8s}
@keyframes lfs-seasonal-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@media(max-width:700px){.christmas-theme .main:before,.halloween-theme .main:before{right:12px;bottom:12px;font-size:40px;opacity:.88}}
@media(prefers-reduced-motion:reduce){.christmas-theme .main:before,.halloween-theme .main:before{animation:none}}


/* LFS 1.3.2: Space Edition */
.space-theme{background-color:#080b1b!important;background-image:radial-gradient(ellipse at 18% 18%,rgba(91,65,180,.30),transparent 38%),radial-gradient(ellipse at 82% 30%,rgba(12,135,177,.20),transparent 34%),linear-gradient(145deg,#080b1b,#11152e 55%,#090d20)!important;color:#e8edff}
.space-theme .shell{position:relative;z-index:1}
.space-theme .sidebar,.space-theme .topbar,.space-theme .form-card,.space-theme .card,.space-theme .hero-card{border-color:rgba(139,160,255,.20)!important}
.space-theme .brand-mark{background:linear-gradient(135deg,#5540b8,#13a6c7)!important;box-shadow:0 6px 22px rgba(65,113,255,.30)!important}
.space-theme .hero-card{background:radial-gradient(circle at 82% 18%,rgba(73,205,255,.22),transparent 28%),linear-gradient(115deg,#17163e,#24235d 58%,#07566d)!important}
.space-theme .nav-link:hover,.space-theme .nav-link:focus{background:rgba(91,160,255,.14);color:#79ddff}
.space-theme .topbar .eyebrow:after{content:"  ·  SPACE EDITION";color:#76dfff}
.space-theme:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.62;background-image:radial-gradient(1px 1px at 15px 25px,#fff 98%,transparent),radial-gradient(1.5px 1.5px at 95px 75px,rgba(159,205,255,.95) 98%,transparent),radial-gradient(1px 1px at 180px 35px,rgba(255,255,255,.9) 98%,transparent),radial-gradient(2px 2px at 225px 125px,rgba(130,224,255,.8) 98%,transparent);background-size:260px 180px;animation:lfs-space-drift 48s linear infinite}
.space-theme .main:before{content:"🪐";position:fixed;right:22px;bottom:14px;z-index:6;pointer-events:none;font-size:clamp(42px,5vw,68px);line-height:1;filter:drop-shadow(0 5px 16px rgba(77,173,255,.35));animation:lfs-space-float 7s ease-in-out infinite}
@keyframes lfs-space-drift{from{background-position:0 0,0 0,0 0,0 0}to{background-position:45px 100vh,-30px 100vh,22px 100vh,-18px 100vh}}
@keyframes lfs-space-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}
@media(max-width:700px){.space-theme .main:before{right:12px;bottom:12px;font-size:44px}}
@media(prefers-reduced-motion:reduce){.space-theme:after,.space-theme .main:before{animation:none}}


/* LFS 1.3.3: Vice City Neon Nights – inspiriert von Miami-Nachtleben der 1980er */
.vice-city-theme{background-color:#100d25!important;background-image:radial-gradient(ellipse at 12% 10%,rgba(255,80,174,.22),transparent 34%),radial-gradient(ellipse at 88% 12%,rgba(0,220,235,.19),transparent 32%),linear-gradient(145deg,#100d25,#1d1740 58%,#10172c)!important;color:#f8eaff}
.vice-city-theme .sidebar,.vice-city-theme .topbar,.vice-city-theme .form-card,.vice-city-theme .card{border-color:rgba(255,111,198,.22)!important}
.vice-city-theme .brand-mark{background:linear-gradient(135deg,#ff4fa3,#7a5cff 55%,#20d9e8)!important;box-shadow:0 6px 24px rgba(255,79,163,.30)!important}
.vice-city-theme .hero-card{background:radial-gradient(circle at 82% 15%,rgba(255,150,207,.24),transparent 30%),linear-gradient(115deg,#321b55,#762c78 55%,#075d72)!important}
.vice-city-theme .nav-link:hover,.vice-city-theme .nav-link:focus{background:rgba(255,87,177,.13);color:#ff91cf}
.vice-city-theme .topbar .eyebrow:after{content:"  ·  NEON NIGHTS";color:#35e4ef}
.vice-city-theme:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.42;background-image:radial-gradient(1px 1px at 18px 24px,#fff 98%,transparent),radial-gradient(1px 1px at 120px 80px,rgba(255,150,220,.95) 98%,transparent),radial-gradient(1px 1px at 220px 42px,rgba(88,235,255,.95) 98%,transparent);background-size:280px 190px;animation:lfs-neon-sparkle 35s linear infinite}
.vice-city-theme .shell{position:relative;z-index:1}
.vice-city-theme .main:before{content:"🌴";position:fixed;right:20px;bottom:12px;z-index:6;pointer-events:none;font-size:clamp(42px,5vw,68px);line-height:1;filter:drop-shadow(0 4px 15px rgba(255,75,174,.45));animation:lfs-neon-palm 6s ease-in-out infinite}
@keyframes lfs-neon-sparkle{from{background-position:0 0,0 0,0 0}to{background-position:35px 100vh,-22px 100vh,18px 100vh}}
@keyframes lfs-neon-palm{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@media(max-width:700px){.vice-city-theme .main:before{right:12px;bottom:12px;font-size:44px}}
@media(prefers-reduced-motion:reduce){.vice-city-theme:after,.vice-city-theme .main:before{animation:none}}


/* LFS 1.3.4 – Vice City: neon beach, ocean sunset and skyline */
.vice-city-theme{background-color:#090b25!important;background-image:linear-gradient(180deg,rgba(7,10,35,.15),rgba(7,10,35,.78)),radial-gradient(ellipse at 50% 105%,rgba(0,224,235,.22),transparent 43%),linear-gradient(180deg,#17113d 0%,#3c1b65 35%,#b52d83 63%,#f36b9c 78%,#102b4a 100%)!important;color:#fff0fb!important;background-attachment:fixed!important}
.vice-city-theme .sidebar{background:rgba(10,10,36,.91)!important;backdrop-filter:blur(16px);border-right:1px solid rgba(42,232,245,.34)!important;box-shadow:8px 0 38px rgba(5,5,25,.28)}
.vice-city-theme .topbar,.vice-city-theme .stat-card,.vice-city-theme .table-card,.vice-city-theme .form-card,.vice-city-theme .activity-card,.vice-city-theme .card{background:rgba(17,13,49,.78)!important;backdrop-filter:blur(12px);border:1px solid rgba(255,92,190,.34)!important;box-shadow:0 0 22px rgba(255,53,169,.10),inset 0 0 18px rgba(31,222,244,.035)!important;color:#fff0fb}
.vice-city-theme .hero-card{background:linear-gradient(112deg,rgba(37,16,83,.96),rgba(150,35,125,.92) 54%,rgba(0,117,148,.94))!important;border:1px solid rgba(255,117,209,.6);box-shadow:0 0 30px rgba(255,61,179,.25),0 0 55px rgba(0,220,240,.13)}
.vice-city-theme .brand-mark{background:linear-gradient(135deg,#ff3fa4,#9b54ff 48%,#20e7f1)!important;box-shadow:0 0 18px #ff45b488,0 0 30px #20e7f144!important}
.vice-city-theme .nav-link{color:#d9c8ed}.vice-city-theme .nav-link:hover,.vice-city-theme .nav-link:focus{background:rgba(255,58,174,.18)!important;color:#45f5ff!important;box-shadow:inset 0 0 0 1px rgba(69,245,255,.28),0 0 18px rgba(255,58,174,.16)}
.vice-city-theme .main{position:relative;isolation:isolate}.vice-city-theme .main:after{content:"";position:fixed;left:252px;right:0;bottom:0;height:25vh;min-height:150px;z-index:-1;pointer-events:none;opacity:.68;background:linear-gradient(180deg,transparent,rgba(8,13,43,.28)),repeating-linear-gradient(0deg,transparent 0 17px,rgba(34,235,247,.22) 18px 19px),linear-gradient(90deg,transparent,rgba(14,220,240,.13),transparent);mask-image:linear-gradient(transparent,#000 35%)}
.vice-city-theme:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 10% 16%,#fff 98%,transparent),radial-gradient(2px 2px at 70% 12%,#ffb8e7 98%,transparent),radial-gradient(1px 1px at 88% 31%,#6ffaff 98%,transparent),radial-gradient(1px 1px at 36% 8%,#fff 98%,transparent);background-size:300px 220px;animation:lfs-neon-sparkle 38s linear infinite}
.vice-city-theme .main:before{content:"🌴";position:fixed;right:22px;bottom:13px;z-index:6;pointer-events:none;font-size:clamp(48px,6vw,78px);line-height:1;filter:drop-shadow(0 0 9px #ff4fb9) drop-shadow(0 0 18px #21e9f4);animation:lfs-neon-palm 5s ease-in-out infinite}
.vice-city-theme .topbar .eyebrow:after{content:"  ·  VICE CITY / OCEAN DRIVE";color:#4cf6ff;text-shadow:0 0 9px #22e9ff}
.vice-city-theme .btn.primary{background:linear-gradient(100deg,#ff3fa4,#a84cff 55%,#12cddd)!important;box-shadow:0 0 16px #ff3fa455;color:#fff}
.vice-city-theme .stat-value,.vice-city-theme .hero-amount{color:#fff!important;text-shadow:0 0 13px rgba(255,81,190,.32)}
@media(max-width:700px){.vice-city-theme .main:before{right:12px;bottom:12px;font-size:48px}.vice-city-theme .main:after{left:0}}
@media(prefers-reduced-motion:reduce){.vice-city-theme:after,.vice-city-theme .main:before{animation:none}}

/* Privacy mode masks financial values locally in the current browser. */
.privacy-hidden .privacy-value{filter:blur(7px);user-select:none}
.privacy-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 11px;border-radius:10px;font:600 12px 'DM Sans';cursor:pointer;margin-right:8px}
.privacy-toggle[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}

/* LFS 1.3.5: eindeutige Auswahl und Datenschutzmodus */
.toggle-row:has(input[type=radio]:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface2));box-shadow:inset 0 0 0 1px var(--accent),0 0 12px color-mix(in srgb,var(--accent) 15%,transparent)}
.toggle-row:has(input[type=radio]:checked) span{font-weight:700;color:var(--text)}
.toggle-row input[type=radio]:checked{outline:2px solid var(--accent);outline-offset:3px}
.privacy-hidden .privacy-value{filter:blur(8px);user-select:none;pointer-events:none}
.privacy-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}

/* LFS 1.3.6 – Vice City: entschärfte obere Kopfzeile */
.vice-city-theme .topbar{
  background:linear-gradient(100deg,rgba(18,13,48,.34),rgba(18,13,48,.12))!important;
  border:0!important;
  border-bottom:1px solid rgba(73,238,247,.32)!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 10px 28px rgba(7,8,34,.10),0 1px 0 rgba(255,76,184,.16)!important;
  backdrop-filter:blur(8px)!important;
  padding:0 0 17px!important;
  margin-top:0!important;
}
.vice-city-theme .topbar h1{
  text-shadow:0 0 18px rgba(255,76,184,.22);
}
.vice-city-theme .topbar .eyebrow{
  letter-spacing:.16em;
  text-shadow:0 0 10px rgba(65,239,248,.38);
}
.vice-city-theme .topbar-actions .privacy-toggle,
.vice-city-theme .topbar-actions .theme-toggle{
  border-radius:999px!important;
  border-color:rgba(65,239,248,.38)!important;
  box-shadow:0 0 14px rgba(255,76,184,.10)!important;
}

/* LFS 1.3.7: ruhige, saubere Markierung der Designauswahl */
.toggle-row input[type=radio]{
  appearance:auto;
  -webkit-appearance:radio;
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin:0 10px 0 0;
  outline:none!important;
  box-shadow:none!important;
  accent-color:var(--accent);
}
.toggle-row input[type=radio]:checked{
  outline:none!important;
  outline-offset:0!important;
}
.toggle-row:has(input[type=radio]:checked){
  border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 8%,var(--surface2));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent);
}

/* LFS 1.3.8 Systemverlauf */
.system-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:18px}.system-check{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--border,rgba(128,128,128,.2));border-radius:14px;background:var(--surface,rgba(128,128,128,.04))}.system-check small{color:var(--muted);line-height:1.45}.status-warn{background:rgba(217,145,34,.12);color:#b7791f;border:1px solid rgba(217,145,34,.3)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border,rgba(128,128,128,.2))}.card-head h3{margin:0}

/* LFS 1.4.0: persönliche Symbol-Avatare */
.avatar-preview-row{display:flex;align-items:center;gap:12px;margin:14px 0 4px}.avatar-preview{width:52px;height:52px;border-radius:16px;font-size:25px}.avatar-lion{background:linear-gradient(135deg,#8b5cf6,#5b21b6)!important;color:#fff!important}.avatar-star{background:linear-gradient(135deg,#fbbf24,#d97706)!important;color:#3b2500!important}.avatar-rocket{background:linear-gradient(135deg,#38bdf8,#2563eb)!important;color:#fff!important}.avatar-planet{background:linear-gradient(135deg,#a78bfa,#6d28d9)!important;color:#fff!important}.avatar-fox{background:linear-gradient(135deg,#fb923c,#c2410c)!important;color:#fff!important}.avatar-cat{background:linear-gradient(135deg,#f9a8d4,#be185d)!important;color:#fff!important}.avatar-leaf{background:linear-gradient(135deg,#86efac,#15803d)!important;color:#064e3b!important}.avatar-bolt{background:linear-gradient(135deg,#fde047,#eab308)!important;color:#422006!important}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-grid .form-card{min-width:0}@media(max-width:850px){.settings-grid{grid-template-columns:1fr}}

/* LFS 1.4.1: theme picker and expanded avatars */
.theme-choice-list{display:grid;gap:9px}.theme-choice{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);cursor:pointer;transition:border-color .18s,box-shadow .18s}.theme-choice input{width:17px;height:17px;min-height:0;margin:0;accent-color:var(--accent)}.theme-choice-label{flex:1;color:var(--text);font-size:13px;font-weight:700}.theme-choice.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent);background:var(--green-bg)}.avatar-wolf{background:#64748b;color:white}.avatar-bear{background:#92400e;color:white}.avatar-panda{background:#334155;color:white}.avatar-tiger{background:#ea580c;color:white}.avatar-dolphin{background:#0284c7;color:white}.avatar-crown{background:#a16207;color:white}.avatar-moon{background:#4f46e5;color:white}.avatar-diamond{background:#0e7490;color:white}

/* LFS 1.4.2 system status */
.system-summary{display:flex;flex-wrap:wrap;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border,rgba(128,128,128,.2));align-items:center}.system-summary strong{font-size:.9rem}.status-neutral{background:rgba(120,130,145,.13);color:var(--muted,#87909e)}.system-check small{display:block;margin-top:7px;line-height:1.45;overflow-wrap:anywhere}

/* LFS 1.4.3: kontrastreiche Systemverlauf-Darstellung für Light- und Dark-Mode */
.system-check-grid{background:var(--surface2);}
.system-check{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important;}
.system-check strong,.system-check span:not(.status){color:var(--text);}
.system-check small{color:var(--muted)!important;}
.system-summary{background:var(--surface2);border-color:var(--line)!important;color:var(--text);}
.system-summary .muted{color:var(--muted)!important;}
.card-head{background:var(--surface);border-color:var(--line)!important;color:var(--text);}
.card-head .muted{color:var(--muted)!important;}
.system-check .status-on,.status.status-on{background:var(--green-bg)!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);}
.system-check .status-off,.status.status-off{background:rgba(190,55,55,.12)!important;color:#b42318!important;border:1px solid rgba(190,55,55,.28);}
.system-check .status-warn,.status.status-warn{background:rgba(217,145,34,.14)!important;color:#946200!important;border:1px solid rgba(217,145,34,.32);}
.system-check .status-neutral,.status.status-neutral{background:var(--surface2)!important;color:var(--muted)!important;border:1px solid var(--line);}
[data-theme="dark"] .system-check .status-off,[data-theme="dark"] .status.status-off{color:#ffaaa3!important;background:rgba(190,55,55,.18)!important;}
[data-theme="dark"] .system-check .status-warn,[data-theme="dark"] .status.status-warn{color:#ffd27a!important;background:rgba(217,145,34,.18)!important;}
[data-theme="dark"] .system-check .status-on,[data-theme="dark"] .status.status-on{color:#71e0b2!important;}


/* LFS 1.4.4: robuste Dark-Mode-Farben fuer den Systemverlauf */
:root,[data-theme="light"]{--system-card-bg:#ffffff;--system-panel-bg:#f8fafb;--system-text:#18222b;--system-muted:#667580;--system-border:#e2e8ec;--system-row:#ffffff;--system-head:#f1f5f7}
html[data-theme="dark"],body[data-theme="dark"],[data-theme="dark"]{--system-card-bg:#111d25;--system-panel-bg:#0d171e;--system-text:#edf5f5;--system-muted:#a9bac2;--system-border:#2b3d47;--system-row:#101b22;--system-head:#182832}
html[data-theme="dark"] .system-check-grid,body[data-theme="dark"] .system-check-grid,[data-theme="dark"] .system-check-grid{background:var(--system-panel-bg)!important}
html[data-theme="dark"] .table-card,body[data-theme="dark"] .table-card,[data-theme="dark"] .table-card{background:var(--system-panel-bg)!important;border-color:var(--system-border)!important;color:var(--system-text)!important}
html[data-theme="dark"] .system-check,body[data-theme="dark"] .system-check,[data-theme="dark"] .system-check{background:var(--system-card-bg)!important;border:1px solid var(--system-border)!important;color:var(--system-text)!important;box-shadow:0 5px 18px rgba(0,0,0,.18)}
html[data-theme="dark"] .system-check strong,body[data-theme="dark"] .system-check strong,[data-theme="dark"] .system-check strong{color:var(--system-text)!important}
html[data-theme="dark"] .system-check small,body[data-theme="dark"] .system-check small,[data-theme="dark"] .system-check small{color:var(--system-muted)!important}
html[data-theme="dark"] .system-summary,body[data-theme="dark"] .system-summary,[data-theme="dark"] .system-summary{background:var(--system-panel-bg)!important;border-color:var(--system-border)!important;color:var(--system-text)!important}
html[data-theme="dark"] .system-summary .muted,body[data-theme="dark"] .system-summary .muted,[data-theme="dark"] .system-summary .muted{color:var(--system-muted)!important}
html[data-theme="dark"] .card-head,body[data-theme="dark"] .card-head,[data-theme="dark"] .card-head{background:var(--system-card-bg)!important;border-color:var(--system-border)!important;color:var(--system-text)!important}
html[data-theme="dark"] .card-head h3,html[data-theme="dark"] .card-head .muted,body[data-theme="dark"] .card-head h3,body[data-theme="dark"] .card-head .muted,[data-theme="dark"] .card-head h3,[data-theme="dark"] .card-head .muted{color:var(--system-text)!important}
html[data-theme="dark"] .table-card table th,body[data-theme="dark"] .table-card table th,[data-theme="dark"] .table-card table th{background:var(--system-head)!important;color:var(--system-muted)!important;border-color:var(--system-border)!important}
html[data-theme="dark"] .table-card table td,body[data-theme="dark"] .table-card table td,[data-theme="dark"] .table-card table td,[data-theme="dark"] .table-card .empty{background:var(--system-row)!important;color:var(--system-text)!important;border-color:var(--system-border)!important}
html[data-theme="dark"] .table-card table td small,body[data-theme="dark"] .table-card table td small,[data-theme="dark"] .table-card table td small{color:var(--system-muted)!important}

/* LFS 1.4.5: Systemverlauf-Farben strikt auf diese Seite begrenzen. */
.system-log-page{color:var(--text)}
.system-log-page .table-card{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.system-log-page .card-head{background:var(--surface2)!important;color:var(--text)!important;border-bottom:1px solid var(--line)!important}
.system-log-page .card-head h3,.system-log-page .card-head .muted{color:var(--text)!important}
.system-log-page .system-summary{background:var(--surface2)!important;color:var(--text)!important;border-color:var(--line)!important}
.system-log-page .system-summary .muted{color:var(--muted)!important}
.system-log-page .system-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:14px;background:var(--surface2)!important}
.system-log-page .system-check{min-width:0;padding:15px;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:12px;box-shadow:var(--shadow)}
.system-log-page .system-check strong{display:block;margin-top:9px;color:var(--text)!important;font-size:13px}
.system-log-page .system-check small{display:block;margin-top:6px;color:var(--muted)!important;overflow-wrap:anywhere}
.system-log-page table{background:var(--surface)!important;color:var(--text)!important}
.system-log-page table th{background:var(--surface2)!important;color:var(--muted)!important;border-color:var(--line)!important}
.system-log-page table td{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
.system-log-page table td small{color:var(--muted)!important}
.system-log-page .status-on{background:var(--green-bg)!important;color:var(--accent)!important}
.system-log-page .status-off{background:rgba(190,55,55,.14)!important;color:#b42318!important}
.system-log-page .status-warn{background:rgba(217,145,34,.16)!important;color:#946200!important}
.system-log-page .status-neutral{background:var(--surface2)!important;color:var(--muted)!important}
[data-theme="dark"] .system-log-page .status-off{color:#ffaaa3!important}
[data-theme="dark"] .system-log-page .status-warn{color:#ffd27a!important}
/* Brand-Schrift im dunklen Layout explizit lesbar halten; keine globalen Textregeln. */
[data-theme="dark"] .sidebar .brand{color:#edf5f5!important}
[data-theme="dark"] .sidebar .brand small{color:#a9bac2!important}

/* LFS 1.4.6: Vice City Systemverlauf – explizite Ocean-Drive-Farbpalette,
   ausschließlich innerhalb der Systemverlauf-Seite. */
.vice-city-theme .system-log-page{
  --surface:rgba(19,14,50,.92);
  --surface2:rgba(27,19,67,.88);
  --text:#fff0fb;
  --muted:#c8b8df;
  --line:rgba(91,229,245,.22);
  --shadow:0 12px 34px rgba(5,7,28,.28);
  color:#fff0fb!important;
}
.vice-city-theme .system-log-page .section-head h2,
.vice-city-theme .system-log-page .section-head p,
.vice-city-theme .system-log-page .section-head .eyebrow{
  color:#fff0fb!important;
}
.vice-city-theme .system-log-page .section-head .eyebrow{
  color:#65eff5!important;
}
.vice-city-theme .system-log-page .table-card{
  background:linear-gradient(145deg,rgba(22,16,58,.94),rgba(14,22,54,.94))!important;
  color:#fff0fb!important;
  border:1px solid rgba(255,88,190,.34)!important;
  box-shadow:0 0 24px rgba(255,58,174,.10),0 12px 34px rgba(5,7,28,.24)!important;
}
.vice-city-theme .system-log-page .card-head{
  background:rgba(27,19,67,.92)!important;
  color:#fff0fb!important;
  border-bottom:1px solid rgba(63,226,241,.24)!important;
}
.vice-city-theme .system-log-page .card-head h3,
.vice-city-theme .system-log-page .card-head .muted{color:#fff0fb!important}
.vice-city-theme .system-log-page .system-summary,
.vice-city-theme .system-log-page .system-check-grid{
  background:rgba(14,18,51,.78)!important;
  color:#fff0fb!important;
  border-color:rgba(63,226,241,.20)!important;
}
.vice-city-theme .system-log-page .system-check{
  background:linear-gradient(145deg,rgba(33,24,76,.94),rgba(17,29,65,.94))!important;
  color:#fff0fb!important;
  border:1px solid rgba(70,225,239,.25)!important;
  box-shadow:inset 0 0 18px rgba(38,213,231,.035),0 5px 16px rgba(4,7,28,.18)!important;
}
.vice-city-theme .system-log-page .system-check strong{color:#fff0fb!important}
.vice-city-theme .system-log-page .system-check small,
.vice-city-theme .system-log-page .muted{color:#c8b8df!important}
.vice-city-theme .system-log-page table,
.vice-city-theme .system-log-page table tbody{background:rgba(17,14,49,.92)!important;color:#fff0fb!important}
.vice-city-theme .system-log-page table th{
  background:rgba(37,25,79,.96)!important;color:#8cf4f4!important;
  border-color:rgba(72,220,238,.22)!important;
}
.vice-city-theme .system-log-page table td{
  background:rgba(18,16,53,.92)!important;color:#f8eaff!important;
  border-color:rgba(72,220,238,.16)!important;
}
.vice-city-theme .system-log-page table tbody tr:nth-child(even) td{background:rgba(29,20,67,.94)!important}
.vice-city-theme .system-log-page table tbody tr:hover td{background:rgba(104,40,112,.48)!important}
.vice-city-theme .system-log-page .status-on{background:rgba(38,190,139,.17)!important;color:#82f0c5!important;border-color:rgba(82,237,190,.38)!important}
.vice-city-theme .system-log-page .status-off{background:rgba(232,72,102,.17)!important;color:#ffabbc!important;border-color:rgba(255,116,145,.38)!important}
.vice-city-theme .system-log-page .status-warn{background:rgba(241,166,55,.16)!important;color:#ffd28a!important;border-color:rgba(255,190,91,.38)!important}
.vice-city-theme .system-log-page .status-neutral{background:rgba(160,151,190,.13)!important;color:#d4c8e8!important;border-color:rgba(180,166,213,.24)!important}


/* LFS 1.4.7 – definitive scoped Vice City system log palette and brand contrast. */
body.vice-city-theme .system-log-page,
.vice-city-theme .main .system-log-page {
  color:#fff0fb!important;
}
body.vice-city-theme .system-log-page .table-card,
body.vice-city-theme .system-log-page .card-head,
body.vice-city-theme .system-log-page .system-summary,
body.vice-city-theme .system-log-page .system-check-grid,
body.vice-city-theme .system-log-page .system-check,
body.vice-city-theme .system-log-page table,
body.vice-city-theme .system-log-page table thead,
body.vice-city-theme .system-log-page table tbody,
body.vice-city-theme .system-log-page table tr,
body.vice-city-theme .system-log-page table th,
body.vice-city-theme .system-log-page table td {
  background-color:rgba(16,12,43,.94)!important;
  color:#fff0fb!important;
  border-color:rgba(70,225,239,.24)!important;
}
body.vice-city-theme .system-log-page .card-head,
body.vice-city-theme .system-log-page table th {
  background-color:rgba(39,24,82,.97)!important;
}
body.vice-city-theme .system-log-page .system-check {
  background:linear-gradient(145deg,rgba(37,25,82,.96),rgba(15,30,65,.96))!important;
  border:1px solid rgba(70,225,239,.30)!important;
  box-shadow:0 0 16px rgba(255,70,180,.08)!important;
}
body.vice-city-theme .system-log-page .section-head h2,
body.vice-city-theme .system-log-page .card-head h3,
body.vice-city-theme .system-log-page strong,
body.vice-city-theme .system-log-page td,
body.vice-city-theme .system-log-page th {
  color:#fff0fb!important;
}
body.vice-city-theme .system-log-page p,
body.vice-city-theme .system-log-page small,
body.vice-city-theme .system-log-page .muted {
  color:#cdbfe4!important;
}
body.vice-city-theme .system-log-page .eyebrow {color:#65eff5!important}
body.vice-city-theme .system-log-page .status-on {background:rgba(38,190,139,.19)!important;color:#82f0c5!important}
body.vice-city-theme .system-log-page .status-off {background:rgba(232,72,102,.19)!important;color:#ffabbc!important}
body.vice-city-theme .system-log-page .status-warn {background:rgba(241,166,55,.19)!important;color:#ffd28a!important}
body.vice-city-theme .system-log-page .status-neutral {background:rgba(160,151,190,.16)!important;color:#e0d5f1!important}

/* Preserve the Vice City wordmark contrast; scope only to the brand link. */
body.vice-city-theme .sidebar .brand,
body.vice-city-theme .sidebar .brand:visited {color:#fff0fb!important}
body.vice-city-theme .sidebar .brand small {color:#cdbfe4!important}
body.vice-city-theme .sidebar .brand-mark {
  color:#fff!important;
  background:linear-gradient(135deg,#ff3fa4,#9b54ff 48%,#20e7f1)!important;
}


/* LFS 1.4.31: dog avatar */
.avatar-dog{background:#f4e7d4!important;color:#80552b!important;border:1px solid #e6cfad!important;}


/* --------------------------------------------------------------------------
   LFS 1.4.35 – konsistente Oberflächen, Abstände und mobile Navigation
   Bestehende Theme-Regeln und fachliche Seitenlogik bleiben erhalten.
   -------------------------------------------------------------------------- */
:root{--lfs-space-1:6px;--lfs-space-2:10px;--lfs-space-3:14px;--lfs-space-4:18px;--lfs-space-5:24px;--lfs-space-6:30px;--lfs-card-radius:16px;--lfs-control-radius:10px}
html{scroll-behavior:smooth}body{min-width:320px}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:2px}
.main{width:min(100%,1600px);padding:clamp(24px,3.2vw,42px) clamp(20px,4vw,64px) 42px}
.topbar{gap:18px;min-height:54px;margin-bottom:28px}.topbar>div:first-child{min-width:0}.topbar h1{line-height:1.18;overflow-wrap:anywhere}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}
.theme-toggle,.privacy-toggle{min-height:40px;border:1px solid var(--line);border-radius:var(--lfs-control-radius);background:var(--surface);color:var(--text);padding:9px 12px;font:600 12px 'DM Sans',sans-serif;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.theme-toggle:hover,.privacy-toggle:hover{border-color:var(--accent);background:var(--surface2)}
.theme-toggle:active,.privacy-toggle:active,.btn:active{transform:translateY(1px)}
.hero-card{border-radius:20px}.stat-card,.table-card,.form-card,.activity-card{border-radius:var(--lfs-card-radius)}
.stat-card{min-width:0}.stat-value,.hero-amount,.debt-open{overflow-wrap:anywhere}
.section-head{gap:16px}.section-head>*{min-width:0}.section-head h2{line-height:1.25}.space-top{margin-top:26px}
.form-card{padding:clamp(18px,2.2vw,26px)}.form-grid{gap:18px}.stack-form{gap:15px}label{line-height:1.4}
input,select,textarea{min-height:42px;border-radius:var(--lfs-control-radius)}textarea{min-height:96px;resize:vertical}
.btn{min-height:40px;border-radius:var(--lfs-control-radius);line-height:1.25;white-space:normal;text-align:center}.btn.small{min-height:34px;padding:8px 11px}
.actions{flex-wrap:wrap}.table-card{min-width:0}.table-scroll{max-width:100%;overscroll-behavior-x:contain}table{min-width:100%}th,td{vertical-align:middle}td{line-height:1.45}
.pill,.status{display:inline-flex;align-items:center;justify-content:center;line-height:1.3}.notice,.error{line-height:1.5;overflow-wrap:anywhere}
.debt-list{gap:16px}.debt-detail{border-radius:var(--lfs-card-radius)}.debt-facts{min-width:0}.activity-card{padding-inline:20px}.activity-row{min-width:0}.activity-info{min-width:0;overflow-wrap:anywhere}.footer{clear:both;line-height:1.6}
.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar .nav-link{min-height:44px;height:auto}.sidebar .nav-link:focus-visible{outline-offset:-2px}.user-chip{min-width:0}.user-chip>div:last-child{min-width:0;overflow-wrap:anywhere}
@media(max-width:950px){.main{padding-inline:24px}.sidebar{padding-inline:16px}}
@media(max-width:700px){
 .sidebar{position:sticky;top:0;z-index:20;width:100%;height:auto;min-height:62px;padding:10px 12px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background:var(--surface);border-bottom:1px solid var(--line)}
 .sidebar .brand{flex:0 0 auto;gap:8px;font-size:13px;line-height:1.15}.sidebar .brand-mark{width:34px;height:34px;border-radius:11px;font-size:17px}
 .sidebar .brand small,.sidebar .side-label,.sidebar .user-chip,.sidebar .lfs-version{display:none!important}
 .sidebar>.nav-link,.sidebar .side-bottom>.nav-link{display:inline-flex!important;flex:0 0 auto;width:auto;min-height:36px;height:36px;margin:0;padding:0 10px;gap:7px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);font-size:11px}
 .sidebar .nav-link span{font-size:14px}.sidebar .side-bottom{display:contents;margin:0}.sidebar .logout{flex:0 0 auto}
 .main{width:100%;margin:0;padding:22px 16px 32px}.topbar{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:22px}
 .topbar-actions{justify-content:flex-start;width:100%}.hero-card{gap:12px}.hero-card p{max-width:100%}.section-head{align-items:flex-start;flex-wrap:wrap}.section-head>.btn{flex:0 0 auto}
 .two-col{grid-template-columns:minmax(0,1fr)}.debt-top{flex-wrap:wrap}.debt-open{white-space:normal}
}
@media(max-width:480px){
 .main{padding-inline:13px}.topbar h1{font-size:22px}.hero-card{padding:19px;min-height:150px}.hero-amount{font-size:clamp(27px,8vw,34px);letter-spacing:-1px}
 .hero-orb{width:66px;height:66px;font-size:35px}.form-card{padding:17px}.activity-card{padding-inline:15px}.activity-row{align-items:flex-start}
 .actions{gap:9px}.actions .btn{max-width:100%}.topbar-actions>button{min-height:38px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* LFS 1.4.38 – Ratenplanformular: kein Überlaufen, klare Aktionszeile */
.installment-create-form {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}
.installment-create-form > * { min-width: 0; }
.installment-create-form input,
.installment-create-form select { width: 100%; min-width: 0; }
.installment-create-form .installment-create-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  min-width: 0;
  padding-top: 2px;
}
.installment-create-actions .btn {
  flex: 0 0 auto;
  max-width: 100%;
  margin: 0;
}
.installment-create-actions small {
  display: block;
  flex: 1 1 260px;
  min-width: 180px;
  line-height: 1.5;
}
@media (max-width: 900px) {
  .installment-create-form { grid-template-columns: minmax(0, 1fr); }
  .installment-create-form .span-2 { grid-column: auto; }
}
@media (max-width: 480px) {
  .installment-create-form .installment-create-actions { align-items: stretch; }
  .installment-create-actions .btn { width: 100%; }
  .installment-create-actions small { min-width: 0; flex-basis: 100%; }
}


/* LFS 1.4.42 – saubere Abstände und Umbrüche in der Admin-Prüfung */
.request-review-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 13px;
  min-width: 0;
  padding: clamp(20px, 2.4vw, 28px);
}
.request-review-card > h3,
.request-review-card > p {
  margin: 0;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.55;
}
.request-review-card > h3 { margin-bottom: 1px; }
.request-review-card > p.muted { color: var(--muted); }
.request-review-card .change-accept-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  align-items: end;
  gap: 14px;
  width: 100%;
  min-width: 0;
  margin: 2px 0 0;
}
.request-review-card .change-accept-form label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}
.request-review-card .change-accept-form input {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
}
.request-review-card .change-accept-submit {
  grid-column: 1 / -1;
  justify-self: start;
  max-width: 100%;
  white-space: normal;
  margin-top: 2px;
}
.request-review-card .request-decline-form {
  display: grid;
  grid-template-columns: minmax(180px, 330px) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding-top: 2px;
}
.request-review-card .request-decline-form input {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
}
.request-review-card .request-decline-form .btn { justify-self: start; }
@media (max-width: 760px) {
  .request-review-card .change-accept-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .request-review-card .change-accept-submit { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
  .request-review-card .change-accept-form,
  .request-review-card .request-decline-form {
    grid-template-columns: minmax(0, 1fr);
  }
  .request-review-card .change-accept-submit,
  .request-review-card .request-decline-form .btn { width: 100%; }
}


/* LFS 1.4.57 – Abstände der Kontoansicht und Tabellenaktionen vereinheitlichen; Space-Artefakte entfernen */

.space-theme .main:before{pointer-events:none}
.main{box-sizing:border-box;min-width:0}
.form-card.space-top{margin-top:22px}
.form-card h3{margin-top:0;margin-bottom:12px}
.form-card>p.muted{margin:0 0 16px;line-height:1.55}
.form-card .form-grid,.form-card .stack-form{row-gap:14px}
.form-card .inline-form{gap:10px;align-items:flex-start}
.form-card .danger-action{margin-top:14px}
.table-card td.actions{white-space:nowrap;padding:12px 16px;vertical-align:middle}
.table-card td.actions .table-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border-radius:8px;line-height:1.2}
.table-card tbody tr{height:auto}
.table-card th,.table-card td{padding-top:13px;padding-bottom:13px}
@media(max-width:700px){.form-card.space-top{margin-top:17px}.table-card td.actions{white-space:normal;padding:10px}.table-card td.actions .table-link{min-height:32px}}


/* LFS 1.4.58 – Dashboard: Abstand zum Hinweisblock und stabile Aktionsspalte */
.dashboard-friends-head {
  margin-top: 28px;
}
.dashboard-friends-table td.dashboard-actions {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding-left: 12px;
  padding-right: 12px;
}
.dashboard-friends-table td.dashboard-actions .table-link {
  display: inline-block;
  padding: 4px 0;
  line-height: 1.4;
  white-space: nowrap;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* LFS 1.4.59 – Konto-Center */
.settings-tools-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.settings-tools-links .btn{min-width:190px}
.activity-row form{margin:0}
.activity-row .status{margin-left:8px}


.user-chip{gap:9px}
.user-chip-name{min-width:0;flex:1}
.notification-bell{
  position:relative;flex:none;width:34px;height:34px;border-radius:11px;
  display:grid;place-items:center;text-decoration:none;
  color:var(--muted);background:var(--surface2);border:1px solid var(--line);
  font-size:19px;line-height:1;transition:background .15s ease,color .15s ease;
}
.notification-bell:hover,.notification-bell:focus{
  color:var(--accent);background:var(--green-bg);outline:none;
}
.notification-bell em{
  position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;
  border-radius:20px;background:#dc3545;color:#fff;border:2px solid var(--surface);
  display:grid;place-items:center;font:700 9px 'DM Sans';font-style:normal;
}
.space-theme .notification-bell{background:rgba(18,24,54,.88);color:#cbd9ff;border-color:rgba(139,160,255,.30)}
.vice-city-theme .notification-bell{background:rgba(17,13,49,.9);color:#fff0fb;border-color:rgba(69,245,255,.32)}
@media(max-width:700px){.user-chip{gap:7px}.notification-bell{width:32px;height:32px}}


/* LFS 1.4.62 – Glocke rechtsbündig und optisch sauber zentriert */
.user-chip{
  display:flex!important;
  align-items:center!important;
  width:100%;
  box-sizing:border-box;
  gap:10px!important;
}
.user-chip .avatar{flex:0 0 36px}
.user-chip .user-chip-name{
  flex:1 1 auto!important;
  min-width:0;
}
.user-chip .notification-bell{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px;
  padding:0!important;
  margin:0 2px 0 auto!important;
  box-sizing:border-box;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
}
.user-chip .notification-bell svg{
  display:block;
  width:18px;
  height:18px;
  flex:none;
}
.user-chip .notification-bell em{
  top:-5px;
  right:-5px;
}


/* LFS 1.4.65 – Space Edition: linke Navigation an dunkles Theme anpassen */
body.space-theme .sidebar{
  background:linear-gradient(180deg,#10152f 0%,#0b1025 100%)!important;
  color:#e8edff!important;
  border-right:1px solid rgba(139,160,255,.24)!important;
  box-shadow:8px 0 28px rgba(0,0,0,.16)!important;
}
body.space-theme .sidebar .brand,
body.space-theme .sidebar .brand strong{
  color:#f1f4ff!important;
}
body.space-theme .sidebar .brand small,
body.space-theme .sidebar .side-label,
body.space-theme .sidebar .lfs-version{
  color:#9eadd0!important;
}
body.space-theme .sidebar .brand-mark{
  box-shadow:0 5px 18px rgba(51,130,255,.28)!important;
}
body.space-theme .sidebar .nav-link{
  color:#c2cde8!important;
  background:transparent!important;
}
body.space-theme .sidebar .nav-link:hover,
body.space-theme .sidebar .nav-link:focus{
  color:#ffffff!important;
  background:rgba(103,130,214,.16)!important;
}
body.space-theme .sidebar .nav-link.active,
body.space-theme .sidebar .nav-link[aria-current="page"]{
  color:#ffffff!important;
  background:rgba(103,130,214,.22)!important;
  border:1px solid rgba(139,160,255,.20)!important;
}
body.space-theme .sidebar .user-chip{
  border-top-color:rgba(139,160,255,.22)!important;
}
body.space-theme .sidebar .user-chip strong{
  color:#f1f4ff!important;
}
body.space-theme .sidebar .user-chip small{
  color:#9eadd0!important;
}
body.space-theme .sidebar .avatar{
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
body.space-theme .sidebar .notification-bell{
  background:rgba(33,45,88,.92)!important;
  color:#e8edff!important;
  border:1px solid rgba(139,160,255,.32)!important;
}
body.space-theme .sidebar .notification-bell:hover{
  background:rgba(55,74,137,.95)!important;
  color:#ffffff!important;
}
body.space-theme .sidebar .logout{
  color:#c2cde8!important;
}
@media(max-width:680px){
  body.space-theme .sidebar{
    background:linear-gradient(180deg,#10152f 0%,#0b1025 100%)!important;
    border-bottom:1px solid rgba(139,160,255,.24)!important;
  }
  body.space-theme .sidebar>.nav-link,
  body.space-theme .sidebar .side-bottom>.nav-link{
    background:rgba(33,45,88,.72)!important;
    border-color:rgba(139,160,255,.25)!important;
    color:#dce5ff!important;
  }
}


/* LFS 1.4.69 – Wartungsmodus und Zahlungsbelege verwenden das aktive Design */
.main .maintenance-page,
.main .receipts-page .form-card{
  background:var(--surface)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
}
.main .maintenance-page h2,
.main .maintenance-page h3,
.main .maintenance-page p,
.main .maintenance-page label,
.main .maintenance-page strong,
.main .receipts-page h2,
.main .receipts-page h3,
.main .receipts-page p,
.main .receipts-page label,
.main .receipts-page strong,
.main .receipts-page th,
.main .receipts-page td{
  color:var(--text)!important;
}
.main .maintenance-page .muted,
.main .receipts-page .muted,
.main .receipts-page .eyebrow{
  color:var(--muted)!important;
}
.main .maintenance-page input:not([type="checkbox"]),
.main .maintenance-page textarea,
.main .receipts-page input,
.main .receipts-page select,
.main .receipts-page textarea{
  background:var(--surface2)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
}
.main .maintenance-page label.theme-choice{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:46px!important;
  padding:12px 14px!important;
  background:var(--surface2)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.main .maintenance-page label.theme-choice strong{color:var(--text)!important}
.main .maintenance-page label.theme-choice input[type="checkbox"]{
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  min-height:17px!important;
  margin:0!important;
  padding:0!important;
  accent-color:var(--accent)!important;
}
.main .receipts-page table,
.main .receipts-page th,
.main .receipts-page td{border-color:var(--line)!important}


/* LFS 1.4.73 – freundlichere Easter Edition */
.easter-theme{background-color:#fffaf1!important;background-image:radial-gradient(ellipse at 7% 5%,rgba(255,214,153,.35),transparent 25%),radial-gradient(ellipse at 94% 7%,rgba(220,196,244,.38),transparent 27%),radial-gradient(ellipse at 55% 100%,rgba(177,224,190,.28),transparent 35%),linear-gradient(135deg,#fffaf1 0%,#f4faef 48%,#fff4f1 100%)!important;color:#42564a}
.easter-theme .sidebar{background:linear-gradient(180deg,#fffdf7 0%,#f0f8ec 100%)!important;border-color:#dcebdc!important}
.easter-theme .brand-mark{background:linear-gradient(135deg,#8bc9a6,#c8afe8 58%,#f2b9a9)!important;color:#fff!important;box-shadow:0 7px 20px rgba(130,177,145,.28)!important}
.easter-theme .hero-card{background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.42),transparent 28%),linear-gradient(112deg,#78b995 0%,#9bcba5 48%,#c4a9df 100%)!important;color:#fff!important}
.easter-theme .form-card,.easter-theme .card,.easter-theme .stat-card{border-color:rgba(151,190,155,.38)!important;box-shadow:0 10px 28px rgba(105,145,112,.08)!important}
.easter-theme .nav-link:hover,.easter-theme .nav-link:focus{background:rgba(153,207,166,.20)!important;color:#477d5c!important}
.easter-theme .topbar .eyebrow:after{content:"  ·  EASTER EDITION";color:#a17cc5}
.easter-theme .main:after{content:"🥚  🌷  🐣";position:fixed;right:22px;bottom:15px;z-index:5;pointer-events:none;font-size:clamp(25px,3vw,38px);letter-spacing:5px;opacity:.88;filter:drop-shadow(0 4px 8px rgba(132,153,115,.16));animation:lfs-seasonal-float 5s ease-in-out infinite}
.easter-theme:before{content:"✿";position:fixed;top:12px;right:22px;z-index:8;color:rgba(139,190,145,.8);font-size:27px;pointer-events:none}
.easter-theme .btn.primary{background:linear-gradient(110deg,#79b991,#9e8ac8)!important;border-color:transparent!important;color:#fff!important}
.easter-theme .status-on{background:#e3f4e5!important;color:#39734d!important}
[data-theme="dark"] .easter-theme{background-color:#19251f!important;background-image:radial-gradient(ellipse at 7% 5%,rgba(129,169,112,.20),transparent 25%),radial-gradient(ellipse at 94% 7%,rgba(157,125,190,.22),transparent 27%),linear-gradient(135deg,#17231d,#202c25 52%,#2b2431)!important;color:#edf6ed!important}
[data-theme="dark"] .easter-theme .sidebar{background:linear-gradient(180deg,#202d25,#1b2922)!important;border-color:rgba(168,205,169,.2)!important}
[data-theme="dark"] .easter-theme .form-card,[data-theme="dark"] .easter-theme .card,[data-theme="dark"] .easter-theme .stat-card{border-color:rgba(168,205,169,.2)!important}
[data-theme="dark"] .easter-theme .nav-link:hover,[data-theme="dark"] .easter-theme .nav-link:focus{background:rgba(126,190,157,.16)!important;color:#b8e5c2!important}
[data-theme="dark"] .easter-theme .status-on{background:#294936!important;color:#c6edcf!important}
@media(max-width:700px){.easter-theme .main:after{right:12px;bottom:12px;font-size:24px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.easter-theme .main:after{animation:none}}


/* LFS 1.4.77 – kompakte Dashboard-Uhr in der Optionsleiste */
.dashboard-datetime{display:flex;align-items:center;gap:8px;min-width:0;padding:3px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text)}
.dashboard-datetime-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);font-size:16px}
.dashboard-datetime-icon:before{content:"◷"}
.dashboard-datetime-copy{display:flex;flex-direction:column;gap:0;min-width:0;line-height:1.2}
.dashboard-clock{font-size:15px;font-weight:800;letter-spacing:.025em;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}
.dashboard-date{font-size:10px;color:var(--muted);text-transform:capitalize;white-space:nowrap}
.christmas-theme .dashboard-datetime{background:linear-gradient(110deg,#fff8f0,#e8f4eb);border-color:#c8dfce}.christmas-theme .dashboard-datetime-icon:before{content:"❄"}
.halloween-theme .dashboard-datetime{background:linear-gradient(110deg,#21172a,#302033);border-color:#70422f}.halloween-theme .dashboard-clock{color:#ffb36b;font-family:Georgia,serif}.halloween-theme .dashboard-date{color:#d9c0b3}.halloween-theme .dashboard-datetime-icon{background:rgba(249,115,22,.15);color:#fb923c}.halloween-theme .dashboard-datetime-icon:before{content:"👻"}
.space-theme .dashboard-datetime{background:linear-gradient(110deg,#17152e,#252047);border-color:#49406f}.space-theme .dashboard-clock{color:#e3d9ff}.space-theme .dashboard-date{color:#c5bce7}.space-theme .dashboard-datetime-icon{background:rgba(167,139,250,.16);color:#c4b5fd}.space-theme .dashboard-datetime-icon:before{content:"◉"}
.vice-city-theme .dashboard-datetime{background:linear-gradient(110deg,#211a46,#3b1e50 60%,#6a285a);border-color:#8b4b89}.vice-city-theme .dashboard-clock{color:#ffd0f1}.vice-city-theme .dashboard-date{color:#f3c6e9}.vice-city-theme .dashboard-datetime-icon{background:rgba(236,72,153,.18);color:#f9a8d4}.vice-city-theme .dashboard-datetime-icon:before{content:"☀"}
.easter-theme .dashboard-datetime{background:linear-gradient(110deg,#fffdf2,#f0f8ed 55%,#fbf0f6);border-color:#d7e9d8}.easter-theme .dashboard-datetime-icon{background:#e5f4e8;color:#579875}.easter-theme .dashboard-datetime-icon:before{content:"🐣"}
[data-theme="dark"] .dashboard-datetime{background:var(--surface2);border-color:var(--line)}
[data-theme="dark"] .christmas-theme .dashboard-datetime{background:linear-gradient(110deg,#202b25,#26352c);border-color:#425b49}
[data-theme="dark"] .halloween-theme .dashboard-datetime{background:linear-gradient(110deg,#21172a,#302033);border-color:#70422f}
[data-theme="dark"] .space-theme .dashboard-datetime{background:linear-gradient(110deg,#17152e,#252047);border-color:#49406f}
[data-theme="dark"] .vice-city-theme .dashboard-datetime{background:linear-gradient(110deg,#211a46,#3b1e50 60%,#6a285a);border-color:#8b4b89}
[data-theme="dark"] .easter-theme .dashboard-datetime{background:linear-gradient(110deg,#18251e,#252b2b 55%,#2a2130);border-color:#3d5948}
@media(max-width:700px){.topbar-actions{gap:7px}.dashboard-datetime{padding:3px 7px;gap:5px}.dashboard-datetime-icon{width:22px;height:22px;flex-basis:22px;font-size:14px}.dashboard-clock{font-size:13px}.dashboard-date{font-size:9px}}
@media(max-width:430px){.dashboard-datetime{order:3}.topbar-actions{flex-wrap:wrap}.dashboard-date{font-size:9px}}


/* 1.4.83: Live-Ertragsvorschau für Ratenzahlungsangebote */
.offer-interest-preview{grid-column:1/-1;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:grid;gap:12px}
.offer-interest-preview>strong{color:var(--text);font-size:14px}
.offer-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.offer-preview-grid>div{display:grid;gap:5px;padding:10px 12px;border-radius:10px;background:var(--surface-soft,var(--surface));border:1px solid var(--line)}
.offer-preview-grid small{color:var(--muted);font-size:12px}
.offer-preview-grid strong{color:var(--text);font-size:17px;font-weight:750;font-variant-numeric:tabular-nums}
@media(max-width:760px){.offer-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-interest-preview{padding:13px}}

/* Ratenplan: aufgeräumte, responsive Antragsbereiche */
.pause-card,.plan-change-card{padding:24px 26px}
.pause-card>strong,.plan-change-card>strong{display:block;font-size:14px;margin-bottom:5px}
.pause-card>.muted,.plan-change-card>.muted{max-width:920px;margin:0 0 17px;line-height:1.65}
.pause-form{display:grid;grid-template-columns:minmax(150px,210px) minmax(240px,1fr) auto;gap:12px;align-items:end;max-width:900px}
.pause-form label{min-width:0}
.pause-form input,.pause-form select{margin-top:6px;min-height:42px}
.pause-form .btn{min-height:42px;white-space:nowrap}
.pause-card .status,.plan-change-card .status{display:inline-flex;margin-top:2px}
.plan-change-card .stack-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px}
.plan-change-card .stack-form label:nth-of-type(3){grid-column:1/-1}
.plan-change-card .stack-form textarea{min-height:76px}
.plan-change-card .stack-form .btn{justify-self:start}
@media(max-width:850px){
 .pause-form{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pause-form .btn{grid-column:1/-1;justify-self:start}
}
@media(max-width:600px){
 .pause-card,.plan-change-card{padding:18px}
 .pause-form,.plan-change-card .stack-form{grid-template-columns:1fr}
 .pause-form .btn,.plan-change-card .stack-form label:nth-of-type(3){grid-column:auto}
 .pause-form .btn,.plan-change-card .stack-form .btn{width:100%}
}

/* Benachrichtigungen: einheitliche, gut erkennbare Aktionsbuttons */
.notification-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex:0 0 112px;min-width:112px}
.notification-actions form{margin:0;width:100%}
.notification-actions .btn,.notification-actions .notification-open-btn{width:100%;min-height:40px;padding:9px 12px;white-space:nowrap}
.notification-actions .notification-open-btn{border:1px solid var(--line);background:var(--surface2);color:var(--text)}
.notification-actions .notification-open-btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.activity-row:has(.notification-actions){align-items:center}
@media(max-width:600px){
 .activity-row:has(.notification-actions){align-items:flex-start;flex-wrap:wrap}
 .activity-row:has(.notification-actions) .activity-info{min-width:calc(100% - 52px)}
 .notification-actions{flex:1 1 100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-left:48px}
 .notification-actions .btn,.notification-actions .notification-open-btn{min-height:38px;padding:8px 6px;font-size:11px}
}

/* Klarer Installationsbericht des Updaters */
.update-report{margin-top:16px}
.update-report>p{margin:8px 0}
.update-report .notice{margin-top:14px;padding:16px 18px;border-radius:12px}
.update-report .notice p{margin:8px 0 0;line-height:1.55}
.update-report ul{margin:8px 0 0;padding-left:22px}
.update-db-warning{border:1px solid #c58a35}
.update-db-ok{border:1px solid #269b70}
.update-db-unknown{border:1px solid #a98248}
.update-report code{overflow-wrap:anywhere}
.update-success{display:flex;flex-direction:column;gap:7px;padding:18px 20px;margin:14px 0;border:1px solid #269b70;border-radius:14px;background:rgba(38,155,112,.10)}
.update-success strong{font-size:15px}
.update-success small{opacity:.8}

/* Dauerhafter Updater-Status und Zeitstempel */
.update-status-card{padding:18px 20px}
.update-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.update-status-grid>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.update-status-grid strong{font-size:18px;overflow-wrap:anywhere}
@media(max-width:700px){.update-status-grid{grid-template-columns:1fr;gap:12px}.update-status-grid>div{padding-bottom:10px;border-bottom:1px solid var(--line)}}

.update-migration-result{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(127,127,127,.06)}
.update-migration-result p{margin:7px 0}
.update-migration-result ul{margin:6px 0 0;padding-left:20px}
.update-migration-result code{overflow-wrap:anywhere}

/* LFS 1.4.93 – premium dark login */
.login-body.login-premium{min-height:100vh;margin:0;padding:clamp(22px,5vw,76px);display:grid;place-items:center;color:#edf3fa;background:radial-gradient(ellipse at 78% 12%,rgba(35,73,125,.28),transparent 36%),radial-gradient(ellipse at 12% 88%,rgba(138,93,37,.10),transparent 34%),#070d15}
.login-premium .login-shell{width:min(1240px,100%);min-height:min(760px,calc(100vh - 44px));display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;border:1px solid rgba(137,165,197,.16);border-radius:28px;background:linear-gradient(135deg,rgba(15,26,40,.96),rgba(8,15,24,.98));box-shadow:0 32px 100px rgba(0,0,0,.48)}
.login-intro{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,68px);overflow:hidden;background:radial-gradient(ellipse at 88% 42%,rgba(37,74,116,.22),transparent 46%),linear-gradient(145deg,rgba(14,26,40,.98),rgba(8,15,23,.88))}
.login-intro:after{content:"L";position:absolute;right:-5%;top:18%;font-family:Georgia,serif;font-size:clamp(260px,35vw,490px);font-weight:700;line-height:1;color:rgba(174,129,65,.045);pointer-events:none}
.login-wordmark{position:relative;z-index:1;display:flex;align-items:center;gap:14px;color:#f2f5fa;text-decoration:none}
.login-lion-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(221,177,104,.48);border-radius:15px;color:#e7bd78;font-family:Georgia,serif;font-size:31px;font-weight:700;background:linear-gradient(145deg,rgba(220,174,99,.16),rgba(220,174,99,.035));box-shadow:inset 0 0 20px rgba(220,174,99,.06)}
.login-wordmark strong{display:block;font-size:21px;letter-spacing:-.6px}.login-wordmark small{display:block;margin-top:5px;color:#91a4ba;font-size:9px;letter-spacing:2px}
.login-intro-content{position:relative;z-index:1;max-width:530px;margin:60px 0}
.login-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(159,179,204,.13);border-radius:99px;background:rgba(126,155,190,.06);color:#a9bbd0;font-size:10px;letter-spacing:2px}
.login-kicker i{width:7px;height:7px;border-radius:50%;background:#d7aa65;box-shadow:0 0 12px #d7aa65}
.login-intro-content h1{margin:28px 0 16px;font-size:clamp(34px,4.3vw,55px);line-height:1.08;letter-spacing:-1.8px;color:#f2f5fa}
.login-intro-content h1 em{font-style:normal;color:#d8ae70}
.login-intro-content>p{max-width:470px;color:#9eafc2;font-size:15px;line-height:1.8}
.login-benefits{display:grid;gap:12px;margin-top:34px}
.login-benefits>div{display:flex;align-items:center;gap:15px;padding:13px 15px;border:1px solid rgba(138,164,193,.11);border-radius:15px;background:rgba(120,150,185,.035)}
.login-benefit-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;background:rgba(210,165,96,.11);color:#e2b775;font-size:22px}
.login-benefits strong{display:block;color:#e5ebf3;font-size:13px}.login-benefits small{display:block;margin-top:4px;color:#8fa1b6;font-size:11px}
.login-version{position:relative;z-index:1;padding-top:18px;border-top:1px solid rgba(150,173,199,.15);color:#a8b6c7;font-size:11px}
.login-version span{padding:0 7px;color:#d9ad70}.login-version small{display:block;margin-top:6px;color:#71849a}
.login-panel-wrap{display:grid;place-items:center;padding:clamp(25px,5vw,70px);background:radial-gradient(ellipse at 100% 0%,rgba(38,75,122,.17),transparent 48%)}
.login-premium .login-card-premium{width:100%;max-width:480px;padding:clamp(28px,4vw,48px);border:1px solid rgba(137,166,199,.19);border-radius:23px;background:linear-gradient(155deg,rgba(21,34,50,.92),rgba(10,19,29,.97));box-shadow:0 25px 70px rgba(0,0,0,.32)}
.login-panel-top{text-align:center;margin-bottom:34px}.login-panel-kicker{color:#d5ad73;font-size:10px;letter-spacing:2.6px}
.login-panel-top h2{margin:13px 0 9px;color:#f4f6fa;font-size:30px;letter-spacing:-.8px}
.login-panel-top p{margin:0;color:#91a2b6;font-size:13px;line-height:1.6}
.login-premium .login-card-premium form{gap:20px}
.login-premium .login-card-premium label{display:grid;gap:9px;color:#dce4ed;font-size:12px;font-weight:600}
.login-premium .login-input-premium{width:100%;height:54px;padding:0 16px;border:1px solid #30445b;border-radius:12px;outline:none;background:#0c1723;color:#f2f5f9;font:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}
.login-premium .login-input-premium::placeholder{color:#71849a}
.login-premium .login-input-premium:focus{border-color:#c99b5c;box-shadow:0 0 0 3px rgba(201,155,92,.13)}
.login-premium .login-submit{height:54px;margin-top:6px;border:1px solid #e3bb7c;border-radius:12px;background:linear-gradient(105deg,#e6c487,#c89550);color:#17130e;font-weight:750;box-shadow:0 10px 25px rgba(190,143,75,.16)}
.login-premium .login-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
.login-security-note{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:25px;padding-top:19px;border-top:1px solid rgba(143,166,191,.13);color:#8295aa;font-size:10px}
.login-security-note span{color:#d9ad70}
.login-premium .error{margin-bottom:18px}
@media(max-width:850px){.login-body.login-premium{padding:16px}.login-premium .login-shell{grid-template-columns:1fr;min-height:auto}.login-intro{padding:28px 28px 18px}.login-intro-content{margin:38px 0 24px}.login-intro-content h1{font-size:36px}.login-benefits{grid-template-columns:1fr 1fr}.login-benefits>div{padding:10px}.login-version{margin-top:10px}.login-panel-wrap{padding:28px}}
@media(max-width:560px){.login-body.login-premium{padding:0}.login-premium .login-shell{border-radius:0;border:0}.login-intro{padding:24px 22px 12px}.login-wordmark strong{font-size:18px}.login-intro-content{margin:30px 0 20px}.login-intro-content h1{font-size:32px}.login-intro-content>p{font-size:13px}.login-benefits{grid-template-columns:1fr}.login-benefits>div{padding:9px 12px}.login-benefit-icon{width:34px;height:34px}.login-panel-wrap{padding:24px 18px 34px}.login-premium .login-card-premium{padding:27px 22px}.login-panel-top h2{font-size:26px}}

.login-forgot-row{display:flex;justify-content:flex-end;margin-top:13px}
.login-forgot-row a,.login-forgot-back{color:#d7ae73;font-size:12px;text-decoration:none}
.login-forgot-row a:hover,.login-forgot-back:hover{text-decoration:underline}
.login-forgot-back{display:block;text-align:center;margin-top:16px}
.password-request-review{min-width:220px;gap:8px;margin-bottom:8px}
.password-request-review input[type=password]{max-width:240px}
.password-request-review .checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400}




/* LFS 1.4.98 – freundlicher, persönlicher Login statt Trading-Dashboard */
.login-body.login-premium{
 color:#34445a;
 min-height:100vh;
 padding:24px;
 background:
  radial-gradient(ellipse at 12% 10%,rgba(220,235,229,.72),transparent 38%),
  radial-gradient(ellipse at 90% 90%,rgba(250,231,205,.58),transparent 38%),
  #f3f5f1;
}
.login-premium .login-shell{
 width:min(1120px,100%);
 min-height:min(700px,calc(100vh - 48px));
 grid-template-columns:1fr  .92fr;
 border:1px solid #e4e9e2;
 border-radius:24px;
 background:#fff;
 box-shadow:0 22px 65px rgba(49,67,57,.10);
}
.login-intro{
 position:relative;
 overflow:hidden;
 background:linear-gradient(145deg,#f1f6f1 0%,#f8f7f1 100%);
}
.login-intro:after{color:rgba(91,133,107,.045)}
.login-wordmark{color:#344b3f}
.login-wordmark small{color:#829187;letter-spacing:.09em}
.login-lion-mark{
 color:#557b63;
 border:1px solid #d5e3d7;
 border-radius:14px;
 background:#e7f0e7;
 box-shadow:none;
}
.login-kicker{
 color:#607b68;
 border:1px solid #dce8dc;
 background:rgba(255,255,255,.72);
}
.login-kicker i{background:#79a783;box-shadow:0 0 0 4px rgba(121,167,131,.13)}
.login-intro-content h1{color:#344b3f;letter-spacing:-.035em}
.login-intro-content h1 em{color:#6c9875;font-style:normal}
.login-intro-content>p{max-width:470px;color:#738176;line-height:1.75}
.login-benefits{gap:12px}
.login-benefits>div{
 border:1px solid #e4ebe3;
 border-radius:13px;
 background:rgba(255,255,255,.72);
}
.login-benefit-icon{background:#eaf2e9;color:#63866a;border-radius:10px}
.login-benefits strong{color:#405748}
.login-benefits small{color:#829087}
.login-version{border-color:#e0e8df;color:#89958b}
.login-version span{color:#8eaa91}
.login-version small{color:#9aa59b}
.login-panel-wrap{
 background:#fff;
 padding:clamp(24px,4vw,58px);
}
.login-premium .login-card-premium{
 max-width:430px;
 padding:clamp(28px,3.5vw,42px);
 border:1px solid #edf0eb;
 border-radius:19px;
 background:#fff;
 box-shadow:0 12px 38px rgba(53,72,57,.07);
}
.login-panel-kicker{color:#7b9c7e;letter-spacing:.11em}
.login-panel-top h2{color:#35483b;letter-spacing:-.025em}
.login-panel-top p{color:#849087;line-height:1.65}
.login-premium .login-card-premium label{color:#526458}
.login-premium .login-input-premium{
 height:52px;
 border:1px solid #dfe7de;
 border-radius:11px;
 background:#fbfcfa;
 color:#34483a;
 box-shadow:none;
}
.login-premium .login-input-premium::placeholder{color:#a3aea4}
.login-premium .login-input-premium:focus{
 border-color:#91b397;
 background:#fff;
 box-shadow:0 0 0 3px rgba(126,168,132,.14);
}
.login-premium .login-submit{
 height:52px;
 border:1px solid #668f70;
 border-radius:11px;
 background:#6f9878;
 color:#fff;
 font-weight:650;
 box-shadow:0 7px 16px rgba(91,137,101,.16);
}
.login-premium .login-submit:hover{background:#608a69;filter:none;transform:translateY(-1px)}
.login-security-note{
 border-color:#edf0eb;
 color:#89958c;
 background:#fafbf9;
}
.login-security-note span{color:#83a287}
.login-forgot-row a,.login-forgot-back{color:#668b6d}
.login-forgot-row a:hover,.login-forgot-back:hover{color:#486d50}
@media(max-width:850px){
 .login-body.login-premium{padding:16px}
 .login-premium .login-shell{grid-template-columns:1fr;min-height:auto}
 .login-intro{padding:28px 28px 18px}
 .login-intro-content{margin:34px 0 22px}
 .login-intro-content h1{font-size:34px}
 .login-benefits{grid-template-columns:1fr 1fr}
 .login-panel-wrap{padding:28px}
}
@media(max-width:560px){
 .login-body.login-premium{padding:0}
 .login-premium .login-shell{border-radius:0;border:0}
 .login-intro{padding:24px 22px 12px}
 .login-wordmark strong{font-size:18px}
 .login-intro-content{margin:26px 0 18px}
 .login-intro-content h1{font-size:30px}
 .login-benefits{grid-template-columns:1fr}
 .login-panel-wrap{padding:24px 18px 34px}
 .login-premium .login-card-premium{padding:27px 22px}
 .login-panel-top h2{font-size:25px}
}


/* LFS 1.4.99 – vollständiger heller Login-Neuauftritt */
html body.login-body.login-premium {
  color: #35483d !important;
  background: #f5f7f3 !important;
  background-image: linear-gradient(135deg,#f5f8f4 0%,#edf3ee 52%,#f8f6ef 100%) !important;
  padding: 28px !important;
}
html body.login-body.login-premium .login-shell {
  width: min(1120px,100%) !important;
  min-height: 680px !important;
  display: grid !important;
  grid-template-columns: 1fr .9fr !important;
  overflow: hidden !important;
  border: 1px solid #e2e9e1 !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 55px rgba(49,75,55,.09) !important;
}
html body.login-body.login-premium .login-intro {
  background: linear-gradient(150deg,#f1f7f0 0%,#f8f8f2 100%) !important;
  color: #35483d !important;
  padding: 58px !important;
}
html body.login-body.login-premium .login-intro:before,
html body.login-body.login-premium .login-intro:after {
  display: none !important;
  content: none !important;
}
html body.login-body.login-premium .login-wordmark,
html body.login-body.login-premium .login-wordmark strong {
  color: #344b3d !important;
}
html body.login-body.login-premium .login-wordmark small {
  color: #819084 !important;
}
html body.login-body.login-premium .login-lion-mark {
  color: #52795d !important;
  background: #e5efe4 !important;
  border: 1px solid #d5e4d4 !important;
  box-shadow: none !important;
}
html body.login-body.login-premium .login-kicker {
  color: #62816a !important;
  background: #ffffff !important;
  border: 1px solid #dfe9dd !important;
}
html body.login-body.login-premium .login-kicker i {
  background: #79a982 !important;
  box-shadow: 0 0 0 4px rgba(121,169,130,.14) !important;
}
html body.login-body.login-premium .login-intro-content h1 {
  color: #344b3d !important;
  text-shadow: none !important;
}
html body.login-body.login-premium .login-intro-content h1 em {
  color: #719779 !important;
}
html body.login-body.login-premium .login-intro-content > p {
  color: #718176 !important;
}
html body.login-body.login-premium .login-benefits > div {
  background: rgba(255,255,255,.82) !important;
  border: 1px solid #e2eae0 !important;
  box-shadow: none !important;
}
html body.login-body.login-premium .login-benefits strong {
  color: #405748 !important;
}
html body.login-body.login-premium .login-benefits small {
  color: #829087 !important;
}
html body.login-body.login-premium .login-benefit-icon {
  color: #64866b !important;
  background: #eaf2e8 !important;
}
html body.login-body.login-premium .login-version {
  border-color: #e0e8df !important;
  color: #829087 !important;
}
html body.login-body.login-premium .login-version small {
  color: #99a49a !important;
}
html body.login-body.login-premium .login-panel-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  padding: 48px !important;
}
html body.login-body.login-premium .login-card,
html body.login-body.login-premium .login-card-premium {
  width: 100% !important;
  max-width: 420px !important;
  background: #ffffff !important;
  color: #35483d !important;
  border: 1px solid #e8eee6 !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 34px rgba(49,75,55,.07) !important;
  padding: 38px !important;
}
html body.login-body.login-premium .login-panel-kicker {
  color: #7a9b7d !important;
}
html body.login-body.login-premium .login-panel-top h2 {
  color: #35483d !important;
}
html body.login-body.login-premium .login-panel-top p {
  color: #849087 !important;
}
html body.login-body.login-premium .login-card label {
  color: #526458 !important;
}
html body.login-body.login-premium .login-input-premium {
  color: #35483d !important;
  background: #fbfcfa !important;
  border: 1px solid #dfe7de !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}
html body.login-body.login-premium .login-input-premium::placeholder {
  color: #a2ada3 !important;
}
html body.login-body.login-premium .login-input-premium:focus {
  background: #ffffff !important;
  border-color: #91b397 !important;
  box-shadow: 0 0 0 3px rgba(126,168,132,.14) !important;
}
html body.login-body.login-premium .login-submit {
  color: #ffffff !important;
  background: #719879 !important;
  border: 1px solid #719879 !important;
  border-radius: 11px !important;
  box-shadow: 0 7px 16px rgba(91,137,101,.15) !important;
}
html body.login-body.login-premium .login-submit:hover {
  background: #628a6b !important;
}
html body.login-body.login-premium .login-forgot-row a,
html body.login-body.login-premium .login-forgot-back {
  color: #668b6d !important;
}
html body.login-body.login-premium .login-security-note {
  color: #87938a !important;
  background: #fafbf9 !important;
  border-color: #edf0eb !important;
}
html body.login-body.login-premium .login-security-note span {
  color: #83a287 !important;
}
@media (max-width:850px) {
  html body.login-body.login-premium { padding: 16px !important; }
  html body.login-body.login-premium .login-shell {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  html body.login-body.login-premium .login-intro { padding: 34px !important; }
  html body.login-body.login-premium .login-panel-wrap { padding: 28px !important; }
}
@media (max-width:560px) {
  html body.login-body.login-premium { padding: 0 !important; }
  html body.login-body.login-premium .login-shell {
    border: 0 !important;
    border-radius: 0 !important;
  }
  html body.login-body.login-premium .login-intro { padding: 26px 22px !important; }
  html body.login-body.login-premium .login-panel-wrap { padding: 22px 16px 32px !important; }
  html body.login-body.login-premium .login-card,
  html body.login-body.login-premium .login-card-premium { padding: 28px 22px !important; }
}


/* LFS 1.4.100 – modernes, ausgewogenes Blau für den Login */
html body.login-body.login-premium {
  color:#26384b !important;
  background:#eaf0f7 !important;
  background-image:linear-gradient(135deg,#edf3f9 0%,#e7eef6 55%,#f1f4f8 100%) !important;
}
html body.login-body.login-premium .login-shell {
  background:#fff !important;
  border-color:#d8e2ed !important;
  box-shadow:0 22px 60px rgba(37,62,91,.12) !important;
}
html body.login-body.login-premium .login-intro {
  background:linear-gradient(145deg,#e7eff8 0%,#f0f4f9 100%) !important;
  color:#263b52 !important;
}
html body.login-body.login-premium .login-wordmark,
html body.login-body.login-premium .login-wordmark strong {color:#263f5b !important}
html body.login-body.login-premium .login-wordmark small {color:#71869c !important}
html body.login-body.login-premium .login-lion-mark {
  color:#376b9c !important;
  background:#dce9f6 !important;
  border:1px solid #cbdced !important;
}
html body.login-body.login-premium .login-kicker {
  color:#52789f !important;
  background:rgba(255,255,255,.78) !important;
  border-color:#d6e2ef !important;
}
html body.login-body.login-premium .login-kicker i {
  background:#5d91c4 !important;
  box-shadow:0 0 0 4px rgba(93,145,196,.13) !important;
}
html body.login-body.login-premium .login-intro-content h1 {color:#263f5b !important}
html body.login-body.login-premium .login-intro-content h1 em {color:#4f83b5 !important}
html body.login-body.login-premium .login-intro-content>p {color:#647b93 !important}
html body.login-body.login-premium .login-benefits>div {
  background:rgba(255,255,255,.82) !important;
  border:1px solid #dce6f0 !important;
}
html body.login-body.login-premium .login-benefits strong {color:#344f6b !important}
html body.login-body.login-premium .login-benefits small {color:#75899d !important}
html body.login-body.login-premium .login-benefit-icon {
  color:#477cae !important;
  background:#e5eef8 !important;
}
html body.login-body.login-premium .login-version {
  border-color:#d5e0eb !important;
  color:#71859a !important;
}
html body.login-body.login-premium .login-version small {color:#8798aa !important}
html body.login-body.login-premium .login-panel-wrap {background:#fff !important}
html body.login-body.login-premium .login-card,
html body.login-body.login-premium .login-card-premium {
  background:#fff !important;
  color:#26384b !important;
  border-color:#e0e8f0 !important;
  box-shadow:0 12px 34px rgba(37,62,91,.08) !important;
}
html body.login-body.login-premium .login-panel-kicker {color:#5685b2 !important}
html body.login-body.login-premium .login-panel-top h2 {color:#2c435c !important}
html body.login-body.login-premium .login-panel-top p {color:#7a8da1 !important}
html body.login-body.login-premium .login-card label {color:#435b73 !important}
html body.login-body.login-premium .login-input-premium {
  color:#26384b !important;
  background:#f8fafc !important;
  border:1px solid #d6e1ec !important;
}
html body.login-body.login-premium .login-input-premium::placeholder {color:#91a1b1 !important}
html body.login-body.login-premium .login-input-premium:focus {
  background:#fff !important;
  border-color:#6e9bc5 !important;
  box-shadow:0 0 0 3px rgba(83,135,185,.14) !important;
}
html body.login-body.login-premium .login-submit {
  color:#fff !important;
  background:#477eaf !important;
  border:1px solid #477eaf !important;
  box-shadow:0 7px 16px rgba(57,108,158,.18) !important;
}
html body.login-body.login-premium .login-submit:hover {background:#386e9f !important}
html body.login-body.login-premium .login-forgot-row a,
html body.login-body.login-premium .login-forgot-back {color:#477eaf !important}
html body.login-body.login-premium .login-security-note {
  color:#7c8fa2 !important;
  background:#f7f9fb !important;
  border-color:#e6edf3 !important;
}
html body.login-body.login-premium .login-security-note span {color:#6795bf !important}


/* LFS 1.4.101 – augenschonenderes Blau mit mehr Kontrast */
html body.login-body.login-premium {
  color:#203247 !important;
  background:#dfe7f0 !important;
  background-image:linear-gradient(135deg,#e3eaf2 0%,#dce5ef 55%,#e8edf3 100%) !important;
}
html body.login-body.login-premium .login-shell {
  background:#f5f7fa !important;
  border-color:#cbd7e4 !important;
  box-shadow:0 20px 55px rgba(28,49,73,.13) !important;
}
html body.login-body.login-premium .login-intro {
  background:linear-gradient(145deg,#e2eaf3 0%,#eaf0f6 100%) !important;
  color:#20384f !important;
}
html body.login-body.login-premium .login-wordmark,
html body.login-body.login-premium .login-wordmark strong {color:#203b57 !important}
html body.login-body.login-premium .login-wordmark small {color:#627a92 !important}
html body.login-body.login-premium .login-lion-mark {
  color:#315f8c !important;
  background:#d5e2ef !important;
  border-color:#bfd0e1 !important;
}
html body.login-body.login-premium .login-kicker {
  color:#42698e !important;
  background:#eaf0f6 !important;
  border-color:#cbd9e7 !important;
}
html body.login-body.login-premium .login-kicker i {
  background:#4d83b5 !important;
  box-shadow:0 0 0 4px rgba(77,131,181,.14) !important;
}
html body.login-body.login-premium .login-intro-content h1 {color:#203b57 !important}
html body.login-body.login-premium .login-intro-content h1 em {color:#3977ad !important}
html body.login-body.login-premium .login-intro-content>p {color:#4f6882 !important}
html body.login-body.login-premium .login-benefits>div {
  background:#f5f7fa !important;
  border-color:#cbd8e5 !important;
}
html body.login-body.login-premium .login-benefits strong {color:#29445f !important}
html body.login-body.login-premium .login-benefits small {color:#637b93 !important}
html body.login-body.login-premium .login-benefit-icon {
  color:#356f9f !important;
  background:#dce7f2 !important;
}
html body.login-body.login-premium .login-version {
  border-color:#c6d3e0 !important;
  color:#5e748b !important;
}
html body.login-body.login-premium .login-version small {color:#71869b !important}
html body.login-body.login-premium .login-panel-wrap {
  background:#f5f7fa !important;
}
html body.login-body.login-premium .login-card,
html body.login-body.login-premium .login-card-premium {
  background:#eef2f6 !important;
  color:#203247 !important;
  border-color:#d1dce7 !important;
  box-shadow:0 10px 28px rgba(31,53,77,.09) !important;
}
html body.login-body.login-premium .login-panel-kicker {color:#3f78a9 !important}
html body.login-body.login-premium .login-panel-top h2 {color:#233d57 !important}
html body.login-body.login-premium .login-panel-top p {color:#5f748a !important}
html body.login-body.login-premium .login-card label {color:#344e68 !important}
html body.login-body.login-premium .login-input-premium {
  color:#203247 !important;
  background:#f9fafc !important;
  border-color:#c5d2df !important;
}
html body.login-body.login-premium .login-input-premium::placeholder {color:#74879a !important}
html body.login-body.login-premium .login-input-premium:focus {
  background:#fff !important;
  border-color:#5488b5 !important;
  box-shadow:0 0 0 3px rgba(67,121,171,.16) !important;
}
html body.login-body.login-premium .login-submit {
  background:#356f9f !important;
  border-color:#356f9f !important;
  box-shadow:0 6px 14px rgba(42,91,137,.18) !important;
}
html body.login-body.login-premium .login-submit:hover {background:#2d628f !important}
html body.login-body.login-premium .login-forgot-row a,
html body.login-body.login-premium .login-forgot-back {color:#356f9f !important}
html body.login-body.login-premium .login-security-note {
  color:#61768a !important;
  background:#e6ecf2 !important;
  border-color:#d4dee8 !important;
}
html body.login-body.login-premium .login-security-note span {color:#3f78a9 !important}


/* LFS 1.4.102 – farbigeres, kontrastreiches Login ohne störenden Fußbalken */
html body.login-body.login-premium {
  color:#eaf1f8 !important;
  background:#243b54 !important;
  background-image:radial-gradient(ellipse at 15% 15%,#426687 0%,transparent 42%),linear-gradient(135deg,#263f59 0%,#1d3045 100%) !important;
}
html body.login-body.login-premium .login-shell {
  background:#dce5ee !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 26px 70px rgba(8,20,34,.28) !important;
}
html body.login-body.login-premium .login-intro {
  background:linear-gradient(150deg,#294967 0%,#345b7d 58%,#2c506f 100%) !important;
  color:#f2f6fb !important;
}
html body.login-body.login-premium .login-wordmark,
html body.login-body.login-premium .login-wordmark strong {color:#f5f8fc !important}
html body.login-body.login-premium .login-wordmark small {color:#c0d1e1 !important}
html body.login-body.login-premium .login-lion-mark {
  color:#e6c58d !important;
  background:rgba(230,197,141,.13) !important;
  border:1px solid rgba(230,197,141,.38) !important;
}
html body.login-body.login-premium .login-kicker {
  color:#d8e6f2 !important;
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(220,235,248,.25) !important;
}
html body.login-body.login-premium .login-kicker i {
  background:#e2bb79 !important;
  box-shadow:0 0 0 4px rgba(226,187,121,.15) !important;
}
html body.login-body.login-premium .login-intro-content h1 {color:#f4f7fb !important}
html body.login-body.login-premium .login-intro-content h1 em {color:#e4bd7e !important}
html body.login-body.login-premium .login-intro-content>p {color:#d1deea !important}
html body.login-body.login-premium .login-benefits>div {
  background:rgba(15,34,53,.22) !important;
  border:1px solid rgba(220,235,248,.19) !important;
  box-shadow:none !important;
}
html body.login-body.login-premium .login-benefits strong {color:#f2f6fb !important}
html body.login-body.login-premium .login-benefits small {color:#c2d3e2 !important}
html body.login-body.login-premium .login-benefit-icon {
  color:#e6c58d !important;
  background:rgba(230,197,141,.14) !important;
}
html body.login-body.login-premium .login-version {
  border-color:rgba(220,235,248,.22) !important;
  color:#d2dfeb !important;
}
html body.login-body.login-premium .login-version small {color:#afc2d4 !important}
html body.login-body.login-premium .login-panel-wrap {
  background:#dce5ee !important;
}
html body.login-body.login-premium .login-card,
html body.login-body.login-premium .login-card-premium {
  background:#edf1f5 !important;
  color:#263b50 !important;
  border:1px solid #c8d4df !important;
  box-shadow:0 14px 34px rgba(30,52,73,.13) !important;
}
html body.login-body.login-premium .login-panel-kicker {color:#477da8 !important}
html body.login-body.login-premium .login-panel-top h2 {color:#263f58 !important}
html body.login-body.login-premium .login-panel-top p {color:#5c7288 !important}
html body.login-body.login-premium .login-card label {color:#344e67 !important}
html body.login-body.login-premium .login-input-premium {
  color:#253b51 !important;
  background:#f7f9fb !important;
  border:1px solid #bdcbd8 !important;
}
html body.login-body.login-premium .login-input-premium::placeholder {color:#71869a !important}
html body.login-body.login-premium .login-input-premium:focus {
  background:#fff !important;
  border-color:#568bb7 !important;
  box-shadow:0 0 0 3px rgba(70,126,172,.17) !important;
}
html body.login-body.login-premium .login-submit {
  color:#fff !important;
  background:linear-gradient(100deg,#356f9e,#477fa9) !important;
  border:1px solid #356f9e !important;
  box-shadow:0 7px 17px rgba(38,84,125,.22) !important;
}
html body.login-body.login-premium .login-submit:hover {background:#2d628e !important}
html body.login-body.login-premium .login-forgot-row a,
html body.login-body.login-premium .login-forgot-back {color:#356f9e !important}
html body.login-body.login-premium .login-security-note {display:none !important}
@media(max-width:850px) {
  html body.login-body.login-premium .login-intro {
    background:linear-gradient(150deg,#294967 0%,#345b7d 100%) !important;
  }
}


/* LFS 1.4.103 – konsistente Abstände zwischen Inhaltskarten */
.main > .update-status-card {
  margin-bottom: 22px !important;
}
.main > .update-status-card + .form-card {
  margin-top: 0 !important;
}
.main > .form-card:has(#lfs-update-form) {
  margin-bottom: 22px !important;
}
.main > .form-card:has(#lfs-update-form) + .muted {
  margin-top: 12px !important;
}
.main > .form-card:has(#lfs-update-form) + .muted + .notice {
  margin-top: 22px !important;
}
.main > .form-card + .two-col,
.main > .form-card + .two-col.space-top {
  margin-top: 22px !important;
}
.main > .two-col + .two-col {
  margin-top: 22px !important;
}
.main > .two-col + .form-card {
  margin-top: 22px !important;
}
.main > .form-card + .section-head {
  margin-top: 28px !important;
}
.main > .section-head + .debt-list {
  margin-top: 14px !important;
}
.main > .debt-list {
  gap: 16px !important;
}
@media (max-width:700px) {
  .main > .update-status-card { margin-bottom: 16px !important; }
  .main > .form-card:has(#lfs-update-form) { margin-bottom: 16px !important; }
  .main > .form-card + .two-col,
  .main > .form-card + .two-col.space-top,
  .main > .two-col + .two-col,
  .main > .two-col + .form-card { margin-top: 16px !important; }
}


/* LFS 1.4.106 – Abstände im PDF-Downloadbereich der Bonitätsseite */
.credit-pdf-card {
  margin-bottom: 28px !important;
}
.credit-pdf-card > .btn {
  display: inline-flex;
  margin-top: 14px !important;
}
.credit-pdf-card .debt-top {
  margin-bottom: 0 !important;
}
@media (max-width:700px) {
  .credit-pdf-card { margin-bottom: 20px !important; }
  .credit-pdf-card > .btn { margin-top: 12px !important; }
}


/* LFS 1.4.110 – öffentliche Dokumentprüfung: klarer Abstand unter dem Submit-Button */
.login-card-premium .verify-document-note {
  display: block;
  margin: 22px 0 2px !important;
  padding-top: 15px;
  border-top: 1px solid rgba(75, 112, 145, .18);
  font-size: .78rem;
  line-height: 1.65;
}
.login-card-premium .stack-form .login-submit {
  margin-bottom: 0 !important;
}