:root{--bg-root:#0a2218;--bg-gradient:linear-gradient(135deg, #0d2d18 0%, #1a4f2c 40%, #0d2d18 100%);--bg-overlay:#001408a6;--glass-bg:#ffffff1a;--glass-bg-hover:#ffffff29;--glass-border:#ffffff38;--glass-border-hover:#ffffff73;--glass-shine:linear-gradient(135deg, #ffffff47 0%, #ffffff0d 55%, #fff0 100%);--glass-shadow:0 8px 32px -4px #001e0a59, 0 2px 8px -1px #00140833, inset 0 1.5px 0 #ffffff59, inset 0 -1px 0 #ffffff0f;--glass-shadow-hover:0 24px 60px -10px #001e0a73, 0 4px 16px -2px #00140840, inset 0 1.5px 0 #ffffff80, inset 0 -1px 0 #ffffff1a;--text-main:#fff;--text-primary:#fff;--text-secondary:#ffffffb8;--text-muted:#ffffff80;--primary:#3b82f6;--accent-gold:#f5c842;--accent-gold-bg:#f5c842e6;--accent-green:#6ee77b;--success:#22c55e;--success-hover:#16a34a;--danger:#ef4444;--danger-hover:#dc2626;--blur-amount:40px;--blur-saturate:160%;--blur-bright:1.12;--radius-card:24px;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--radius-pill:9999px;--radius-button:14px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--ease-spring:cubic-bezier(.23, 1, .32, 1);--transition-card:all .45s cubic-bezier(.23, 1, .32, 1);--transition-button:all .2s ease;--table-hover:#ffffff0a;--modal-overlay:#000a04bf;--bg-color:#0a2218;--secondary:#ffffff1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{font-family:var(--font-family);background:var(--bg-root);color:var(--text-main);min-height:100vh;line-height:1.55;display:flex;overflow:hidden}body:before{content:"";background:var(--bg-gradient);z-index:0;animation:20s ease-in-out infinite alternate bgShift;position:fixed;inset:0}@keyframes bgShift{0%{opacity:1}50%{opacity:.85}to{opacity:1}}body:after{content:"";background:radial-gradient(circle, var(--glow-color,#6ee77b14), transparent 70%);z-index:0;pointer-events:none;width:600px;height:600px;animation:15s ease-in-out infinite alternate orbFloat;position:fixed;top:-150px;right:-100px}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(-80px,60px)scale(1.15)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::selection{color:var(--text-main);background:#f5c84240}.glass-panel{background:var(--glass-bg);border:1.5px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--blur-amount)) saturate(var(--blur-saturate)) brightness(var(--blur-bright));border-radius:var(--radius-card);box-shadow:var(--glass-shadow);transition:var(--transition-card);position:relative;overflow:hidden}.glass-panel:before{content:"";background:var(--glass-shine);pointer-events:none;border-radius:inherit;z-index:0;position:absolute;inset:0}.glass-panel:after{content:"";pointer-events:none;border-radius:inherit;z-index:0;background:linear-gradient(#0000 70%,#ffffff0a 100%);position:absolute;inset:0}.glass-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover)}.app-container{z-index:1;gap:16px;width:100vw;height:100vh;padding:16px;display:flex;position:relative}.sidebar{scrollbar-width:none;flex-direction:column;flex-shrink:0;gap:0;width:240px;padding:24px 16px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-header h2{text-align:center;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:2rem;font-size:1.5rem;font-weight:900}.sidebar-logo{filter:drop-shadow(0 4px 16px #0006);border-radius:50%;width:90px;margin:0 auto 15px;display:block}.nav-links{flex-direction:column;flex:1;gap:4px;list-style:none;display:flex}.nav-links li{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-button);color:var(--text-secondary);border:1.5px solid #0000;align-items:center;gap:12px;padding:11px 16px;font-size:13.5px;font-weight:500;display:flex;position:relative}.nav-links li:hover{color:var(--text-primary);background:#ffffff14}.nav-links li.active{color:var(--text-primary);background:#ffffff24;border-color:#ffffff4d;font-weight:700;box-shadow:0 4px 16px #00140840,inset 0 1px #ffffff4d}.nav-links li.active:before{content:"";background:var(--accent-gold);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-16px;transform:translateY(-50%);box-shadow:0 0 8px #f5c84266}.nav-links .icon{font-size:1.1rem}.main-content{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex;overflow:hidden}.top-bar{border-radius:var(--radius-card);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.top-bar h1{letter-spacing:-.02em;font-size:1.35rem;font-weight:900}.kassenstand{align-items:center;gap:12px;font-size:1.1rem;display:flex}.kassenstand strong{font-size:1.5rem;font-family:var(--font-mono);color:var(--accent-green);text-shadow:0 0 12px #6ee77b4d}.content-sections{border-radius:var(--radius-card);flex:1;overflow-y:auto}.content-sections::-webkit-scrollbar{width:5px}.content-sections::-webkit-scrollbar-track{background:0 0}.content-sections::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.section{animation:slideUp .4s var(--ease-spring);display:none}.section.active{display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{z-index:1;margin-bottom:20px;padding:24px;position:relative}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.grid-2-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-stats-2col{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h2{letter-spacing:-.02em;font-size:1.2rem;font-weight:900}h3{color:var(--text-secondary);margin-bottom:16px;font-size:1rem;font-weight:600}.summary-card{margin-bottom:0}.big-number{font-size:2.5rem;font-weight:900;font-family:var(--font-mono);color:var(--text-main);text-shadow:0 0 20px #ffffff1a;margin-top:10px;display:block}.big-number.positive{color:var(--accent-green);text-shadow:0 0 20px #6ee77b33}.big-number.negative{color:var(--danger);text-shadow:0 0 20px #ef444433}.activity-list,.debtors-list,.item-list{flex-direction:column;gap:6px;list-style:none;display:flex}.list-item{border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #0000;justify-content:space-between;align-items:center;padding:11px 16px;font-size:13.5px;transition:all .2s;display:flex}.list-item:hover{background:#ffffff14;border-color:#ffffff1a;transform:translate(4px)}.amount.negative{color:var(--danger);font-family:var(--font-mono);font-weight:600}.amount.positive{color:var(--accent-green);font-family:var(--font-mono);font-weight:600}.table-container{overflow-x:auto}.modern-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.modern-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid #ffffff1a;padding:10px 16px;font-size:10px;font-weight:700}.modern-table td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #ffffff0f;padding:12px 16px}.modern-table tbody tr{transition:background .15s}.modern-table tbody tr:last-child td{border-bottom:none}.modern-table tbody tr:hover td{background:var(--table-hover)}.modern-table.habit-tracker th,.modern-table.habit-tracker td{text-align:center;padding:10px 4px}.modern-table.habit-tracker th:first-child,.modern-table.habit-tracker td:first-child{text-align:left;padding:10px 16px}.modern-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}input,select{border-radius:var(--radius-button);color:var(--text-main);font-family:var(--font-family);transition:var(--transition-button);appearance:none;background:#ffffff0f;border:1.5px solid #ffffff2e;outline:none;padding:12px 16px;font-size:14px}input::placeholder{color:var(--text-muted)}input:focus,select:focus{background:#ffffff1a;border-color:#f5c8428c;box-shadow:0 0 0 3px #f5c8421f,0 0 16px #f5c84214}select option{color:var(--text-main);background:#0a2218}.btn{border-radius:var(--radius-button);font-family:var(--font-family);cursor:pointer;transition:var(--transition-button);color:#fff;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.btn-small{padding:7px 14px;font-size:12px}.btn-primary{background:var(--accent-gold-bg);color:#1a3a20;box-shadow:0 4px 16px #f5c8424d}.btn-primary:hover{transform:scale(1.04)translateY(-1px);box-shadow:0 8px 28px #f5c84273}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--text-primary);background:#ffffff14;border:1.5px solid #fff3}.btn-secondary:hover{background:#ffffff24;border-color:#ffffff59}.btn-danger{color:#fff;background:#ef4444cc;box-shadow:0 4px 16px #ef444440}.btn-danger:hover{background:#ef4444f2;transform:scale(1.03);box-shadow:0 6px 24px #ef444459}.btn-outline{color:var(--text-primary);background:#ffffff0f;border:1.5px solid #fff3}.btn-outline:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-1px)}.btn-success{color:#fff;background:#22c55ed9;box-shadow:0 4px 16px #22c55e40}.btn-success:hover{background:#22c55ef2;box-shadow:0 6px 20px #22c55e59}.btn-selected{transform:translateY(-2px);box-shadow:0 0 0 3px #f5c84240,0 4px 16px #f5c8424d;background:var(--accent-gold-bg)!important;border-color:var(--accent-gold)!important;color:#1a3a20!important}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.modal{background:var(--modal-overlay);-webkit-backdrop-filter:blur(12px);z-index:1000;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.modal.hidden{display:none}body.modal-open{width:100%;position:fixed;overflow:hidden!important}.modal-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:420px;animation:modalSlideIn .35s var(--ease-spring);padding:32px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content h2{letter-spacing:-.02em;margin-bottom:20px;font-size:1.4rem;font-weight:900}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}#auth-overlay{z-index:9999;background:#0a2218f7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#auth-overlay.hidden{display:none}#auth-box{background:var(--glass-bg);border:1.5px solid var(--glass-border);-webkit-backdrop-filter:blur(40px);border-radius:var(--radius-card);text-align:center;width:90%;max-width:400px;box-shadow:var(--glass-shadow);padding:40px;position:relative;overflow:hidden}#auth-box:before{content:"";background:var(--glass-shine);pointer-events:none;position:absolute;inset:0}#auth-box h2{margin-bottom:8px;font-size:1.4rem;font-weight:900}#auth-box p{color:var(--text-muted);margin-bottom:24px;font-size:.88rem;line-height:1.5}#auth-email{border-radius:var(--radius-button);text-align:center;width:100%;margin-bottom:12px;padding:14px 16px;font-size:1rem}#auth-message{min-height:20px;margin-bottom:10px;font-size:.85rem}#auth-message.error{color:var(--danger)}#auth-message.success{color:var(--accent-green)}.auth-sent-box{display:none}.auth-sent-box.visible{display:block}.auth-form-box.hidden-block{display:none}#auth-logout-btn{display:none!important}#status-badge{border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.04em;padding:5px 12px;font-size:11px;font-weight:700}#status-badge.readonly{color:#f87171;background:#ef44441f;border:1px solid #ef444440}#status-badge.admin{color:var(--accent-green);background:#6ee77b1f;border:1px solid #6ee77b40}#sync-indicator{color:var(--text-muted);border-radius:var(--radius-pill);white-space:nowrap;background:#ffffff0d;padding:4px 10px;font-size:.72rem}#sync-indicator.saving{color:var(--accent-gold)}#sync-indicator.saved{color:var(--accent-green)}#sync-indicator.error{color:var(--danger)}body.readonly .edit-only,body.readonly .admin-getraenke-only,body.role-strafen .admin-getraenke-only{display:none!important}body.readonly input[type=checkbox].custom-checkbox{pointer-events:none;opacity:.6}body.role-strafen .getraenke-only,body.role-strafen .ausgaben-only,body.role-getraenke .strafen-only,body.role-getraenke .ausgaben-only{display:none!important}.custom-checkbox{cursor:pointer;width:22px;height:22px;accent-color:var(--accent-gold);margin-top:5px}.current-month{color:var(--accent-gold);border-radius:6px;font-weight:700;background-color:#f5c8421f!important}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f5c84200}50%{box-shadow:0 0 20px 4px #f5c84226}}@keyframes softPulse{0%,to{opacity:1}50%{opacity:.6}}.card,.glass-panel{animation:cardIn .5s var(--ease-spring) backwards}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid>:first-child{animation-delay:40ms}.dashboard-grid>:nth-child(2){animation-delay:80ms}.grid-2-col>:first-child{animation-delay:40ms}.grid-2-col>:nth-child(2){animation-delay:80ms}.btn-primary:after{content:"";border-radius:inherit;z-index:-1;background:0 0;transition:all .3s;position:absolute;inset:-2px}.btn-primary:hover:after{background:#f5c84214;box-shadow:0 0 30px #f5c84233}.card.glass-panel:hover{transform:translateY(-4px)}.nav-links li.active{animation:3s ease-in-out infinite pulseGlow}.status-online{background:var(--accent-green);width:8px;height:8px;box-shadow:0 0 8px var(--accent-green);border-radius:50%;animation:2s infinite softPulse;display:inline-block}@media (width<=960px){.dashboard-grid,.grid-2-col,.grid-stats-2col{grid-template-columns:1fr}}@media (width<=768px){.app-container{flex-direction:column;gap:8px;padding:8px}.sidebar{flex-direction:row;width:100%;padding:8px;overflow-x:auto}.nav-links{flex-direction:row;gap:4px}.nav-links li{white-space:nowrap;padding:8px 12px;font-size:12px}.nav-links li.active:before,.sidebar-header,.sidebar-logo{display:none}}html.theme-minimal{--bg-gradient:#f8fafc;--bg-root:#f8fafc;--text-primary:#0f172a;--text-muted:#64748b;--text-main:#0f172a;--text-secondary:#475569;--glass-bg:#fff;--glass-border:#0000000f;--glass-shadow:0 10px 40px #0000000a;--glass-shadow-hover:0 16px 50px #00000014;--glass-shine:none;--table-hover:#00000005;--modal-overlay:#0f172a4d}html.theme-minimal body:before,html.theme-minimal body:after{display:none}html.theme-minimal .glass-panel{-webkit-backdrop-filter:none}html.theme-minimal .glass-panel:before,html.theme-minimal .glass-panel:after{display:none}html.theme-minimal .btn-primary{background:var(--primary);color:#fff;box-shadow:0 6px 16px #0000001a}html.theme-minimal .nav-links li.active{background:var(--primary);border-color:#0000;color:#fff!important}html.theme-minimal .nav-links li.active:before{background:var(--primary)}html.theme-minimal input,html.theme-minimal select{color:var(--text-primary)!important;background:#f1f5f9!important;border-color:#0000!important}html.theme-minimal input:focus,html.theme-minimal select:focus{box-shadow:0 0 0 3px #0000000d;border-color:var(--primary)!important;background:#fff!important}html.theme-athletics{--bg-gradient:#111827;--bg-root:#111827;--text-primary:#f9fafb;--text-muted:#9ca3af;--text-main:#f9fafb;--text-secondary:#d1d5db;--radius-lg:2px;--radius-md:2px;--radius-sm:2px;--radius-card:2px;--radius-button:2px;--glass-bg:#1f2937;--glass-border:#374151;--glass-shadow:0 10px 15px -3px #00000080;--glass-shadow-hover:0 16px 25px #0009;--glass-shine:none;--table-hover:#ffffff08}html.theme-athletics body:before,html.theme-athletics body:after{display:none}html.theme-athletics body{background-image:repeating-linear-gradient(45deg,#ffffff05 0 2px,#0000 2px 8px)}html.theme-athletics .glass-panel{-webkit-backdrop-filter:none}html.theme-athletics .glass-panel:before,html.theme-athletics .glass-panel:after{display:none}html.theme-athletics .btn{text-transform:uppercase;letter-spacing:.05em;font-weight:800}html.theme-athletics .btn-primary{background:var(--primary)!important;color:#000!important}html.theme-athletics .nav-links li.active{color:#000!important}html.theme-athletics .btn-outline{border:2px solid var(--text-muted);color:var(--text-primary)}html.theme-athletics .btn-outline:hover{border-color:var(--primary);color:var(--primary)}html.theme-neobrutalism{--bg-gradient:#fef08a;--bg-root:#fef08a;--text-primary:#000;--text-muted:#3f3f46;--text-main:#000;--text-secondary:#27272a;--radius-lg:0;--radius-md:0;--radius-sm:0;--radius-card:0;--radius-button:0;--glass-bg:#fff;--glass-border:#000;--glass-shadow:6px 6px 0 0 #000;--glass-shadow-hover:8px 8px 0 0 #000;--glass-shine:none;--table-hover:#f4f4f5}html.theme-neobrutalism body:before,html.theme-neobrutalism body:after{display:none}html.theme-neobrutalism .glass-panel{-webkit-backdrop-filter:none;border-width:3px}html.theme-neobrutalism .glass-panel:before,html.theme-neobrutalism .glass-panel:after{display:none}html.theme-neobrutalism .glass-panel:hover{transform:translate(2px,2px)}html.theme-neobrutalism .btn{font-weight:900;border:3px solid #000!important;box-shadow:4px 4px #000!important}html.theme-neobrutalism .btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #000!important}html.theme-neobrutalism .btn-primary{background:var(--primary)!important;color:#000!important}html.theme-neobrutalism .nav-links li.active{color:#000!important;border:3px solid #000!important}html.theme-neobrutalism input,html.theme-neobrutalism select{color:#000!important;background:#fff!important;border:3px solid #000!important;box-shadow:2px 2px #000!important}html.theme-neobrutalism input:focus,html.theme-neobrutalism select:focus{transform:translate(1px,1px);box-shadow:1px 1px #000!important}html.theme-neobrutalism .modern-table th{color:#000;background:#f4f4f5;border:3px solid #000;font-weight:900}html.theme-neobrutalism .modern-table td{border:3px solid #000;border-top:0}html.theme-neobrutalism[data-theme=dark]{--bg-gradient:#18181b;--bg-root:#18181b;--text-primary:#fff;--text-muted:#a1a1aa;--text-main:#fff;--glass-bg:#09090b;--glass-border:#fff;--glass-shadow:6px 6px 0 0 #fff;--glass-shadow-hover:8px 8px 0 0 #fff;--table-hover:#27272a}html.theme-neobrutalism[data-theme=dark] .btn{color:#fff;border-color:#fff!important;box-shadow:4px 4px #fff!important}html.theme-neobrutalism[data-theme=dark] .btn:hover{box-shadow:2px 2px #fff!important}html.theme-neobrutalism[data-theme=dark] input,html.theme-neobrutalism[data-theme=dark] select{color:#fff!important;background:#09090b!important;border-color:#fff!important;box-shadow:2px 2px #fff!important}