*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f4f0;--cd: #fff;--tx: #1a1a1a;--mu: #6b6b68;--hi: #9c9a92;--bd: #e5e4e0;--bh: #c8c7c2;--ac: #1D9E75;--ab: #E1F5EE;--ad: #085041;--wn: #BA7517;--wb: #FAEEDA;--wd: #633806;--rd: #E24B4A;--rb2: #FCEBEB;--rdd: #791F1F;--pr: #534AB7;--pb: #EEEDFE;--pd: #3C3489;--bl: #378ADD;--blb: #E6F1FB;--bld: #0C447C;--co: #D85A30;--cob: #FAECE7;--cod: #712B13;--pk: #D4537E;--pkb: #FBEAF0;--pkd: #72243E;--r: 16px;--rs: 12px;--f: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sbg: #f0faf5;--nav: 64px;--hdr: 66px}@media (prefers-color-scheme: dark){:root{--bg: #141413;--cd: #242422;--tx: #e8e6dd;--mu: #a09e96;--hi: #6b6b68;--bd: #383835;--bh: #5f5e5a;--ac: #5DCAA5;--ab: #0a3d32;--ad: #9FE1CB;--wn: #EF9F27;--wb: #412402;--wd: #FAC775;--rd: #F09595;--rb2: #501313;--rdd: #F7C1C1;--pr: #AFA9EC;--pb: #26215C;--pd: #CECBF6;--bl: #85B7EB;--blb: #042C53;--bld: #B5D4F4;--co: #F0997B;--cob: #4A1B0C;--cod: #F5C4B3;--pk: #ED93B1;--pkb: #4B1528;--pkd: #F4C0D1;--sbg: #1a2e26}}body{font-family:var(--f);font-size:16px;line-height:1.5;background:var(--bg);color:var(--tx);min-height:100dvh;-webkit-tap-highlight-color:transparent}.hdr{background:var(--cd);border-bottom:1px solid var(--bd);padding:0 16px;height:var(--hdr);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.hdr h1{font-size:18px;font-weight:700;color:var(--ac)}.psw{padding:8px 10px;border-radius:12px;font-size:13px;border:1px solid var(--bd);background:var(--cd);color:var(--tx);cursor:pointer;font-family:var(--f);font-weight:500;max-width:220px;min-height:40px}.pbar{background:var(--cd);border-bottom:1px solid var(--bd);padding:10px 16px;display:flex;align-items:center;gap:12px;font-size:14px}.pbar .pname{font-weight:600;font-size:15px}.pbar .pdepts{display:flex;gap:6px;flex-wrap:wrap}.main-content{padding-bottom:calc(var(--nav) + 20px)}.nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav);background:var(--cd);border-top:1px solid var(--bd);display:flex;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.ni{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:var(--hi);font-size:11px;font-weight:600;border:none;background:none;font-family:var(--f)}.ni.on{color:var(--ac)}.sec{padding:16px 16px 0}.stl{font-size:13px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.c{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:10px}.c:hover{border-color:var(--bh)}.cf{margin:0 16px 10px}.av{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.as{width:36px;height:36px;font-size:13px}.am{width:48px;height:48px;font-size:16px}.b{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.bg{background:var(--ab);color:var(--ad)}.br{background:var(--rb2);color:var(--rdd)}.bw{background:var(--wb);color:var(--wd)}.bb{background:var(--blb);color:var(--bld)}.bp{background:var(--pb);color:var(--pd)}.bc{background:var(--cob);color:var(--cod)}.bgy{background:var(--bg);color:var(--mu)}.bsg{background:var(--ab);color:var(--ad)}.bpk{background:var(--pkb);color:var(--pkd)}.dept{display:inline-flex;font-size:12px;padding:3px 10px;border-radius:12px;font-weight:600}.sg{display:grid;gap:10px;margin-bottom:12px}.sg3{grid-template-columns:repeat(3,1fr)}.sc{background:var(--cd);border:1px solid var(--bd);border-radius:var(--rs);padding:14px 10px;text-align:center;position:relative;overflow:hidden}.sc:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--rs) var(--rs) 0 0}.sc.sc-green:before{background:var(--ac)}.sc.sc-red:before{background:var(--rd)}.sc.sc-blue:before{background:var(--bl)}.sc.sc-warn:before{background:var(--wn)}.sc .n{font-size:28px;font-weight:700}.sc .l{font-size:12px;color:var(--mu);margin-top:4px;font-weight:500}.btn{border:none;border-radius:var(--rs);padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--f);transition:all .15s;min-height:44px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.b1{background:var(--ac);color:#fff}.b1:hover{background:#178f65}.brd{background:var(--rd);color:#fff}.brd:hover{background:#c43e3e}.bo{background:transparent;border:1px solid var(--bd);color:var(--tx)}.bo:hover{border-color:var(--bh);background:var(--bg)}.btn-sm{padding:8px 14px;font-size:13px;min-height:36px}.notify-row{display:flex;gap:6px}.notify-row .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;font-size:13px;font-weight:600}.notify-row .btn-wa{color:#25d366}.notify-row .btn-push{color:var(--bl)}.notify-row .btn-both{color:var(--pr)}.notify-label{font-size:12px;font-weight:600;color:var(--mu);margin-bottom:6px}.ann{border-left:4px solid var(--ac);border-radius:0 var(--rs) var(--rs) 0;padding:14px 16px;margin:0 16px 10px;background:var(--cd);border-top:1px solid var(--bd);border-right:1px solid var(--bd);border-bottom:1px solid var(--bd)}.ann.urg{border-left-color:var(--rd);background:var(--rb2)}.at{font-size:16px;font-weight:600;margin-bottom:4px;line-height:1.3}.ab2{font-size:14px;color:var(--mu);line-height:1.5}.ann.urg .at,.ann.urg .ab2{color:var(--rdd)}.fd{margin-bottom:14px}.fd label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--mu)}.fd input,.fd select,.fd textarea{width:100%;padding:12px 14px;border:1px solid var(--bd);border-radius:var(--rs);font-size:16px;font-family:var(--f);background:var(--cd);color:var(--tx);min-height:48px}.fd textarea{resize:vertical;min-height:80px}.fd input:focus,.fd select:focus,.fd textarea:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px #1d9e751f}.fd .hint{font-size:12px;color:var(--mu);margin-top:4px}.required-note{font-size:12px;color:var(--mu);margin-bottom:12px}.required-note span{color:var(--rd)}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--cd)}.cal-month{font-size:16px;font-weight:700}.cal-nav-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--bd);background:var(--cd);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--tx);font-family:var(--f)}.cal-nav-btn:active{background:var(--bg)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:0 12px 8px;background:var(--cd)}.cal-dayname{text-align:center;font-size:11px;font-weight:700;color:var(--mu);padding:6px 0;text-transform:uppercase}.cal-cell{text-align:center;padding:6px 2px;min-height:48px;border-radius:var(--rs);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.cal-cell.empty{cursor:default}.cal-cell:not(.empty):active{background:var(--bg)}.cal-cell.today .cal-day-num{background:var(--ac);color:#fff;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.cal-cell.selected{background:var(--ab)}.cal-day-num{font-size:14px;font-weight:500}.cal-dots{display:flex;gap:3px;justify-content:center}.cal-dot{width:5px;height:5px;border-radius:50%}.cal-events{padding:10px 16px}.cal-event-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--bd)}.cal-event-item:last-child{border-bottom:none}.cal-event-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.cal-event-title{font-size:14px;font-weight:500}.cal-event-type{font-size:12px;color:var(--mu)}.alert-error{padding:12px 16px;border-radius:var(--rs);background:var(--rb2);color:var(--rdd);font-size:14px;font-weight:500;margin-bottom:12px}.alert-success{padding:12px 16px;border-radius:var(--rs);background:var(--ab);color:var(--ad);font-size:14px;font-weight:500;margin-bottom:12px}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);padding:32px 24px;width:100%;max-width:400px;box-shadow:0 2px 12px #0000000f}.login-header{text-align:center;margin-bottom:28px}.login-header h1{font-size:24px;font-weight:700;margin-top:12px;color:var(--ac)}.login-header p{font-size:15px;color:var(--mu);margin-top:6px}.login-icon{font-size:48px}.login-toggle{display:block;width:100%;text-align:center;margin-top:16px;font-size:14px;color:var(--ac);background:none;border:none;cursor:pointer;font-family:var(--f);font-weight:500;padding:8px}.loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--mu);font-size:16px}.spinner{width:36px;height:36px;border:3px solid var(--bd);border-top-color:var(--ac);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}a.ph{color:var(--ac);text-decoration:none;font-weight:600;font-size:14px}.dfilt{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;background:var(--cd);border-bottom:1px solid var(--bd)}.dp{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid var(--bd);background:transparent;color:var(--mu);cursor:pointer;font-family:var(--f);white-space:nowrap;min-height:40px}.dp.on{background:var(--ac);color:#fff;border-color:var(--ac)}.ov{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:30;justify-content:center;align-items:flex-end}.ov.show{display:flex;animation:fadeIn .15s ease}.modal{background:var(--cd);border-radius:20px 20px 0 0;width:100%;max-width:520px;max-height:90dvh;overflow-y:auto;padding:24px 20px 36px;animation:slideUp .25s ease}.modal h2{font-size:20px;font-weight:700;margin-bottom:16px}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.ch{padding:10px 16px;border-radius:20px;border:1px solid var(--bd);font-size:14px;font-weight:500;cursor:pointer;background:transparent;color:var(--tx);font-family:var(--f);min-height:40px}.ch.sel{background:var(--ac);color:#fff;border-color:var(--ac)}.ch.sr{background:var(--rd);color:#fff;border-color:var(--rd)}.tabs{display:flex;background:var(--cd);padding:0 10px;overflow-x:auto;border-bottom:1px solid var(--bd)}.tab{padding:12px 14px;font-size:14px;font-weight:600;color:var(--mu);border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;font-family:var(--f)}.tab.on{color:var(--ac);border-bottom-color:var(--ac)}.fab{position:fixed;bottom:calc(var(--nav) + 16px);right:16px;width:56px;height:56px;border-radius:50%;background:var(--ac);color:#fff;border:none;font-size:28px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 16px #1d9e754d;z-index:10;transition:transform .15s,box-shadow .15s}.fab.show{display:flex}.fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #1d9e7566}.fab:active{transform:scale(.92)}.fin-action{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);padding:16px;margin:0 16px 10px;cursor:pointer;display:flex;align-items:center;gap:14px}.fin-action:hover{border-color:var(--bh)}.fin-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.st{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0}.ss{font-size:11px;padding:4px 8px;border-radius:10px;border:1px solid var(--bd);color:var(--hi);font-weight:500}.ss.done{background:var(--ab);color:var(--ad);border-color:var(--ac)}.ss.cur{background:var(--wb);color:var(--wd);border-color:var(--wn);font-weight:700}.timer{display:inline-flex;font-size:12px;font-weight:700;padding:4px 10px;border-radius:12px}.timer.ok{background:var(--ab);color:var(--ad)}.timer.warn{background:var(--wb);color:var(--wd)}.timer.late{background:var(--rb2);color:var(--rdd)}.perm{display:inline-flex;font-size:12px;padding:3px 10px;border-radius:10px;background:var(--cob);color:var(--cod);font-weight:600}.ds{display:flex;align-items:center;gap:12px;padding:14px;background:var(--cd);border:1px solid var(--bd);border-radius:var(--rs);margin:0 16px 8px}.ds.filled{border-color:var(--ac);background:var(--ab)}.ds.open{border-style:dashed}.lr{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bd)}.lr:last-child{border-bottom:none}table{font-size:14px}table th{font-size:12px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;border-bottom:2px solid var(--bd);text-align:left}table td{padding:10px 12px;border-bottom:1px solid var(--bd)}.toast-bar{position:fixed;bottom:calc(var(--nav) + 80px);left:50%;transform:translate(-50%) translateY(60px);background:var(--ac);color:#fff;padding:14px 24px;border-radius:var(--r);font-size:15px;font-weight:600;z-index:40;opacity:0;transition:all .35s ease;pointer-events:none;text-align:center;max-width:90%;box-shadow:0 4px 20px #1d9e7559}.toast-bar.show{transform:translate(-50%) translateY(0);opacity:1}.lang-toggle{display:flex;background:var(--bg);border-radius:10px;padding:2px}.lang-btn{padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;border:none;background:transparent;color:var(--mu);cursor:pointer;font-family:var(--f);transition:all .15s;min-width:36px}.lang-btn.on{background:var(--cd);color:var(--ac);box-shadow:0 1px 3px #00000014}.splash{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#fff;animation:splashFade .5s ease}@media (prefers-color-scheme: dark){.splash{background:var(--bg)}}.splash-content{text-align:center;color:var(--tx)}.splash-logo{width:240px;max-width:70vw;margin-bottom:24px;animation:splashPulse 2s ease-in-out infinite}.splash-bismillah{font-size:18px;color:var(--ac);font-weight:500;margin-bottom:32px}.splash-spinner{display:flex;justify-content:center}.splash .spinner{border-color:var(--bd);border-top-color:var(--ac)}@keyframes splashPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.9}}@keyframes splashFade{0%{opacity:0}to{opacity:1}}.login-mode-toggle{display:flex;gap:0;margin-bottom:20px;border-radius:var(--rs);overflow:hidden;border:1px solid var(--bd)}.login-mode-btn{flex:1;padding:12px 8px;font-size:14px;font-weight:600;border:none;cursor:pointer;font-family:var(--f);background:var(--cd);color:var(--mu);transition:all .15s}.login-mode-btn.on{background:var(--ac);color:#fff}.hdr-left{display:flex;align-items:center;gap:10px}.hdr-right{display:flex;align-items:center;gap:8px}.hdr-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:12px;flex-shrink:0}.hdr-name{font-size:13px;font-weight:600;color:var(--tx);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-banner{background:var(--cd);border-bottom:1px solid var(--bd);padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:12px}.date-hijri{font-size:15px;color:var(--ac);font-weight:600}.date-sep{width:1px;height:18px;background:var(--bd)}.date-gregorian{font-size:13px;font-weight:500;color:var(--mu)}.progress-steps{display:flex;align-items:center;gap:0;margin:8px 0}.progress-step{display:flex;align-items:center;flex:1;min-width:0}.progress-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;background:var(--bd);transition:background .2s}.progress-dot.done{background:var(--ac)}.progress-dot.current{background:var(--wn);animation:pulse-dot 2s ease-in-out infinite}.progress-line{flex:1;height:2px;background:var(--bd);margin:0 2px}.progress-line.done{background:var(--ac)}.progress-label{font-size:10px;color:var(--hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;text-align:center;margin-top:2px}.progress-label.current{color:var(--wd);font-weight:700}.progress-label.done{color:var(--ad)}@keyframes pulse-dot{0%,to{box-shadow:0 0 #ba75174d}50%{box-shadow:0 0 0 6px #ba751700}}@keyframes pulse-warn{0%,to{background:var(--wb)}50%{background:var(--wn)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}.confirm-card{background:var(--cd);border-radius:var(--r);padding:24px 20px;max-width:340px;width:100%;text-align:center;box-shadow:0 8px 32px #00000026}.confirm-card h3{font-size:17px;font-weight:700;margin-bottom:16px;line-height:1.4}.confirm-actions{display:flex;gap:8px;margin-top:16px}.confirm-actions .btn{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.summary-bar{display:flex;gap:8px;padding:10px 16px;overflow-x:auto}.summary-pill{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:20px;background:var(--cd);border:1px solid var(--bd);white-space:nowrap;font-size:14px}.summary-pill .n{font-weight:700}.fd .error-msg{font-size:12px;color:var(--rd);margin-top:4px;font-weight:500}.fd input.has-error,.fd select.has-error,.fd textarea.has-error{border-color:var(--rd);box-shadow:0 0 0 3px #e24b4a1f}.ni .ic{font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}.ni svg{width:22px;height:22px}.swipe-hint{text-align:center;font-size:11px;color:var(--hi);padding:4px 0;-webkit-user-select:none;user-select:none}.role-badge{font-size:11px;color:var(--mu);font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{text-align:center;padding:48px 24px;color:var(--mu)}.empty-state-icon{font-size:56px;margin-bottom:14px;opacity:.35;display:flex;justify-content:center}.empty-state-icon svg{width:56px;height:56px;color:var(--hi)}.empty-state-title{font-size:17px;font-weight:600;margin-bottom:6px;color:var(--tx)}.empty-state-desc{font-size:14px;line-height:1.6}.c{transition:border-color .15s,box-shadow .15s}.c:active{transform:scale(.99)}.home-hero{padding:20px 16px 16px;background:linear-gradient(135deg,var(--cd) 0%,var(--ab) 100%);border-bottom:1px solid var(--bd)}@media (prefers-color-scheme: dark){.home-hero{background:linear-gradient(135deg,var(--cd) 0%,#0a3d3210 100%)}}.home-greeting{font-size:24px;font-weight:700;color:var(--tx);line-height:1.2}.home-greeting span{color:var(--ac)}.today-banner{margin:10px 16px;padding:14px 16px;border-radius:var(--r);display:flex;align-items:center;gap:12px;border:1px solid}.today-banner.boys{background:var(--blb);border-color:var(--bl)}.today-banner.girls{background:var(--pkb);border-color:var(--pk)}.today-banner.weekday{background:var(--bg);border-color:var(--bd)}.today-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.today-banner.boys .today-icon{background:var(--bl);color:#fff}.today-banner.girls .today-icon{background:var(--pk);color:#fff}.today-banner.weekday .today-icon{background:var(--bd);color:var(--mu)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 16px;margin-bottom:10px}.quick-card{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);padding:16px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:8px}.quick-card:active{transform:scale(.97)}.quick-card:hover{border-color:var(--bh)}.quick-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.quick-card-title{font-size:15px;font-weight:600;color:var(--tx)}.quick-card-sub{font-size:12px;color:var(--mu)}.kid-card{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);padding:14px 16px;margin:0 16px 8px;display:flex;align-items:center;gap:12px;transition:all .15s}.kid-card:active{transform:scale(.99)}.kid-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kid-status-dot.present{background:var(--ac);box-shadow:0 0 0 3px var(--ab)}.kid-status-dot.absent{background:var(--rd);box-shadow:0 0 0 3px var(--rb2)}.task-home-card{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);padding:12px 16px;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .15s}.task-home-card:active{transform:scale(.99)}.task-home-card:hover{border-color:var(--bh)}.task-priority-bar{width:3px;height:32px;border-radius:2px;flex-shrink:0}.task-priority-bar.urgent{background:var(--rd)}.task-priority-bar.normal{background:var(--wn)}.task-slots{display:flex;gap:2px;align-items:center}.task-slot-dot{width:8px;height:8px;border-radius:50%}.task-slot-dot.filled{background:var(--ac)}.task-slot-dot.empty{background:var(--bd)}.ann{transition:border-color .15s}.ann:hover{border-color:var(--bh)}.tabs{-ms-overflow-style:none;scrollbar-width:none;position:relative}.tabs::-webkit-scrollbar{display:none}.tabs:after{content:"";position:absolute;right:0;top:0;bottom:0;width:32px;background:linear-gradient(to right,transparent,var(--cd));pointer-events:none;z-index:1}.dfilt{-ms-overflow-style:none;scrollbar-width:none}.dfilt::-webkit-scrollbar{display:none}.dfilt:after{content:"";position:absolute;right:0;top:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,var(--cd));pointer-events:none}.dfilt{position:relative}.skel{background:transparent;border-radius:var(--rs)}.skel-card{height:80px;margin:0 16px 8px;border-radius:var(--r)}.skel-line{height:14px;margin-bottom:8px;border-radius:6px}.skel-line.short{width:60%}.skel-line.medium{width:80%}.skel-circle{border-radius:50%}@keyframes shimmer{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}details summary::-webkit-details-marker{display:none}details[open] summary .ic-chevron{transform:rotate(90deg)}details[open] summary svg:last-child{transform:rotate(90deg)}details summary{-webkit-user-select:none;user-select:none}details[open] summary{border-bottom:none}.reg-page{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;background:var(--bg)}.reg-card{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);padding:28px 20px;width:100%;max-width:520px;box-shadow:0 2px 16px #0000000f}.reg-header{text-align:center;margin-bottom:24px}.reg-header h1{font-size:22px;font-weight:700;margin-top:12px;color:var(--ac)}.reg-header p{font-size:15px;color:var(--mu);margin-top:4px}.reg-progress{display:flex;justify-content:space-between;margin-bottom:24px;padding:0 4px;position:relative}.reg-progress:before{content:"";position:absolute;top:14px;left:24px;right:24px;height:2px;background:var(--bd);z-index:0}.reg-progress-step{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1;flex:1}.reg-progress-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--cd);border:2px solid var(--bd);color:var(--mu);transition:all .2s}.reg-progress-step.active .reg-progress-dot{border-color:var(--ac);color:var(--ac)}.reg-progress-step.done .reg-progress-dot{background:var(--ac);border-color:var(--ac);color:#fff}.reg-progress-step.done:hover .reg-progress-dot{transform:scale(1.15);box-shadow:0 0 0 3px #1d9e7526}.reg-progress-label{font-size:11px;color:var(--mu);font-weight:600;text-align:center;white-space:nowrap}.reg-progress-step.active .reg-progress-label{color:var(--ac)}.reg-step{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reg-step-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--tx)}.reg-bereich-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reg-bereich-card{background:var(--card-bg, var(--bg));border:2px solid transparent;border-radius:var(--rs);padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-family:var(--f);transition:all .15s}.reg-bereich-card:hover{border-color:var(--card-border, var(--bd))}.reg-bereich-card.selected{border-color:var(--card-border, var(--ac));box-shadow:0 0 0 3px #1d9e751f;animation:regPulse .4s ease}@keyframes regPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.reg-bereich-icon{font-size:32px}.reg-bereich-label{font-size:14px;font-weight:700;color:var(--tx)}.reg-bereich-desc{font-size:12px;color:var(--mu)}.reg-pill-row{display:flex;gap:8px}.reg-pill{flex:1;padding:10px 12px;border:1px solid var(--bd);border-radius:var(--rs);background:var(--cd);color:var(--tx);font-size:14px;font-weight:600;font-family:var(--f);cursor:pointer;transition:all .15s;min-height:44px}.reg-pill:hover{border-color:var(--bh)}.reg-pill.on{background:var(--ab);border-color:var(--ac);color:var(--ad)}.reg-nav{display:flex;gap:10px;margin-top:16px}.reg-nav .btn{flex:1}.reg-details{border:1px solid var(--bd);border-radius:var(--rs);margin-bottom:14px;overflow:hidden}.reg-details summary{padding:12px 14px;font-size:14px;font-weight:600;color:var(--mu);cursor:pointer;list-style:none}.reg-details summary:after{content:"▸";float:right;transition:transform .2s}.reg-details[open] summary:after{transform:rotate(90deg)}.reg-details[open] summary{border-bottom:1px solid var(--bd)}.reg-details>div{padding:0 14px 14px}.reg-summary{background:var(--sbg);border:1px solid var(--bd);border-radius:var(--rs);padding:12px 14px}.reg-summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.reg-summary-row+.reg-summary-row{border-top:1px solid var(--bd)}.reg-summary-label{color:var(--mu);font-weight:600;font-size:13px}.reg-checkbox{display:flex;gap:10px;align-items:flex-start;padding:14px;background:var(--bg);border:1px solid var(--bd);border-radius:var(--rs);cursor:pointer;font-size:13px;line-height:1.5;color:var(--tx)}.reg-checkbox input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--ac)}.reg-checkbox.has-error{border-color:var(--rd);background:var(--rb2)}.reg-success{text-align:center;padding:20px 0}.reg-success-icon{width:64px;height:64px;border-radius:50%;background:var(--ab);color:var(--ac);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 16px}.reg-success h2{font-size:20px;font-weight:700;color:var(--ac);margin-bottom:8px}.reg-success p{font-size:14px;color:var(--mu);line-height:1.6}.reg-draft-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--wb);border:1px solid var(--wn);border-radius:var(--rs);margin-bottom:16px;animation:fadeIn .25s ease}.reg-beitrag-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reg-beitrag-btn{padding:12px;border:1px solid var(--bd);border-radius:var(--rs);background:var(--cd);color:var(--tx);font-size:14px;font-weight:600;font-family:var(--f);cursor:pointer;transition:all .15s;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center}.reg-beitrag-btn:hover{border-color:var(--bh)}.reg-beitrag-btn.on{background:var(--ab);border-color:var(--ac);color:var(--ad)}.reg-sepa-box{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rs);padding:16px;margin-top:16px}.reg-footer{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--bd);font-size:13px;color:var(--mu);display:flex;gap:8px;justify-content:center}.reg-footer a{color:var(--ac);text-decoration:none}.error-msg{font-size:12px;color:var(--rd);margin-top:4px}input.has-error,select.has-error,textarea.has-error{border-color:var(--rd)!important}.reg-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reg-grid-plz{display:grid;grid-template-columns:120px 1fr;gap:10px}.reg-grid-plz-sm{display:grid;grid-template-columns:100px 1fr;gap:10px}.reg-success-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.reg-success-actions .btn,.reg-success-actions a.btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.reg-page{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}@media (max-width: 400px){.reg-grid-2{grid-template-columns:1fr;gap:0}.reg-grid-plz,.reg-grid-plz-sm{grid-template-columns:110px 1fr}.reg-card{padding:24px 16px}.reg-bereich-grid{grid-template-columns:1fr;gap:8px}.reg-bereich-card{flex-direction:row;padding:14px 16px;gap:12px}.reg-bereich-icon{font-size:28px}.reg-beitrag-grid{grid-template-columns:1fr 1fr;gap:6px}.fd{margin-bottom:12px}.reg-summary-row{flex-direction:column;gap:2px}}@media (max-width: 520px){.reg-step-title{font-size:17px;margin-bottom:14px}.reg-nav{gap:10px;margin-top:20px}.reg-nav .btn,.reg-success-actions .btn,.reg-success-actions a.btn{min-height:48px;font-size:15px}}.reg-admin-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:14px;gap:8px}.reg-admin-row>span:first-child{color:var(--mu);font-weight:600;font-size:13px;flex-shrink:0}.reg-admin-row>span:last-child,.reg-admin-row>a{text-align:right;word-break:break-word}[dir=rtl]{text-align:right}[dir=rtl] .hdr,[dir=rtl] .hdr-left,[dir=rtl] .hdr-right,[dir=rtl] .nav{flex-direction:row-reverse}[dir=rtl] .card,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] .lang-toggle,[dir=rtl] .role-badge{direction:ltr}