@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--pks-orange:#ea580c;--pks-orange-vibrant:#f97316;--pks-orange-dark:#c2410c;--pks-orange-soft:#fff7ed;--pks-orange-border:#fed7aa;--blue:#ea580c;--orange:#f97316;--ink:#1c1917;--muted:#78716c;--line:#ebe5dc;--paper:#fcfaf7;--radius:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:#f4eee5;font-family:DM Sans,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:var(--pks-orange)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--pks-orange-vibrant);outline-offset:3px}h1,h2,h3,.brand{font-family:Manrope,system-ui,sans-serif}h1{letter-spacing:-.055em;margin:7px 0 10px;font-size:clamp(1.65rem,4vw,2rem);line-height:1.25}h2{letter-spacing:-.025em;margin:0 0 8px;font-size:1.15rem}h3{font-size:1rem}p{margin:0;line-height:1.6}.app-shell{background:var(--paper);max-width:560px;min-height:100dvh;margin:auto;box-shadow:0 0 80px #1c19170f}.topbar{background:#fff;justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.brand{letter-spacing:-.065em;align-items:center;gap:9px;font-size:1.6rem;font-weight:800;display:flex}.brand>span{background:linear-gradient(135deg,var(--pks-orange-vibrant),var(--pks-orange));color:#fff;border-radius:11px;place-items:center;width:34px;height:37px;display:grid;transform:rotate(-6deg)}.brand b{color:var(--pks-orange);margin-left:-8px}.avatar{background:var(--pks-orange-soft);width:38px;height:38px;color:var(--pks-orange);border:1px solid var(--pks-orange-border);border-radius:50%;place-items:center;display:grid}.main-content{padding:26px 24px 110px}.eyebrow{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.muted{color:var(--muted);font-size:.875rem}.prayer-card{color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,#f70 0%,#ea580c 100%);margin:24px 0;padding:24px;box-shadow:0 12px 32px #ea580c38}.prayer-card h2{margin:22px 0;font-size:2rem;line-height:1.3}.quote{color:#44403c;border-left:3px solid var(--pks-orange-vibrant);margin:24px 4px;padding-left:16px;font-size:1rem;line-height:1.7}.panel{border-radius:var(--radius);border:1px solid var(--line);background:#fff;margin:14px 0;padding:22px}.primary{background:var(--pks-orange);color:#fff;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:18px;padding:14px 18px;font-weight:700;transition:background .15s;display:flex}.primary:hover{background:var(--pks-orange-dark)}.bottom-nav{padding:12px 8px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:20;background:#fff;justify-content:space-around;width:min(560px,100%);display:flex;position:fixed;bottom:0}.bottom-nav span,.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:8px 10px;font-size:.75rem;display:flex}.bottom-nav small{font-size:.75rem}.bottom-nav button.active{color:var(--pks-orange);background:var(--pks-orange-soft)}@media (min-width:900px){.app-shell{border-radius:28px;min-height:calc(100dvh - 48px);margin:24px auto;overflow:hidden}.bottom-nav{border-radius:0 0 28px 28px;bottom:24px}.main-content{padding:30px 32px 115px}}@media (max-width:360px){.main-content{padding:22px 17px 110px}.topbar{padding:20px}}.brand-button{cursor:pointer;color:inherit;text-align:left;background:0 0;border:none;padding:0}.account-menu{z-index:50;border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:8px;min-width:210px;padding:18px;display:flex;position:absolute;top:70px;right:24px;box-shadow:0 12px 36px #0000001f}.account-menu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fdfaf6;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-weight:500;display:flex}.account-menu button:hover{background:var(--pks-orange-soft);color:var(--pks-orange)}.demo-banner{color:#c2410c;text-align:center;background:#fff7ed;border-bottom:1px solid #fed7aa;padding:8px 16px;font-size:.8rem;font-weight:600}.alert{border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:14px 18px;font-size:.9rem;display:flex}.alert.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.alert.conflict{color:#92400e;background:#fef3c7;border:1px solid #fde68a;flex-direction:column;align-items:flex-start}.icon-button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;display:grid}.icon-button:hover{color:var(--ink);background:#f5efe8}.empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 16px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login{padding:20px 4px}.login-art{background:linear-gradient(135deg,var(--pks-orange-vibrant),var(--pks-orange-dark));color:#fff;border-radius:var(--radius);align-items:center;gap:18px;margin:24px 0;padding:28px 22px;font-weight:700;line-height:1.4;display:flex}.small-gap{margin-top:8px;font-size:.8rem}.demo-options{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:28px;padding-top:20px;display:flex}.field{flex-direction:column;gap:6px;width:100%;margin:12px 0;font-size:.88rem;font-weight:600;display:flex}.field input,.field select,.field textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;padding:12px 14px;font-size:.95rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pks-orange);outline:none}.number-field{flex-direction:row;justify-content:space-between;align-items:center}.number-field input{text-align:right;width:90px}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-error{color:#dc2626;margin:6px 0;font-size:.82rem}.secondary{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;display:flex}.secondary:hover{background:#fdfaf6}.compact{border-radius:10px;width:auto;margin:0;padding:8px 14px;font-size:.85rem}.blue{background:var(--pks-orange);color:#fff}.blue:hover{background:var(--pks-orange-dark)}.full{width:100%;margin-top:14px}.text-button{color:var(--pks-orange);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 8px;font-size:.85rem;font-weight:600;display:inline-flex}.text-button:hover{text-decoration:underline}.button-row{gap:10px;width:100%;margin-top:12px;display:flex}.sync-status{color:var(--muted);align-items:center;gap:8px;margin-top:20px;padding:8px 0;font-size:.8rem;display:flex}.offline-ready{color:var(--muted);text-align:center;margin-top:6px;font-size:.75rem}.row{justify-content:space-between;align-items:center;width:100%;display:flex}.location{opacity:.9;align-items:center;gap:6px;font-size:.85rem;display:flex}.prayer-label{letter-spacing:.1em;opacity:.9;font-size:.75rem;font-weight:700}.next-prayer{justify-content:space-between;align-items:center;margin:16px 0 20px;display:flex}.next-prayer p{opacity:.9;font-size:.85rem}.next-prayer strong{letter-spacing:-.03em;font-family:Manrope,sans-serif;font-size:2rem}.prayer-times{text-align:center;background:#ffffff2e;border-radius:14px;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px 8px;display:grid}.prayer-times div{flex-direction:column;gap:3px;font-size:.75rem;display:flex}.prayer-times div b{font-size:.88rem}.prayer-times div.selected{color:var(--pks-orange);background:#fff;border-radius:8px;padding:4px 2px;font-weight:700;box-shadow:0 2px 6px #0000001f}.prayer-note{opacity:.85;margin-top:12px;font-size:.8rem}.start-panel{border-radius:var(--radius);border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;flex-direction:column;width:100%;margin:16px 0;padding:20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #1c191708}.start-panel:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ea580c14}.orange-icon{background:var(--pks-orange-soft);width:44px;height:44px;color:var(--pks-orange);border-radius:14px;place-items:center;display:grid}.start-action{color:var(--pks-orange);border-top:1px solid var(--line);align-items:center;gap:6px;margin-top:16px;padding-top:14px;font-size:.9rem;font-weight:700;display:flex}.section-heading{margin:24px 0 12px}.section-heading h2{margin:0}.week-strip{grid-template-columns:repeat(7,1fr);gap:6px;margin:14px 0 20px;display:grid}.week-day{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-size:.75rem;display:flex}.week-day b{color:var(--ink);place-items:center;width:24px;height:24px;font-size:.95rem;display:grid}.week-day.today{border-color:var(--pks-orange);background:var(--pks-orange-soft)}.week-day.done b{color:#fff;background:#10b981;border-radius:50%}.list-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:14px 0;display:flex}.list-row:last-child{border-bottom:0}.list-row strong{color:var(--ink);font-size:.95rem;display:block}.list-row small{color:var(--muted);font-size:.8rem}.list-row em{background:var(--pks-orange-soft);color:var(--pks-orange);border-radius:8px;padding:4px 10px;font-size:.8rem;font-style:normal;font-weight:600}.check-row{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 0;font-size:.95rem;display:flex}.check-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--pks-orange)}.sub-check{color:var(--muted);border-top:1px dashed var(--line);padding-left:18px;font-size:.88rem}.date-picker{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-weight:600;display:inline-flex}.date-picker input{font:inherit;background:0 0;border:0;outline:none}.step-tabs{grid-template-columns:repeat(7,1fr);gap:6px;margin:16px 0;display:grid}.step-tabs button{border:1px solid var(--line);height:38px;color:var(--muted);cursor:pointer;background:#fff;border-radius:10px;place-items:center;font-weight:600;display:grid}.step-tabs button.active{background:var(--pks-orange);color:#fff;border-color:var(--pks-orange)}.prayer-check-panel{border-radius:var(--radius);border:1px solid var(--line);background:#fff;margin:10px 0;padding:16px 20px}.rawatib{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.tilawah .counter{justify-content:center;align-items:center;gap:18px;margin:18px 0 10px;display:flex}.counter button{border:1px solid var(--pks-orange-border);background:var(--pks-orange-soft);width:46px;height:46px;color:var(--pks-orange);cursor:pointer;border-radius:50%;place-items:center;font-size:1.4rem;font-weight:700;display:grid}.counter input{text-align:center;background:0 0;border:0;width:90px;font-family:Manrope,sans-serif;font-size:1.8rem;font-weight:800}.center{text-align:center}.reading{border:1px solid var(--line);background:#fcfaf7;border-radius:10px;justify-content:space-between;align-items:center;margin:8px 0;padding:10px 14px;display:flex}.reading span{flex-direction:column;font-weight:600;display:flex}.reading small{color:var(--muted);font-size:.8rem;font-weight:400}.activity-panel{flex-direction:column;gap:2px;display:flex}.wizard-actions{gap:12px;margin:24px 0 10px;display:flex}.wizard-actions button{flex:1;margin-top:0}.week-picker{border-radius:var(--radius);border:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;margin:16px 0;padding:14px 18px;display:flex}.week-picker span{text-align:center;flex-direction:column;display:flex}.report-hero{background:linear-gradient(135deg,var(--pks-orange-vibrant),var(--pks-orange-dark));color:#fff;border-radius:var(--radius);flex-direction:column;gap:4px;margin:14px 0;padding:22px;display:flex;box-shadow:0 12px 32px #ea580c33}.report-hero span{opacity:.9;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}.report-hero strong{letter-spacing:-.03em;font-family:Manrope,sans-serif;font-size:1.9rem}.report-hero small{opacity:.9;font-size:.9rem;font-weight:400}.report-hero em{opacity:.85;margin-top:4px;font-size:.8rem;font-style:normal}.report-list .row{margin-bottom:12px}.report-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;font-size:.92rem;display:flex}.report-row:last-child{border-bottom:0}.report-row span{flex-direction:column;display:flex}.report-row small{color:var(--muted);font-size:.78rem}.report-row b{color:var(--ink);font-size:.95rem}.admin-layout{color:#1c1917;background:#faf7f2;flex-direction:column;min-height:100vh;display:flex}.admin-loading-screen,.admin-unauthorized{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.admin-header{z-index:40;background:#fff;border-bottom:1px solid #e7e0d6;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.admin-header-left{align-items:center;gap:14px;display:flex}.admin-role-badge{background:var(--pks-orange-soft);color:var(--pks-orange);border:1px solid var(--pks-orange-border);border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:700}.admin-header-right{align-items:center;gap:18px;display:flex}.admin-return-link{color:var(--pks-orange);background:var(--pks-orange-soft);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.admin-return-link:hover{background:#ffedd5}.admin-user-profile{color:#44403c;font-size:.88rem}.admin-body{flex:1;display:flex}.admin-sidebar{background:#fff;border-right:1px solid #e7e0d6;flex-shrink:0;width:240px;padding:20px 14px}.admin-nav{flex-direction:column;gap:5px;display:flex}.admin-nav-item{color:#78716c;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.admin-nav-item:hover{color:#1c1917;background:#fdfaf6}.admin-nav-item.active{background:var(--pks-orange-soft);color:var(--pks-orange);font-weight:700}.admin-main{box-sizing:border-box;flex:1;width:100%;max-width:1250px;padding:28px 36px}.admin-section{flex-direction:column;gap:20px;display:flex}.admin-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-section-header h2{margin:0;font-size:1.45rem}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.admin-stat-card{background:#fff;border:1px solid #e7e0d6;border-radius:18px;flex-direction:column;gap:4px;padding:20px;display:flex}.admin-stat-card span{color:#78716c;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.admin-stat-card strong{color:#1c1917;font-family:Manrope,sans-serif;font-size:1.85rem}.admin-stat-card em{color:#78716c;font-size:.8rem;font-style:normal}.admin-card{background:#fff;border:1px solid #e7e0d6;border-radius:18px;padding:22px}.admin-card h3{margin:0 0 10px;font-size:1.1rem}.admin-quick-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.admin-quick-actions button{margin-top:0}.admin-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-search-box{background:#fdfaf6;border:1px solid #e7e0d6;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;padding:8px 12px;display:flex}.admin-search-box input{background:0 0;border:0;outline:none;width:100%;font-size:.9rem}.admin-select{color:#1c1917;background:#fff;border:1px solid #e7e0d6;border-radius:10px;outline:none;padding:9px 12px;font-size:.88rem}.admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.admin-table th{color:#78716c;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e7e0d6;padding:12px 14px;font-size:.78rem;font-weight:700}.admin-table td{vertical-align:middle;border-bottom:1px solid #f5efe8;padding:13px 14px}.admin-table tr:hover td{background:#fdfaf6}.admin-badge{border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block}.badge-active{color:#15803d;background:#dcfce7}.badge-inactive{color:#78716c;background:#f5efe8}.admin-role-tag{background:var(--pks-orange-soft);color:var(--pks-orange);border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block}.admin-wa-btn{color:#15803d;background:#dcfce7;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.admin-wa-btn:hover{background:#bbf7d0}.admin-day-checked{color:#fff;background:#10b981;border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid}.admin-day-empty{color:#d6cfc7;font-size:1.2rem;line-height:1}.admin-quote-row{background:#fdfaf6;border:1px solid #e7e0d6;border-radius:12px;margin-bottom:12px;padding:12px 16px}.admin-quote-row textarea{resize:vertical;border:1px solid #e7e0d6;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:.9rem}.admin-grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.admin-toast{color:#fff;z-index:100;background:#1c1917;border-radius:12px;padding:12px 20px;font-size:.9rem;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0000002e}.admin-modal-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c191780;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:22px;width:100%;max-width:480px;max-height:90vh;padding:26px;overflow-y:auto;box-shadow:0 20px 40px #00000026}@media (max-width:900px){.admin-body{flex-direction:column}.admin-sidebar{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e7e0d6;border-right:0;width:100%;padding:10px 16px;overflow-x:auto}.admin-nav{flex-direction:row;gap:6px;width:max-content}.admin-nav-item{white-space:nowrap;padding:8px 12px;font-size:.85rem}.admin-main{padding:18px 16px}.admin-header{padding:12px 16px}.admin-header-right span{display:none}}.location-btn{color:#fff;cursor:pointer;background:#ffffff38;border:1px solid #ffffff59;border-radius:20px;align-items:center;gap:6px;max-width:260px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.location-btn:hover{background:#ffffff52}.location-gps-tag{color:#fff;background:#10b981;border-radius:6px;padding:1px 6px;font-size:.65rem;font-weight:700}.location-modal-overlay{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c19178c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.location-modal{color:var(--ink);background:#fff;border-radius:22px;flex-direction:column;gap:16px;width:100%;max-width:440px;max-height:85vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0003}.location-action-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fdfaf6;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px;font-family:inherit;transition:all .15s;display:flex}.location-action-card:hover{background:var(--pks-orange-soft);border-color:var(--pks-orange-border)}.location-action-icon{background:var(--pks-orange-soft);width:40px;height:40px;color:var(--pks-orange);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.location-city-list{border:1px solid var(--line);border-radius:12px;flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.location-city-item{text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:0 0;justify-content:space-between;align-items:center;padding:10px 14px;font-family:inherit;font-size:.88rem;display:flex}.location-city-item:last-child{border-bottom:0}.location-city-item:hover{background:var(--pks-orange-soft);color:var(--pks-orange)}.admin-login-wrapper{background:radial-gradient(circle at 50% 15%,#fff7ed 0%,#f5eee5 55%,#ebe2d5 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.admin-login-card{background:#fff;border:1px solid #ebe5dc;border-radius:26px;width:100%;max-width:440px;padding:38px 32px;position:relative;box-shadow:0 20px 48px -12px #1c19171a,0 2px 8px #ea580c0a}.admin-login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.admin-login-badge{background:var(--pks-orange-soft);color:var(--pks-orange);border:1px solid var(--pks-orange-border);border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.mutabaah-hero-card{border-radius:var(--radius,22px);flex-direction:column;gap:14px;margin:18px 0;padding:22px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px -6px #1c191714}.mutabaah-hero-card.state-pending{border:1.5px solid var(--pks-orange-border,#fed7aa);background:linear-gradient(145deg,#fff 0%,#fffbf6 100%)}.mutabaah-hero-card.state-pending:hover{transform:translateY(-2px);box-shadow:0 14px 34px -6px #ea580c29}.mutabaah-hero-card.state-done{background:linear-gradient(145deg,#f0fdf4 0%,#ecfdf5 100%);border:1.5px solid #86efac}.mutabaah-hero-card.state-done:hover{transform:translateY(-2px);box-shadow:0 14px 34px -6px #16a34a24}.mutabaah-hero-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mutabaah-badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:6px;padding:4px 11px;font-size:.76rem;font-weight:700;display:inline-flex}.mutabaah-badge.pending{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.mutabaah-badge.in-progress{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.mutabaah-badge.completed{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.pulsing-dot{border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse-dot;display:inline-block}.pulsing-dot.red{background:#ef4444}.pulsing-dot.amber{background:#f59e0b}@keyframes pulse-dot{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.6;transform:scale(.9)}}.mutabaah-streak-badge{color:#c2410c;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #ea580c14}.mutabaah-hero-body{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mutabaah-hero-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 4px;font-family:Manrope,system-ui,sans-serif;font-size:1.25rem;font-weight:800}.mutabaah-hero-desc{color:var(--muted);margin:0;font-size:.85rem;line-height:1.45}.mutabaah-hero-icon{border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.mutabaah-hero-icon.orange{background:var(--pks-orange-soft);color:var(--pks-orange)}.mutabaah-hero-icon.green{color:#16a34a;background:#dcfce7}.mutabaah-progress-tracker{background:#ffffffbf;border:1px solid #0000000a;border-radius:14px;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.mutabaah-progress-stats{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.mutabaah-progress-pills{flex-wrap:wrap;gap:6px;display:flex}.mutabaah-pill{color:#57534e;background:#f5f0e9;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.mutabaah-pill.active{background:var(--pks-orange-soft);color:var(--pks-orange-dark);border:1px solid var(--pks-orange-border)}.mutabaah-progress-bar-bg{background:#f0ebe4;border-radius:99px;width:100%;height:6px;overflow:hidden}.mutabaah-progress-bar-fill{background:linear-gradient(90deg,var(--pks-orange-vibrant),var(--pks-orange));border-radius:99px;height:100%;transition:width .3s}.mutabaah-progress-bar-fill.completed{background:#10b981}.mutabaah-hero-btn{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-family:inherit;font-size:.94rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.mutabaah-hero-btn.primary-cta{background:linear-gradient(135deg,var(--pks-orange-vibrant,#f97316),var(--pks-orange,#ea580c));color:#fff;box-shadow:0 6px 18px #ea580c47}.mutabaah-hero-btn.primary-cta:hover{background:linear-gradient(135deg,#ea580c,var(--pks-orange-dark,#c2410c));transform:translateY(-1px);box-shadow:0 8px 22px #ea580c5c}.mutabaah-hero-btn.secondary-cta{color:#15803d;background:#fff;border:1.5px solid #86efac}.mutabaah-hero-btn.secondary-cta:hover{background:#f0fdf4;border-color:#4ade80}.theme-toggle-btn{border:1px solid var(--line);background:var(--paper);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;transition:all .15s;display:grid}.theme-toggle-btn:hover{background:var(--pks-orange-soft);color:var(--pks-orange);border-color:var(--pks-orange-border)}[data-theme=dark]{--ink:#f5f5f4;--muted:#a8a29e;--line:#2e2824;--paper:#171412;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);--pks-orange-soft:#30170a;--pks-orange-border:#7c2d12;background:#0c0a09}[data-theme=dark] body{color:var(--ink);background:#0c0a09}[data-theme=dark] .app-shell{background:var(--paper);box-shadow:0 0 80px #000000b3}[data-theme=dark] .topbar{border-bottom:1px solid var(--line);background:#1c1917}[data-theme=dark] .bottom-nav{border-top:1px solid var(--line);background:#1c1917}[data-theme=dark] .panel{border-color:var(--line);background:#1c1917}[data-theme=dark] .secondary{color:var(--ink);border-color:var(--line);background:#24201d}[data-theme=dark] .secondary:hover{background:#2e2824}[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea{color:var(--ink);border-color:var(--line);background:#24201d}[data-theme=dark] .field input:focus,[data-theme=dark] .field select:focus,[data-theme=dark] .field textarea:focus{border-color:var(--pks-orange)}[data-theme=dark] .week-day{border-color:var(--line);color:var(--muted);background:#1c1917}[data-theme=dark] .week-day b{color:var(--ink)}[data-theme=dark] .week-day.today{background:var(--pks-orange-soft);border-color:var(--pks-orange)}[data-theme=dark] .account-menu{border-color:var(--line);background:#1c1917;box-shadow:0 16px 40px #0009}[data-theme=dark] .account-menu button{color:var(--ink);background:#24201d}[data-theme=dark] .account-menu button:hover{background:var(--pks-orange-soft);color:var(--pks-orange)}[data-theme=dark] .prayer-check-panel{border-color:var(--line);background:#1c1917}[data-theme=dark] .step-tabs button{border-color:var(--line);color:var(--muted);background:#1c1917}[data-theme=dark] .reading{border-color:var(--line);background:#24201d}[data-theme=dark] .date-picker,[data-theme=dark] .week-picker{border-color:var(--line);color:var(--ink);background:#1c1917}[data-theme=dark] .date-picker input{color:var(--ink)}[data-theme=dark] .quote{color:#d6d3d1}[data-theme=dark] .list-row strong,[data-theme=dark] .report-row b{color:var(--ink)}[data-theme=dark] .location-modal{color:var(--ink);background:#1c1917}[data-theme=dark] .location-action-card{border-color:var(--line);color:var(--ink);background:#24201d}[data-theme=dark] .location-city-item{color:var(--ink);border-color:var(--line)}[data-theme=dark] .location-city-item:hover{background:var(--pks-orange-soft);color:var(--pks-orange)}[data-theme=dark] .icon-button:hover{color:var(--ink);background:#2e2824}[data-theme=dark] .mutabaah-hero-card.state-pending{background:linear-gradient(145deg,#1c1917 0%,#251912 100%);border-color:#6c2706}[data-theme=dark] .mutabaah-hero-card.state-done{background:linear-gradient(145deg,#091e14 0%,#06150e 100%);border-color:#14532d}[data-theme=dark] .mutabaah-hero-title{color:#f5f5f4}[data-theme=dark] .mutabaah-progress-tracker{background:#00000073;border-color:#ffffff0d}[data-theme=dark] .mutabaah-pill{color:#d6d3d1;background:#24201d}[data-theme=dark] .mutabaah-progress-bar-bg{background:#2e2824}[data-theme=dark] .mutabaah-hero-btn.secondary-cta{color:#4ade80;background:#1c1917;border-color:#166534}[data-theme=dark] .mutabaah-hero-btn.secondary-cta:hover{color:#fff;background:#14532d}[data-theme=dark] .admin-layout{color:#f5f5f4;background:#0c0a09}[data-theme=dark] .admin-header,[data-theme=dark] .admin-sidebar{border-color:var(--line);background:#1c1917}[data-theme=dark] .admin-nav-item:hover{color:#f5f5f4;background:#24201d}[data-theme=dark] .admin-stat-card{border-color:var(--line);background:#1c1917}[data-theme=dark] .admin-stat-card strong{color:#f5f5f4}[data-theme=dark] .admin-card{border-color:var(--line);background:#1c1917}[data-theme=dark] .admin-search-box{border-color:var(--line);background:#24201d}[data-theme=dark] .admin-search-box input{color:var(--ink)}[data-theme=dark] .admin-select{border-color:var(--line);color:var(--ink);background:#24201d}[data-theme=dark] .admin-table th{color:var(--muted);border-color:var(--line)}[data-theme=dark] .admin-table td{border-color:var(--line)}[data-theme=dark] .admin-table tr:hover td{background:#24201d}[data-theme=dark] .admin-modal{border:1px solid var(--line);color:var(--ink);background:#1c1917}[data-theme=dark] .admin-login-wrapper{background:radial-gradient(circle at 50% 15%,#291509 0%,#14100d 55%,#0c0a09 100%)}[data-theme=dark] .admin-login-card{border-color:var(--line);color:var(--ink);background:#1c1917}[data-theme=dark] .admin-login-header h1{color:#f5f5f4!important}[data-theme=dark] .admin-quote-row{border-color:var(--line);background:#24201d}[data-theme=dark] .admin-quote-row textarea{border-color:var(--line);color:var(--ink);background:#1c1917}.prayer-card{color:#fff!important;background:linear-gradient(140deg,#091124 0%,#131e3a 50%,#1e293b 100%)!important;border:1px solid #ffffff1f!important;box-shadow:0 14px 36px -4px #0911245c,0 4px 14px #00000014!important}.prayer-card .prayer-label{letter-spacing:.12em;color:#94a3b8!important}.prayer-card .next-prayer strong{color:#fff!important}.prayer-countdown-badge{background:linear-gradient(135deg,var(--pks-orange-vibrant,#f97316),var(--pks-orange,#ea580c))!important;color:#fff!important;box-shadow:0 4px 14px #ea580c6b!important}.prayer-times{border:1px solid #ffffff12;background:#ffffff12!important}.prayer-times div{color:#cbd5e1!important}.prayer-times div b{color:#fff!important}.prayer-times div.selected{background:linear-gradient(135deg,var(--pks-orange-vibrant,#f97316),var(--pks-orange,#ea580c))!important;color:#fff!important;border-radius:9px!important;box-shadow:0 4px 14px #ea580c73!important}.prayer-times div.selected b{color:#fff!important}.report-hero{border:1px solid #ffffff14;background:linear-gradient(140deg,#091124 0%,#1e293b 100%)!important;box-shadow:0 12px 30px #09112440!important}.report-hero strong{color:#fff!important}.report-hero span{color:#94a3b8!important}.report-hero em{color:#fdba74!important}[data-theme=dark] .prayer-card{background:linear-gradient(140deg,#050811 0%,#0f172a 60%,#131c31 100%)!important;border:1px solid #1e293b!important;box-shadow:0 16px 40px -6px #000000b3!important}[data-theme=dark] .report-hero{background:linear-gradient(140deg,#070c18 0%,#0f172a 100%)!important;border:1px solid #1e293b!important}.bottom-nav{bottom:max(16px,env(safe-area-inset-bottom))!important;-webkit-backdrop-filter:blur(24px)saturate(190%)!important;z-index:50!important;background:#ffffffd6!important;border:1px solid #ffffffbf!important;border-radius:34px!important;justify-content:space-around!important;align-items:center!important;width:min(100% - 28px,490px)!important;padding:6px 8px!important;display:flex!important;position:fixed!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 16px 38px -6px #1c191729,0 4px 12px #ea580c0f,0 0 0 1px #ebe5dc99!important}.bottom-nav button{color:#78716c!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;background:0 0!important;border:0!important;border-radius:24px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:7px 6px!important;transition:all .22s cubic-bezier(.34,1.56,.64,1)!important;display:flex!important;position:relative!important}.bottom-nav button small{letter-spacing:-.01em!important;font-size:.73rem!important;font-weight:600!important;transition:color .15s,font-weight .15s!important}.bottom-nav button svg{transition:transform .22s cubic-bezier(.34,1.56,.64,1),stroke-width .15s!important}.bottom-nav button:hover:not(.active){color:var(--ink)!important;background:#00000009!important}.bottom-nav button.active{color:var(--pks-orange,#ea580c)!important;background:linear-gradient(135deg,#fff7edf2,#ffedd5f2)!important;box-shadow:0 2px 10px #ea580c24!important}.bottom-nav button.active small{color:var(--pks-orange,#ea580c)!important;font-weight:800!important}.bottom-nav button.active svg{transform:scale(1.12)!important}.bottom-nav button:active{transform:scale(.91)!important}[data-theme=dark] .bottom-nav{-webkit-backdrop-filter:blur(24px)saturate(190%)!important;background:#161311db!important;border:1px solid #ffffff14!important;box-shadow:0 18px 44px -8px #000000bf,0 0 0 1px #ffffff0a!important}[data-theme=dark] .bottom-nav button{color:#a8a29e!important}[data-theme=dark] .bottom-nav button:hover:not(.active){color:#f5f5f4!important;background:#ffffff0f!important}[data-theme=dark] .bottom-nav button.active{color:#fb923c!important;background:linear-gradient(135deg,#30170ae6,#431a0be6)!important;border:1px solid #f9731638!important;box-shadow:0 2px 12px #ea580c33!important}[data-theme=dark] .bottom-nav button.active small{color:#fb923c!important}.main-content{padding-bottom:125px!important}.admin-stat-card-interactive{cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.admin-stat-card-interactive:hover{border-color:var(--pks-orange-vibrant);transform:translateY(-2px);box-shadow:0 8px 24px -4px #ea580c1f}.admin-stat-card-interactive:active{transform:scale(.98)}.stat-card-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.live-badge-indicator{color:#15803d;letter-spacing:.04em;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.live-dot-pulse{background:#16a34a;border-radius:50%;width:7px;height:7px;animation:1.8s infinite livePulse;display:inline-block;box-shadow:0 0 #16a34ab3}@keyframes livePulse{0%{transform:scale(.95);box-shadow:0 0 #16a34ab3}70%{transform:scale(1);box-shadow:0 0 0 6px #16a34a00}to{transform:scale(.95);box-shadow:0 0 #16a34a00}}.stat-dau-badge{background:var(--pks-orange-soft);color:var(--pks-orange);border:1px solid var(--pks-orange-border);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:800}.stat-value-online{align-items:baseline;gap:6px;display:flex;color:#16a34a!important}.stat-value-today{align-items:baseline;gap:6px;display:flex}.stat-value-sub{color:var(--muted);font-size:.95rem;font-weight:600}.stat-link-hint{font-weight:600;transition:transform .15s;color:var(--pks-orange)!important}.admin-stat-card-interactive:hover .stat-link-hint{transform:translate(3px)}.presence-badge{white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:4px 9px;font-size:.76rem;font-weight:700;display:inline-flex}.presence-online{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.presence-today{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.presence-offline{color:#78716c;background:#f5f5f4;border:1px solid #e7e5e4}.admin-wa-btn-reminder{color:#b45309!important;background:#fef3c7!important;border:1px solid #fde68a!important}.admin-wa-btn-reminder:hover{background:#fde68a!important}[data-theme=dark] .admin-stat-card-interactive:hover{border-color:#f97316;box-shadow:0 8px 24px -4px #f9731640}[data-theme=dark] .live-badge-indicator{color:#4ade80;background:#16a34a33;border-color:#4ade804d}[data-theme=dark] .stat-value-online{color:#4ade80!important}[data-theme=dark] .presence-online{color:#4ade80;background:#16a34a2e;border-color:#4ade804d}[data-theme=dark] .presence-today{color:#38bdf8;background:#0369a133;border-color:#38bdf84d}[data-theme=dark] .presence-offline{color:#a8a29e;background:#292524;border-color:#44403c}[data-theme=dark] .admin-wa-btn-reminder{color:#fbbf24!important;background:#f59e0b2e!important;border-color:#f59e0b59!important}[data-theme=dark] .admin-wa-btn-reminder:hover{background:#f59e0b47!important}.category-pills-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin:10px 0 16px;padding:6px 2px 14px;display:flex;overflow-x:auto}.category-pills-bar::-webkit-scrollbar{display:none}.category-pill-btn{border:1.5px solid var(--line);color:var(--muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:9px 14px;font-size:.84rem;font-weight:700;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.category-pill-btn:hover{border-color:var(--pks-orange-border);color:var(--pks-orange);background:var(--pks-orange-soft);transform:translateY(-1px)}.category-pill-btn.active{background:linear-gradient(135deg, var(--pks-orange-vibrant), var(--pks-orange));color:#fff;border-color:var(--pks-orange);box-shadow:0 4px 14px #ea580c47}.category-pill-badge-done{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.68rem;font-weight:800;display:inline-flex}.category-pill-btn.active .category-pill-badge-done{color:#10b981;background:#fff}.quick-chips-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.quick-chip-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fdfaf7;border-radius:8px;padding:5px 11px;font-size:.78rem;font-weight:700;transition:all .15s}.quick-chip-btn:hover{background:var(--pks-orange-soft);color:var(--pks-orange);border-color:var(--pks-orange-border);transform:translateY(-1px)}.quick-chip-btn:active{transform:scale(.95)}.week-day-interactive{cursor:pointer;width:100%;font-family:inherit;text-decoration:none;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.week-day-interactive:hover{border-color:var(--pks-orange);transform:translateY(-3px);box-shadow:0 6px 14px #ea580c24}.week-day-interactive:active{transform:scale(.94)}.streak-banner{color:#9a3412;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1.5px solid #fed7aa;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:13px 18px;display:flex;box-shadow:0 4px 14px #ea580c14}.streak-banner-left{align-items:center;gap:12px;display:flex}.streak-fire-icon{background:#ffedd5;border:1px solid #fed7aa;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:1.3rem;display:grid}.streak-text strong{color:#7c2d12;font-size:.95rem;display:block}.streak-text small{color:#c2410c;font-size:.8rem}.topbar-back-btn{color:var(--pks-orange);background:var(--pks-orange-soft);border:1px solid var(--pks-orange-border);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.86rem;font-weight:700;transition:all .15s;display:inline-flex}.topbar-back-btn:hover{background:#ffedd5}.backdrop-click-overlay{z-index:45;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000001f;position:fixed;inset:0}.admin-sticky-col{z-index:5;position:sticky;left:0;box-shadow:3px 0 8px -2px #1c19171a;background:#fff!important}[data-theme=dark] .category-pill-btn{border-color:var(--line);color:var(--muted);background:#1c1917}[data-theme=dark] .category-pill-btn:hover{background:var(--pks-orange-soft);color:var(--pks-orange)}[data-theme=dark] .category-pill-btn.active{background:linear-gradient(135deg, var(--pks-orange-vibrant), var(--pks-orange));color:#fff;border-color:var(--pks-orange)}[data-theme=dark] .quick-chip-btn{border-color:var(--line);color:#d6d3d1;background:#24201d}[data-theme=dark] .quick-chip-btn:hover{background:var(--pks-orange-soft);color:#fb923c;border-color:var(--pks-orange-border)}[data-theme=dark] .streak-banner{color:#fed7aa;background:linear-gradient(135deg,#241309 0%,#1c0e07 100%);border-color:#7c2d12}[data-theme=dark] .streak-fire-icon{background:#36190a;border-color:#7c2d12}[data-theme=dark] .streak-text strong{color:#fdba74}[data-theme=dark] .streak-text small{color:#fed7aa}[data-theme=dark] .admin-sticky-col{box-shadow:3px 0 8px -2px #0006;background:#1c1917!important}[data-theme=dark] .topbar-back-btn{color:#fb923c;background:#30170a;border-color:#7c2d12}.admin-action-btn-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.export-btn{border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.export-btn:hover{transform:translateY(-1px)}.mode-toggle-group{background:#f5efe8;border-radius:10px;gap:2px;padding:3px;display:flex}.mode-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .15s}.mode-btn.active{color:var(--pks-orange);background:#fff;box-shadow:0 2px 6px #00000014}.kpi-pill{border:1px solid #0000;border-radius:12px;align-items:center;gap:3px;padding:2px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.kpi-perfect{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.kpi-good{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.kpi-low{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.admin-day-partial{color:#c2410c;background:#fed7aa;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:700;display:inline-grid}.telat-badge{color:#b91c1c;background:#fee2e2;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:.72rem;font-weight:700;display:inline-block}.halaqah-status-cell{align-items:center;display:inline-flex}.mutabaah-table th{white-space:nowrap}.table-total-row td{color:#1c1917;font-weight:700;border-top:2px solid var(--pks-orange)!important;background:#fff7ed!important}[data-theme=dark] .mode-toggle-group{background:#24201d}[data-theme=dark] .mode-btn{color:var(--muted)}[data-theme=dark] .mode-btn.active{color:#fb923c;background:#1c1917}[data-theme=dark] .kpi-perfect{color:#4ade80;background:#052e16;border-color:#166534}[data-theme=dark] .kpi-good{color:#38bdf8;background:#082f49;border-color:#0369a1}[data-theme=dark] .kpi-low{color:#f87171;background:#450a0a;border-color:#991b1b}[data-theme=dark] .table-total-row td{color:#fed7aa;border-top-color:var(--pks-orange)!important;background:#26160d!important}.print-document-header{display:none}@media print{@page{size:landscape;margin:8mm}body,html{color:#000!important;background:#fff!important;font-size:9.5pt!important}.no-print,.admin-header,.admin-sidebar,.bottom-nav,.admin-toast,.admin-modal-overlay{display:none!important}.admin-layout,.admin-body,.admin-main{background:#fff!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}.print-card-flat{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.print-document-header{border-bottom:2px solid #ea580c;justify-content:space-between;align-items:flex-end;margin-bottom:12px;padding-bottom:8px;display:flex!important}.print-doc-brand h1{font-weight:800;color:#ea580c!important;margin:0 0 4px!important;font-size:14pt!important}.print-doc-brand p{margin:0;color:#44403c!important;font-size:9pt!important}.print-doc-meta{color:#78716c!important;font-size:8.5pt!important}.admin-table-wrapper{overflow:visible!important}.admin-table{border-collapse:collapse!important;width:100%!important;font-size:8pt!important}.admin-table th,.admin-table td{color:#000!important;border:1px solid #d1d5db!important;padding:5px 6px!important}.admin-table th{background:#f3f4f6!important;font-weight:700!important}.table-total-row td{background:#ffedd5!important;border-top:2px solid #ea580c!important;font-weight:700!important}.admin-sticky-col{box-shadow:none!important;position:static!important}}.mutabaah-date-nav{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin:10px 0 16px;padding:8px 12px;display:flex;box-shadow:0 2px 8px #1c191708}.date-nav-arrow{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fdfaf6;border-radius:12px;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.date-nav-arrow:hover:not(:disabled){background:var(--pks-orange-soft);color:var(--pks-orange);border-color:var(--pks-orange-border)}.date-nav-arrow:disabled{opacity:.35;cursor:not-allowed;border-color:var(--line)}.date-nav-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0 8px;display:flex}.date-nav-title{color:var(--ink);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.date-nav-today-btn{background:var(--pks-orange-soft);color:var(--pks-orange);border:1px solid var(--pks-orange-border);cursor:pointer;border-radius:6px;align-items:center;gap:4px;margin-top:1px;padding:2px 9px;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.date-nav-today-btn:hover{background:#ffedd5}.date-nav-calendar-wrapper{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.date-nav-calendar-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;background:#fdfaf6;border-radius:12px;place-items:center;margin-right:6px;transition:all .15s;display:grid;position:relative}.date-nav-calendar-btn:hover{background:var(--pks-orange-soft);color:var(--pks-orange);border-color:var(--pks-orange-border)}.date-nav-native-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}[data-theme=dark] .mutabaah-date-nav{border-color:var(--line);background:#1c1917}[data-theme=dark] .date-nav-arrow,[data-theme=dark] .date-nav-calendar-btn{border-color:var(--line);color:var(--ink);background:#24201d}[data-theme=dark] .date-nav-arrow:hover:not(:disabled),[data-theme=dark] .date-nav-calendar-btn:hover,[data-theme=dark] .date-nav-today-btn{color:#fb923c;background:#331d10;border-color:#7c2d12}.udzur-selector-card{background:var(--card-bg,#fff);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:12px 14px;transition:all .2s}.udzur-chips-group{flex-wrap:wrap;gap:8px;display:flex}.udzur-chip-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fdfaf6;border-radius:999px;padding:6px 13px;font-size:.82rem;font-weight:500;line-height:1.2;transition:all .15s}.udzur-chip-btn:hover{background:var(--pks-orange-soft);border-color:var(--pks-orange-border)}.udzur-chip-btn.active{background:var(--pks-orange);color:#fff;border-color:var(--pks-orange);font-weight:600;box-shadow:0 1px 3px #ea580c40}.udzur-active-tag{color:var(--pks-orange);background:var(--pks-orange-soft);border:1px solid var(--pks-orange-border);letter-spacing:.02em;border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.udzur-explanation-banner{background:var(--pks-orange-soft);border:1px solid var(--pks-orange-border);color:var(--ink);border-radius:10px;margin-top:10px;padding:9px 12px;font-size:.8rem;line-height:1.45}.udzur-explanation-banner p{margin:0}.category-quick-actions{justify-content:flex-end;margin-bottom:10px;display:flex}.quick-check-all-btn{border:1px dashed var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.quick-check-all-btn:hover{background:var(--pks-orange-soft);color:var(--pks-orange);border-color:var(--pks-orange)}.kpi-udzur{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;font-weight:600}.udzur-table-tag{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;margin-left:4px;padding:1px 5px;font-size:.72rem;font-weight:600;display:inline-block}.admin-day-udzur{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:inline-grid}.pwa-install-banner{background:var(--card-bg,#fff);border:1px solid var(--pks-orange-border,#fed7aa);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:13px 15px;display:flex;box-shadow:0 2px 8px #ea580c0f}.pwa-badge-pill{background:var(--pks-orange-soft);color:var(--pks-orange);border:1px solid var(--pks-orange-border);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:700}.pwa-install-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pwa-install-icon{background:var(--pks-orange-soft);width:40px;height:40px;color:var(--pks-orange);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.pwa-install-info{flex-direction:column;min-width:0;display:flex}.pwa-install-info strong{color:var(--ink);font-size:.9rem;font-weight:700;line-height:1.25}.pwa-install-info small{color:var(--muted);margin-top:2px;font-size:.78rem;line-height:1.35}.pwa-install-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.pwa-install-btn{background:var(--pks-orange);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:700;transition:all .15s;display:inline-flex}.pwa-install-btn:hover{background:var(--pks-orange-dark,#c2410c);transform:translateY(-1px)}.pwa-dismiss-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;transition:all .15s;display:grid}.pwa-dismiss-btn:hover{background:var(--line);color:var(--ink)}.pwa-step-number{background:var(--pks-orange);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:2px;font-size:.78rem;font-weight:700;display:inline-grid}@media (max-width:480px){.pwa-install-banner{flex-direction:column;align-items:stretch;gap:12px}.pwa-install-actions{align-items:center;gap:8px;width:100%;display:flex}.pwa-install-btn{flex:1;justify-content:center;padding:10px 16px;font-size:.88rem}}[data-theme=dark] .udzur-selector-card,[data-theme=dark] .pwa-install-banner{border-color:var(--line);background:#1c1917}[data-theme=dark] .udzur-chip-btn{border-color:var(--line);color:var(--ink);background:#24201d}[data-theme=dark] .udzur-chip-btn:hover{background:#331d10;border-color:#7c2d12}[data-theme=dark] .udzur-chip-btn.active{background:var(--pks-orange);border-color:var(--pks-orange);color:#fff}[data-theme=dark] .udzur-explanation-banner{color:var(--ink);background:#331d10;border-color:#7c2d12}[data-theme=dark] .quick-check-all-btn:hover{color:#fb923c;background:#331d10;border-color:#7c2d12}[data-theme=dark] .kpi-udzur,[data-theme=dark] .udzur-table-tag,[data-theme=dark] .admin-day-udzur{color:#94a3b8;background:#1e293b;border-color:#334155}[data-theme=dark] .pwa-install-icon{color:#fb923c;background:#331d10}
:root{--blue:#ea580c;--orange:#f97316;--primary:#ea580c;--primary-hover:#c2410c;--primary-soft:#fff7ed;--primary-border:#fed7aa;--ink:#1c1917;--muted:#78716c;--line:#ebe5dc;--paper:#fcfaf7;--surface:#fff;--blue-soft:#fff7ed;background:#f4eee5}:root[data-theme=dark]{--blue:#fb923c;--orange:#f97316;--primary:#f97316;--primary-hover:#ea580c;--primary-soft:#30170a;--primary-border:#7c2d12;--ink:#f5f5f4;--muted:#a8a29e;--line:#2e2824;--paper:#171412;--surface:#1c1917;--blue-soft:#30170a;background:#0c0a09}body{color:var(--ink)}.app-shell{background:var(--paper);box-shadow:0 8px 40px #1c19170f}.app-shell .topbar{background:var(--surface);border-bottom:1px solid var(--line);padding:18px 22px}.app-shell .brand>span{background:linear-gradient(135deg, var(--orange), var(--blue));transform:rotate(-5deg)}.app-shell .brand b,.app-shell .text-button{color:var(--blue)}.app-shell .main-content{padding:24px 20px 125px!important}.app-shell h1{letter-spacing:-.035em}.app-shell h2{line-height:1.4}.app-shell .row{gap:12px}.app-shell .panel,.app-shell .prayer-check-panel,.app-shell .week-picker,.app-shell .week-day,.app-shell .account-menu{background:var(--surface);border-color:var(--line)}.app-shell .panel{border-radius:18px;padding:20px}.app-shell .secondary,.app-shell .field input,.app-shell .field select,.app-shell .field textarea,.app-shell .reading{background:var(--surface);color:var(--ink);border-color:var(--line)}.app-shell .field input,.app-shell .field select{min-width:0;min-height:48px;font-size:1rem}.app-shell .field input:focus-visible,.app-shell .field select:focus-visible,.app-shell button:focus-visible,.app-shell summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.app-shell .primary,.app-shell .primary.blue{background:linear-gradient(135deg, var(--orange), var(--blue));color:#fff;border:0;box-shadow:0 4px 14px #ea580c40}.app-shell .primary:hover,.app-shell .primary.blue:hover{background:linear-gradient(135deg, var(--blue), #c2410c)}.app-shell .icon-button{min-width:44px;min-height:44px}.app-shell .text-button{min-height:44px;color:var(--blue)}.app-shell .prayer-card{border-radius:20px;margin:20px 0 16px;padding:20px}.app-shell .prayer-card .prayer-label{color:#94a3b8!important}.app-shell .prayer-card .row{flex-wrap:wrap;gap:6px}.app-shell .location-btn{max-width:100%;min-height:40px}.app-shell .prayer-label{font-size:.6875rem}.app-shell .next-prayer{margin:12px 0}.app-shell .next-prayer strong{font-size:1.75rem}.app-shell .prayer-times{align-items:center;gap:3px;padding:8px 4px}.app-shell .prayer-times div{padding:5px 1px}.app-shell .daily-start{margin:16px 0}.daily-start .row{flex-wrap:wrap;gap:6px;margin-bottom:8px}.daily-start h2{margin:0}.entry-badge{color:var(--blue);background:var(--blue-soft);border:1px solid var(--primary-border);border-radius:999px;padding:5px 11px;font-size:.75rem;font-weight:700}.daily-cta{background:linear-gradient(135deg, var(--orange), var(--blue));color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:16px;padding:15px;font-weight:700;line-height:1.4;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 18px #ea580c38}.daily-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ea580c4d}.daily-cta:active{transform:scale(.98)}.daily-cta svg{flex-shrink:0}.daily-cta span{text-align:left;flex:1}.app-shell .quote{color:var(--ink);border-color:var(--orange);margin:24px 2px;font-size:.9375rem}.app-shell .quote span{color:var(--muted);margin-top:8px;font-size:.8125rem;display:block}.app-shell .week-day.today{border-color:var(--blue);background:var(--blue-soft)}.app-shell .week-strip{gap:4px}.app-shell .date-shortcuts{gap:8px;margin:18px 0 12px;display:flex}.date-shortcuts button{flex:1;min-height:46px}.app-shell .date-shortcuts button[aria-pressed=true]{color:var(--blue);background:var(--blue-soft);border-color:var(--blue)}.backdate-note,.empty-report{background:var(--blue-soft);color:var(--ink);border-radius:12px;margin:12px 0;padding:13px 15px;font-size:.875rem;line-height:1.6}.section-nav{border-top:1px solid var(--line);margin-top:22px;padding-top:6px;scroll-margin-top:16px}.section-nav .field{gap:8px}.section-nav .field>.muted{font-weight:400}.app-shell .section-heading{margin-top:20px}.app-shell .section-heading p{margin-top:6px}.app-shell .prayer-check-panel{border-radius:16px;padding:8px 18px}.app-shell .check-row{gap:16px;min-height:52px;line-height:1.5}.app-shell .check-row span{min-width:0}.app-shell .check-row input[type=checkbox]{width:24px;height:24px;accent-color:var(--blue);flex-shrink:0}.app-shell .rawatib{gap:0;margin-top:0;padding:0}.app-shell .sub-check{border-top:0;padding-left:14px;font-size:.875rem}.app-shell .sub-check strong{font-weight:500}.app-shell .number-field{gap:14px}.app-shell .number-field>span{line-height:1.5}.app-shell .number-field input{flex-shrink:0;width:88px}.app-shell .field-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.app-shell .field-grid input{width:100%}.app-shell .counter input{color:var(--ink)}.app-shell details summary{cursor:pointer;min-height:44px;padding-block:12px;line-height:1.5}.hafalan-form summary{color:var(--blue)}.hafalan-form summary svg{vertical-align:middle;margin-right:6px}.app-shell .wizard-actions{flex-wrap:wrap;gap:10px}.app-shell .wizard-actions button{flex:170px;min-height:48px;line-height:1.5}.wizard-actions svg{flex-shrink:0}.finish-entry{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.finish-entry button{line-height:1.5}.app-shell .report-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.app-shell .report-hero{background:var(--blue-soft);color:var(--ink);box-shadow:none;border-radius:16px;margin:0;padding:18px}.app-shell .report-hero span{letter-spacing:0;text-transform:none;font-size:.75rem}.app-shell .report-hero strong{flex-wrap:wrap;align-items:baseline;gap:4px;font-size:1.65rem;display:flex}.app-shell .report-hero small{font-size:.8125rem}.app-shell .report-row{align-items:baseline;gap:16px}.app-shell .report-row>span{flex:1;min-width:0}.app-shell .report-row>b{text-align:right;max-width:46%;font-size:.875rem;font-weight:600}.app-shell .report-list .row{flex-wrap:wrap;gap:0 8px}.app-shell .sync-status{flex-wrap:wrap;line-height:1.6}.app-shell .sync-status svg{flex-shrink:0}.app-shell .sync-status>span{flex:1;min-width:140px}.app-shell .location-modal-overlay{z-index:1100}.app-shell .location-modal{background:var(--surface)}@media (min-width:900px){.app-shell .main-content{padding-inline:28px!important}.app-shell .bottom-nav{border-radius:0 0 28px 28px!important;bottom:24px!important}}@media (max-width:360px){.app-shell .main-content{padding-inline:16px!important}.app-shell .panel{padding:16px}.app-shell .report-hero{padding:14px}.app-shell .prayer-card{padding:15px}}@media (prefers-reduced-motion:reduce){.app-shell *,.app-shell :before,.app-shell :after{transition:none!important;animation:none!important}}