:root{font-family:Inter,system-ui,sans-serif;color:#1b1b20;background:#101d43;font-synthesis:none;--teal: #14453d;--teal-light: #1f6355;--teal-pale: #eaf1ef;--orange: #f4511e;--orange-dark: #d73f12;--amber: #f4511e;--amber-pale: #fff0e9;--navy: #101d43;--charcoal: #17191f;--mist: #f7f3ed;--ink: #1b1b20;--brick: #c0392b;--muted: #74716d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 10%,#20356f,var(--navy) 48%,#09132f)}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.shell{width:100%;max-width:480px;margin:0 auto;min-height:100dvh;background:var(--mist);position:relative;box-shadow:0 22px 70px #050b20aa;padding-bottom:108px}.pwa-update-banner{position:fixed;z-index:100;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(calc(100% - 24px),456px);padding:12px;border-radius:16px;background:#17191ff7;color:#fff;box-shadow:0 14px 38px #080b197d;display:flex;align-items:center;justify-content:space-between;gap:12px}.pwa-update-banner div{display:grid;gap:3px}.pwa-update-banner strong{font:800 12px Plus Jakarta Sans,sans-serif}.pwa-update-banner span{color:#ffffffa8;font-size:10px}.pwa-update-banner .btn{flex:0 0 auto;padding:9px 11px}.page{padding:22px 16px 18px;animation:fade .18s ease}@keyframes fade{0%{opacity:.45;transform:translateY(3px)}}.page-title{font:800 20px/1.25 Plus Jakarta Sans,sans-serif;margin-bottom:5px}.page-subtitle{color:var(--muted);font-size:12px;margin-bottom:18px;line-height:1.45}.display{font-family:Plus Jakarta Sans,sans-serif}.muted{color:var(--muted)}.tiny{font-size:11px}.small{font-size:12px}.text-brick{color:var(--brick)}.text-teal{color:var(--teal)}.right{margin-left:auto}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero{background:radial-gradient(circle at 88% 18%,#f4511e40,transparent 27%),radial-gradient(circle at 1px 1px,#ffffff12 1px,transparent 0) 0 0/15px 15px,linear-gradient(145deg,#1b1d23,#111629 72%,#172550);color:#fff;padding:24px 20px 58px;border-radius:0 0 34px 34px}.hero h1{font:800 21px Plus Jakarta Sans,sans-serif;margin:3px 0}.hero p{color:#ffffffb8;font-size:12px;margin:0}.hero-brand{display:flex;align-items:center;gap:8px;margin-bottom:23px;color:#fff;font:800 10px Plus Jakarta Sans;letter-spacing:.08em}.hero-brand img{width:25px;height:28px;object-fit:contain}.avatar{width:46px;height:46px;border-radius:50%;background:var(--orange);color:#201812;display:grid;place-items:center;font:800 14px Plus Jakarta Sans;flex:0 0 auto;box-shadow:0 8px 22px #f4511e38}.avatar.pale{background:var(--teal-pale);color:var(--teal)}.home-content{padding:0 16px;margin-top:-32px;display:grid;gap:13px}.card{background:#fffdfa;border-radius:19px;padding:15px;box-shadow:0 8px 24px #1518200d;border:1px solid #eee7de}.card.interactive{transition:transform .15s,box-shadow .15s}.card.interactive:active{transform:scale(.99)}.hero-card{box-shadow:0 14px 32px #1116291c}.home-content>.hero-card{background:radial-gradient(circle at 88% 18%,#f4511e36,transparent 30%),linear-gradient(145deg,#1b1d22,#111522);color:#fff;border-color:#ffffff10;box-shadow:0 18px 36px #11162930}.home-content>.hero-card .muted{color:#ffffffa6}.home-content>.hero-card .badge{background:#f4511e24;color:#ff8359}.home-content>.hero-card .btn.ghost{color:#ff7040}.daily-card h2{font:800 21px/1.25 Plus Jakarta Sans;margin:12px 0 4px}.daily-gregorian{color:#ffffffa6;font-size:10px;line-height:1.45;margin-bottom:15px}.daily-location{display:flex;align-items:center;gap:6px;color:#ffffffb5;font-size:9px;margin:-7px 0 15px}.daily-location.fallback{color:#ffb49b}.location-pulse{width:6px;height:6px;border-radius:50%;background:#66d4a9;box-shadow:0 0 0 3px #66d4a925;flex:0 0 auto}.daily-location.loading .location-pulse{background:#ff8359;box-shadow:0 0 0 3px #ff835925}.daily-location.fallback .location-pulse{background:#ff8359;box-shadow:none}.prayer-times{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.prayer-times div{background:#ffffff0c;border:1px solid #ffffff12;border-radius:10px;padding:9px 3px;text-align:center}.prayer-times span{display:block;color:#ffffff8f;font-size:8px;margin-bottom:4px}.prayer-times strong{color:#fff;font:800 11px Plus Jakarta Sans}.prayer-source{color:#ffffff70;font-size:8px;margin:9px 0 0;text-align:right}.month-card h3{font:800 16px Plus Jakarta Sans;text-transform:capitalize;margin:7px 0 0}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-weekdays{margin:17px 0 6px}.calendar-weekdays span{color:var(--muted);font-size:8px;font-weight:800;text-align:center}.calendar-day{min-height:44px;border-radius:10px;padding:5px 3px 3px;text-align:center;background:#f8f5f0;border:1px solid transparent}.calendar-day.today{background:var(--charcoal);color:#fff;border-color:var(--orange);box-shadow:0 5px 13px #11162922}.calendar-day.has-event{background:linear-gradient(145deg,var(--orange),var(--orange-dark));color:#fff;border-color:var(--orange);box-shadow:0 5px 13px #f4511e38}.calendar-day strong{display:block;font:800 11px Plus Jakarta Sans}.calendar-day small{color:var(--muted);display:block;font-size:7px;margin:2px 0}.calendar-day.today small{color:#ffffff8f}.calendar-day.has-event small{color:#ffffffb8}.calendar-day.has-event .dot.event{background:#fff}.dot{width:5px;height:5px;border-radius:50%;display:inline-block;margin:0 1px}.dot.event{background:var(--orange)}.dot.fast{background:var(--teal-light)}.calendar-legend{display:flex;flex-wrap:wrap;gap:9px;margin:10px 1px 15px;color:var(--muted);font-size:8px}.calendar-legend span{display:inline-flex;align-items:center;gap:3px}.calendar-schedules{border-top:1px solid #eee7de;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.calendar-schedules h4{font:800 11px Plus Jakarta Sans;margin:0 0 9px}.schedule-row{display:grid;grid-template-columns:24px 1fr;align-items:start;gap:6px;margin-bottom:8px}.schedule-row>span{width:24px;height:24px;border-radius:8px;background:var(--amber-pale);color:var(--orange-dark);display:grid;place-items:center;font:800 9px Plus Jakarta Sans}.schedule-row strong,.schedule-row small{display:block;line-height:1.35}.schedule-row strong{font-size:8px}.schedule-row small{color:var(--muted);font-size:7px;margin-top:2px}.calendar-sources{border-top:1px solid #eee7de;margin-top:8px;padding-top:10px;color:var(--muted);font-size:8px}.calendar-sources summary{color:var(--teal);cursor:pointer;font-weight:800}.calendar-sources p{margin:6px 0 0;line-height:1.45}.hafalan-absensi-card{background:radial-gradient(circle at 100% 0,#ffffff32,transparent 42%),linear-gradient(145deg,#ff713d,var(--orange));border:0;color:#211914;box-shadow:0 12px 28px #f4511e35}.hafalan-absensi-card h3{font:800 14px Plus Jakarta Sans;margin:0 0 4px}.hafalan-absensi-card p{font-size:10px;margin:0;color:#4e2b20}.hafalan-card-icon{width:42px;height:42px;border-radius:14px;background:#fff8;display:grid;place-items:center}.hafalan-card-button{margin-top:13px;background:var(--charcoal);color:#fff}.install-pwa-card{background:radial-gradient(circle at 100% 0,#f4511e1f,transparent 42%),#fffdfa;display:grid;gap:13px}.install-pwa-heading{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:11px}.install-pwa-heading h3{font:800 14px/1.35 Plus Jakarta Sans;margin:8px 0 5px}.install-pwa-heading p{color:var(--muted);font-size:11px;line-height:1.5;margin:0}.install-pwa-icon{width:40px;height:40px;border-radius:14px;background:var(--amber-pale);color:var(--orange);display:grid;place-items:center}.install-pwa-guide{display:flex;align-items:center;gap:9px;background:var(--mist);border-radius:13px;padding:11px 12px;color:#5d5955;font-size:10px;line-height:1.5}.install-pwa-guide svg{color:var(--orange);flex:0 0 auto}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stat{background:#fffdfa;border-radius:17px;padding:14px;box-shadow:0 5px 18px #1518200b;border:1px solid #eee7de}.stat strong{display:block;font:800 20px Plus Jakarta Sans;margin:4px 0 2px}.stat span{font-size:10px;color:var(--muted)}.bottom-nav{position:fixed;z-index:20;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(calc(100% - 24px),456px);height:64px;padding:8px 7px;background:#17191ff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff14;border-radius:22px;box-shadow:0 14px 35px #080b19aa;display:flex;align-items:flex-end;justify-content:space-around;overflow:visible}.nav-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;border:0;background:transparent;color:#888b93;min-width:56px;height:47px;padding:3px 6px;display:grid;justify-items:center;gap:2px;font-size:9px}.nav-button svg{width:21px;height:21px}.nav-button.active{color:var(--orange);font-weight:700}.nav-dot{width:4px;height:4px;background:transparent;border-radius:50%}.nav-button.active .nav-dot{background:var(--orange);box-shadow:0 0 8px #f4511e}.nav-button-absensi{padding-top:31px}.nav-button-absensi .nav-dot{display:none}.nav-attendance-float{position:absolute;left:50%;top:-38px;transform:translate(-50%);width:60px;height:60px;border-radius:50%;background:#fff;border:5px solid var(--mist);display:grid;place-items:center;box-shadow:0 10px 24px #080b1952}.nav-attendance-float img{width:28px;height:32px;object-fit:contain}.btn{border:0;border-radius:13px;padding:11px 14px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:opacity .15s,transform .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,#ff672f,var(--orange));color:#211914;box-shadow:0 8px 18px #f4511e29}.btn.amber{background:var(--orange);color:#211914}.btn.light{background:var(--amber-pale);color:var(--orange-dark)}.btn.ghost{background:transparent;color:var(--orange-dark);padding:7px}.btn.danger{background:#fff0ee;color:var(--brick)}.btn.full{width:100%}.icon-btn{width:34px;height:34px;border:0;border-radius:50%;background:var(--orange);color:#211914;display:grid;place-items:center;box-shadow:0 7px 16px #f4511e2e}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;background:var(--amber-pale);color:var(--orange-dark)}.badge.amber{background:var(--amber-pale);color:var(--orange-dark)}.badge.gray{background:#f0f2f0;color:#69756f}.badge.red{background:#fff0ee;color:var(--brick)}.chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:12px -16px 16px;padding:0 16px}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:0;background:#e9eeea;color:#52615a;padding:8px 12px;border-radius:99px;font-size:11px;font-weight:600}.chip.active{background:var(--charcoal);color:var(--orange);box-shadow:inset 0 -2px 0 var(--orange)}.progress{height:7px;background:#e9eeea;border-radius:99px;overflow:hidden}.progress>div{height:100%;background:var(--amber);border-radius:99px;transition:width .25s}.event-card{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:start}.event-date{width:58px;height:67px;border-radius:13px;background:linear-gradient(145deg,var(--orange),var(--orange-dark));color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 8px 18px #f4511e38;text-shadow:0 1px 2px #7d1f0870}.event-date strong{font:800 22px Plus Jakarta Sans;line-height:1}.event-date span{font-size:9px;text-transform:uppercase;margin-top:4px}.event-date.locked{background:#e9eeea;color:#98a29d;text-shadow:none}.event-info h3{font-size:13px;margin:7px 0 4px;line-height:1.35}.event-info p{font-size:11px;color:var(--muted);margin:0 0 3px}.milestones{margin:12px 0 0 70px;border-top:1px solid #eef1ef;padding-top:10px;display:grid;gap:7px}.milestone{display:flex;align-items:center;gap:8px;font-size:10px;color:#52615a}.milestone button{width:18px;height:18px;border-radius:50%;border:1.5px solid #c9d2cd;background:#fff;color:#fff;padding:0;font-size:10px}.milestone.done button{background:var(--teal);border-color:var(--teal)}.milestone.late{color:var(--brick)}.field{display:grid;gap:6px}.field label{font-size:10px;color:#56635d;font-weight:700}.input{width:100%;border:1px solid #dfe6e1;background:#fbfcfb;border-radius:12px;padding:11px 12px;color:var(--ink);outline:none;font-size:12px}.input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f4511e16}textarea.input{resize:vertical;min-height:82px}.form-grid{display:grid;gap:11px}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#08112db8;display:flex;align-items:flex-end;justify-content:center}.modal{width:min(100%,480px);max-height:92dvh;overflow:auto;background:var(--mist);border-radius:24px 24px 0 0;padding:21px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px #081b1766}.modal h2{font:800 17px Plus Jakarta Sans;margin:0}.accordion-head{width:100%;background:none;border:0;color:inherit;padding:0;text-align:left}.accordion-body{border-top:1px solid #eef1ef;padding-top:12px;margin-top:12px}.reason{padding:9px 10px;background:var(--mist);border-radius:10px;font-size:10px;color:#5f6b65}.panitia-inline-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:7px;color:#9a6d11;font-size:10px}.panitia-dashboard{margin-bottom:14px;padding:17px;color:#fff;border:0;background:radial-gradient(circle at 90% 10%,#f4511e45,transparent 32%),linear-gradient(145deg,#1b1d23,#111629 75%,#172550);box-shadow:0 14px 30px #11162925}.panitia-dashboard-total{display:flex;align-items:center;gap:12px}.panitia-dashboard-total>span{width:45px;height:45px;border-radius:15px;background:var(--orange);color:#251912;display:grid;place-items:center;box-shadow:0 8px 20px #f4511e38}.panitia-dashboard-total small,.panitia-dashboard-total strong,.panitia-dashboard-total p{display:block}.panitia-dashboard-total small{color:#ffffffa8;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.panitia-dashboard-total strong{font:800 30px/1.05 Plus Jakarta Sans;margin-top:3px}.panitia-dashboard-total p{color:#ffffff76;font-size:8px;margin:2px 0 0}.panitia-dashboard-heading{display:flex;align-items:center;gap:6px;color:#ffffffb8;border-top:1px solid #ffffff14;margin-top:15px;padding-top:13px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.panitia-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.panitia-dashboard-division{min-width:0;border:1px solid #ffffff13;background:#ffffff0a;border-radius:11px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.panitia-dashboard-division span{min-width:0;color:#ffffffb8;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panitia-dashboard-division strong{color:#ff8359;font:800 15px Plus Jakarta Sans}.attendance-summary{margin-top:13px;padding:12px;border-radius:14px;background:var(--mist);border:1px solid #e6ebe8}.attendance-summary>.spread{padding-bottom:9px;border-bottom:1px solid #dfe6e1;font-size:11px}.attendance-summary>.spread span{color:var(--muted);font-weight:700}.attendance-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:10px}.attendance-summary-grid>div{display:grid;gap:2px;text-align:center}.attendance-summary-grid span,.attendance-summary-grid small{color:var(--muted);font-size:9px}.attendance-summary-grid strong{font:800 17px Plus Jakarta Sans}.attendance-amber{color:#a6760f}.job-editor{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding:10px;background:#fff;border-radius:13px}.job-editor .btn{margin-bottom:1px}.division-manager{border-top:1px solid #dfe6e1;padding-top:13px;display:grid;gap:8px}.division-manager>div:first-child p{margin:3px 0 4px}.division-manager-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffdfa;border:1px solid #eee7de;border-radius:13px;padding:10px 11px}.division-manager-row>div{min-width:0;display:grid;gap:2px}.division-manager-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.division-manager-row span{color:var(--muted);font-size:9px}.division-manager-row .btn{flex:0 0 auto;padding:8px 10px;font-size:10px}.arabic{font:600 24px/2 Noto Naskh Arabic,serif;direction:rtl;text-align:right;white-space:pre-line;color:#193d34;margin:15px 0}.latin{white-space:pre-line;font-size:11px;font-style:italic;color:#57665f;line-height:1.65}.translation{white-space:pre-line;font-size:11px;line-height:1.65}.source{font-size:10px;line-height:1.55;color:#6a7871;background:var(--mist);border-left:3px solid var(--amber);padding:10px;border-radius:0 10px 10px 0}.doa-card.done{opacity:.58}.dzikir-reader{margin:0 -16px}.reader-status{padding:0 18px 9px}.swipe-track{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none;padding:0 16px 8px;overscroll-behavior-x:contain}.swipe-track::-webkit-scrollbar{display:none}.swipe-card{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;min-height:62dvh}.swipe-card.done{opacity:.64}.reader-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 16px 10px}.reader-controls .btn{padding:9px 10px;font-size:10px}.reader-dots{display:flex;gap:4px;overflow:hidden;justify-content:center}.reader-dots button{width:5px;height:5px;flex:0 0 auto;padding:0;border:0;border-radius:50%;background:#cbd5d0}.reader-dots button.active{width:14px;border-radius:99px;background:var(--amber)}.doa-title{font:700 13px/1.4 Plus Jakarta Sans;margin:0}.check{width:28px;height:28px;flex:0 0 auto;border:1.5px solid #b9c6c0;background:#fff;border-radius:50%;color:#fff;display:grid;place-items:center}.check.done{background:var(--orange);border-color:var(--orange);color:#241912}.qr-wrap{background:#fff;padding:16px;border-radius:18px;width:max-content;margin:12px auto}.scanner-video{width:100%;aspect-ratio:4/3;background:#102e28;border-radius:15px;object-fit:cover}.notice{background:var(--amber-pale);color:#795511;border-radius:13px;padding:11px 12px;font-size:11px;line-height:1.5}.notice.success{background:var(--teal-pale);color:var(--teal)}.notice.error{background:#fff0ee;color:var(--brick)}.empty{text-align:center;color:var(--muted);font-size:12px;padding:28px 15px}.loading{display:grid;place-items:center;min-height:200px;color:var(--muted);font-size:12px}.spinner{width:22px;height:22px;border:2px solid #ddd7cf;border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100dvh;max-width:480px;margin:auto;background:var(--mist);display:flex;flex-direction:column}.login-hero{min-height:290px;padding:45px 30px;background:radial-gradient(circle at 82% 20%,#f4511e4d,transparent 27%),radial-gradient(circle at 1px 1px,#ffffff12 1px,transparent 0) 0 0/15px 15px,linear-gradient(145deg,#181a20,#0f1427 72%,#172550);color:#fff;border-radius:0 0 38px 38px;display:grid;align-content:center;text-align:center;justify-items:center}.brand-mark{width:88px;height:88px;object-fit:contain;margin-bottom:13px}.login-hero h1{font:800 23px Plus Jakarta Sans;margin:0 0 7px}.login-hero p{font-size:12px;color:#ffffffb3;max-width:280px}.login-form{margin:-22px 16px 20px;z-index:1}.demo-grid{display:grid;gap:7px;margin-top:13px}.demo{border:1px dashed #c6d0cb;background:#fafbfa;color:#44534c;border-radius:11px;padding:9px 11px;text-align:left;font-size:10px}.demo strong{color:var(--orange-dark)}.login-divider{display:flex;align-items:center;gap:10px;color:#8b9791;font-size:10px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e2e7e4;flex:1}.google-login-wrap{display:grid;justify-items:center;gap:7px;text-align:center;overflow:hidden}.google-login-wrap>div:first-child{min-height:44px;display:grid;place-items:center}.google-login-wrap p{margin:0}@media(min-width:760px){.shell{margin:20px auto;min-height:calc(100dvh - 40px);border-radius:28px;overflow:hidden}.bottom-nav{bottom:32px}.login-page{min-height:calc(100dvh - 40px);margin-top:20px;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px #050b20aa}}