:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#193e5c;--muted:#50657a;--primary:#155385;--accent:#1b7dcc;--dark:#193e5c;--line:#d8e4ef;--paper:#f3f7fb;--gold:#8e5b00;--error:#a22c38;--radius:18px;font-family:Tajawal,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;line-height:1.7}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p{margin:0}h1{font-size:2rem;line-height:1.5}h2{font-size:1.45rem}h3{font-size:1.18rem}a{color:var(--dark)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a,button,input,select,textarea{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent)}button{transition:background .15s}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #9aafc3;border-radius:10px;min-width:0;min-height:46px;padding:.7rem .85rem}input[type=checkbox]{width:20px;min-height:20px}textarea{resize:vertical;min-height:112px}input::placeholder,textarea::placeholder{color:#607386}label{margin-bottom:.35rem;font-size:.94rem;font-weight:700;display:block}small,.muted{color:var(--muted)}small{font-size:.88rem}.skip-link{z-index:20;background:#fff;padding:12px;position:absolute;top:-80px;right:20px}.skip-link:focus{top:12px}.boot{max-width:600px;margin:15vh auto;padding:2rem}.shell{max-width:1220px;margin:auto;padding:0 28px}.header{border-bottom:1px solid var(--line);background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:92px;display:flex}.brand{color:var(--ink);align-items:center;gap:14px;text-decoration:none;display:flex}.brand-mark{object-fit:contain;flex-shrink:0;width:32px;height:72px;display:block}.brand strong{font-size:1.35rem;display:block}.brand small{display:block}.header-tools{align-items:center;gap:12px;display:flex}.btn{background:var(--primary);color:#fff;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:.65rem 1.2rem;font-weight:700;line-height:1.6;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--dark)}.btn.secondary{color:var(--ink);background:#fff;border-color:#9aafc3}.btn.secondary:hover:not(:disabled){background:#eaf2f9}.btn.soft{color:var(--dark);background:#e7f1fa}.btn.danger{color:var(--error);background:#fff0f1;border-color:#ebbdc2}.btn.small{min-height:40px;padding:.45rem .8rem;font-size:.9rem}.btn.full{width:100%}.text-link{color:var(--dark);background:0 0;border:0;min-height:40px;padding:.4rem;font-weight:700;text-decoration:underline}.intro{justify-content:space-between;align-items:center;gap:20px;padding:28px 0 20px;display:flex}.eyebrow{letter-spacing:.02em;color:var(--dark);margin-bottom:4px;font-size:.88rem;font-weight:800}.intro p{color:var(--muted);margin-top:4px}.season-select{max-width:250px}.nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:24px;padding-bottom:10px;display:flex}.nav button{color:var(--muted);background:0 0;border:0;border-radius:9px;min-height:46px;padding:11px 16px;font-size:1rem;font-weight:700}.nav button[aria-current=page]{background:var(--primary);color:#fff}.nav button:hover:not(:disabled){color:var(--dark);background:#dcebf8}.nav button[aria-current=page]:hover:not(:disabled){background:var(--dark);color:#fff}.badge{color:#193e5c;background:#e7f1fa;border-radius:7px;align-items:center;padding:3px 9px;font-size:.88rem;font-weight:700;display:inline-flex}.badge.pending{color:#825400;background:#fff2d5}.badge.rejected{color:#a42a3c;background:#fdecef}.badge.needs_revision{color:#2449a3;background:#e9efff}.badge.archived{color:#455a63;background:#e9edef}.layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px;display:grid}.content{min-width:0}main{padding-bottom:40px}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.section-heading p{color:var(--muted);font-size:.95rem}.filters{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.filters>*{flex:1;min-width:160px}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;padding:22px}.task-card{border-top:3px solid var(--accent);flex-direction:column;display:flex}.card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.category{color:var(--dark);font-size:.88rem;font-weight:700}.points{color:var(--gold);white-space:nowrap;font-weight:800}.task-card h3{margin-bottom:8px}.task-card p,.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.task-card p{color:var(--muted);font-size:1rem;line-height:1.85}.task-card .task-meta{color:var(--muted);flex-wrap:wrap;gap:12px;margin:18px 0;font-size:.88rem;display:flex}.task-card .btn{margin-top:auto}.summary{color:#fff;background:linear-gradient(145deg,#155385,#193e5c);border:0;position:sticky;top:20px}.summary h2{color:#edf5fc;font-size:1.1rem}.summary .big{margin-top:12px;font-size:3rem;font-weight:800;line-height:1.5}.summary p{color:#e3eff9}.summary hr{border:0;border-top:1px solid #ffffff40;margin:22px 0}.summary-row{color:#e3eff9;justify-content:space-between;margin:10px 0;display:flex}.summary-row b{color:#fff}.aside-note{color:var(--muted);margin:18px 5px;font-size:.94rem}.empty{text-align:center;border-radius:var(--radius);background:#fff;border:1px dashed #adbed0;padding:42px 24px}.empty .symbol{margin-bottom:8px;font-size:2rem}.empty p{color:var(--muted);margin:8px 0 16px}.notice{color:#193e5c;background:#eaf3fb;border:1px solid #b8d2e8;border-radius:12px;margin-bottom:18px;padding:14px 18px}.notice.error{color:#9b2134;background:#fff0f2;border-color:#efbdc5}.notice.warning{color:#76500e;background:#fff6e3;border-color:#e7d3a3}.notice a{color:inherit}.form-panel{max-width:720px;margin:auto}.form-panel .card{padding:28px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{margin-bottom:18px}.field small{margin-top:5px;display:block}.form-grid .field{margin:0}.form-grid .wide{grid-column:1/-1}.form-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-top:22px;padding-top:20px;display:flex}.receipt-header{text-align:center;margin-bottom:22px}.receipt-icon{color:var(--primary);font-size:2.8rem}.receipt-link{overflow-wrap:anywhere;border:1px solid var(--line);direction:ltr;background:#f0f5fa;border-radius:8px;margin:14px 0;padding:12px;font-family:ui-monospace,monospace;font-size:.88rem}.status-list{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.status-list>div{background:var(--paper);border-radius:10px;padding:12px}.status-list dt{color:var(--muted);font-size:.9rem}.status-list dd{margin:4px 0 0;font-weight:700}.list{gap:12px;display:grid}.leader-row{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.leader-row .rank{width:36px;color:var(--muted);text-align:center;font-size:1.25rem;font-weight:800}.leader-row.leader-top-five{background:#fffdfa;border-color:#d6b565}.leader-row .name{overflow-wrap:anywhere;flex:1;font-weight:700}.leader-row .score{color:var(--dark);text-align:left;font-weight:800}.leader-row .score small{font-weight:400;display:block}.metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 24px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.metric strong{font-size:1.8rem;display:block}.metric span{color:var(--muted);font-size:.95rem}.request-card .note{background:var(--paper);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:14px 0;padding:14px}.request-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.request-meta{color:var(--muted);margin-top:6px;font-size:.9rem}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;text-align:right;width:100%;min-width:560px;font-size:.94rem}th,td{border-bottom:1px solid var(--line);padding:14px 16px}th{background:#e8f0f8;font-weight:700}td .btn{margin:3px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.login-panel{max-width:470px;margin:45px auto}.login-panel h1{font-size:1.8rem}.login-panel p{color:var(--muted);margin:8px 0 22px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:22px 0;font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:14px;display:flex}dialog{max-width:min(620px,100vw - 28px);max-height:calc(100dvh - 36px);color:var(--ink);border:0;border-radius:18px;width:100%;padding:0;box-shadow:0 25px 90px #193e5c44}dialog::backdrop{background:#193e5cb0}dialog .dialog-header{border-bottom:1px solid var(--line);z-index:1;background:#fff;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex;position:sticky;top:0}dialog .dialog-body{padding:22px}dialog .close{border:1px solid var(--line);background:#fff;border-radius:8px;flex-shrink:0;width:44px;height:44px;font-size:1.5rem}.evidence-img{object-fit:contain;max-width:100%;max-height:65vh;margin:auto;display:block}.check-label{align-items:center;gap:10px;display:flex}#toast{z-index:30;color:#fff;background:#193e5c;border-radius:12px;max-width:min(450px,100vw - 40px);padding:0;position:fixed;bottom:20px;right:20px;box-shadow:0 5px 25px #0002}#toast:not(:empty){padding:14px 20px}.code-card{background:#edf5fc;border:1px solid #afcbe2;border-radius:9px;margin:10px 0;padding:15px}.code{letter-spacing:.06em;direction:ltr;font:700 1.15rem ui-monospace,monospace;display:inline-block}.registration-card .code{overflow-wrap:anywhere;letter-spacing:0;font-size:.95rem;display:block}.registration-status{color:var(--muted)}.registration-status b,.registration-status h3{color:var(--ink)}.registration-review{margin:8px 0 0;padding:0;list-style:none}.registration-review li{border-top:1px solid var(--line);padding:8px 0}.registration-review li p{margin:4px 0}.registration-review-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.registration-setup{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.registration-setup[open]{padding-bottom:12px}.hidden{display:none!important}.loading-text{color:var(--muted);padding:20px}details>summary{cursor:pointer;min-height:42px;color:var(--dark);padding:7px 0;font-weight:700}.spaced{margin-top:20px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){.layout{grid-template-columns:minmax(0,1fr) 240px}.shell{padding:0 20px}.task-grid{grid-template-columns:1fr}}@media (width<=720px){.shell{padding:0 16px}.header-inner{gap:10px;min-height:82px}.brand-mark{width:24px;height:56px}.brand strong{font-size:1.12rem}.brand small{font-size:.82rem}.header-tools .btn{padding:.5rem .7rem;font-size:.88rem}.intro{flex-direction:column;align-items:flex-start;padding-top:22px}.intro h1{font-size:1.75rem}.season-select{width:100%;max-width:none}.layout{flex-direction:column;display:flex}.layout aside{order:-1}.summary{grid-template-columns:1fr auto;column-gap:20px;padding:18px;display:grid;position:static}.summary .big{grid-area:1/2/3;margin:0;font-size:2rem}.summary hr,.summary-row,.summary .unit{display:none}.summary p{font-size:.9rem}.aside-note{display:none}.nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.nav button{padding:9px 6px;font-size:.94rem}.nav button:last-child:nth-child(odd){grid-column:1/-1}.task-grid{grid-template-columns:1fr}.card,.form-panel .card{padding:20px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-actions .btn{flex:1}.status-list{grid-template-columns:1fr;gap:7px}.status-list>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.metrics{gap:8px}.metric{padding:12px 10px}.metric strong{font-size:1.5rem}.metric span{font-size:.88rem}.section-heading{flex-wrap:wrap;align-items:flex-start}.request-actions .btn{flex:1}.leader-row{gap:9px;padding:13px 12px}.header-tools{gap:6px}.footer-inner{flex-direction:column}.login-panel{margin:25px auto}.form-panel h2{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.header-tools,.nav,.btn,.footer,#toast,.filters,.form-actions{display:none!important}.shell{max-width:none;padding:0}.card,.leader-row{break-inside:avoid;box-shadow:none}body{background:#fff}table{min-width:0}}@media (width<=720px){.header-inner{min-height:68px}.intro{gap:10px;padding:16px 0 14px}.intro .eyebrow{display:none}.intro h1{font-size:1.65rem}.intro p{margin-top:1px;font-size:.94rem}.notice{margin-bottom:12px;padding:10px 12px;font-size:.9rem}.nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px;padding-bottom:8px}.nav button{min-height:42px;font-size:.88rem}.nav button:last-child:nth-child(odd){grid-column:auto}.nav button:last-child{grid-column:span 2}.summary{justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.summary h2{font-size:1rem}.summary .big{font-size:1.8rem}.summary p{display:none}.layout{gap:16px}.section-heading{margin-bottom:12px}.section-heading p{font-size:.9rem}.filters{flex-wrap:nowrap;margin:12px 0}.filters>*{min-width:0}.filters input,.filters select{padding:.6rem .55rem;font-size:.92rem}.card{padding:18px}.task-card .task-meta{margin:12px 0}}.tracker-toolbar{gap:18px;margin:24px 0 12px;display:grid}.tracker-modes{flex-wrap:wrap;gap:8px;display:flex}.tracker-filters{grid-template-columns:minmax(180px,2fr) repeat(2,minmax(140px,1fr));align-items:end;gap:14px;display:grid}.tracker-filters .field{margin:0}.tracker-count{margin:14px 0 10px}.tracker-table{border:1px solid var(--line);border-radius:14px;max-height:640px}.tracker-table table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.tracker-table th,.tracker-table td{vertical-align:top;border-bottom:1px solid var(--line);min-width:120px;padding:16px}.tracker-table thead th{z-index:2;background:#e8f0f8;position:sticky;top:0}.tracker-table tr>th:first-child{z-index:1;border-left:1px solid var(--line);background:#fff;min-width:175px;position:sticky;right:0}.tracker-table thead th:first-child{z-index:3;background:#e8f0f8}.table-sub{color:var(--muted);margin-top:5px;font-size:.82rem;font-weight:400;line-height:1.7;display:block}.tracker-note{overflow-wrap:anywhere;min-width:180px;max-width:310px}.assessment{color:#193e5c;font:inherit;cursor:pointer;white-space:nowrap;background:#f1f5fa;border:1px solid #b3c5d6;border-radius:8px;margin-top:8px;padding:7px 10px;font-size:.83rem;display:block}.assessment.proficient{color:#205b32;background:#e3f3e6;border-color:#92b99b}.assessment.needs_support{color:#804019;background:#fff0e6;border-color:#d7ad8b}.assessment.developing{color:#254b79;background:#e8eff8;border-color:#a2b9d6}.sync-panel{margin-top:28px}.roster-choices{border:1px solid var(--line);border-radius:12px;max-height:330px;padding:8px;overflow:auto}.roster-choice{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:14px;display:flex}.roster-choice:last-child{border-bottom:0}.roster-choice input{flex-shrink:0;width:20px}.roster-choice small{color:var(--muted);display:block}@media (width<=600px){.tracker-filters{grid-template-columns:1fr}.tracker-table{max-height:520px}.tracker-table tr>th:first-child{min-width:135px}.tracker-modes .btn{flex:1}.sync-panel .row-actions{align-items:stretch}.sync-panel .card-top{flex-wrap:wrap}}@media print{.tracker-toolbar,.sync-panel,.tracker-modes{display:none}.tracker-table{max-height:none;overflow:visible}.tracker-table table{min-width:0}.tracker-table th,.tracker-table td{min-width:0;padding:5px;font-size:9px}.tracker-table tr>th:first-child{min-width:0;position:static}}.category-sports{--category-ink:#176541;--category-bg:#eaf6ed;--category-line:#85b397}.category-culture{--category-ink:#644092;--category-bg:#f4effb;--category-line:#b4a0cd}.category-faith{--category-ink:#176573;--category-bg:#e9f5f6;--category-line:#80b4bb}.category-skills{--category-ink:#8b4d0a;--category-bg:#fff3e2;--category-line:#d6ae74}.category-growth{--category-ink:#a03455;--category-bg:#fff0f4;--category-line:#d69bad}.category-general{--category-ink:#155385;--category-bg:#eaf2fa;--category-line:#8dabcc}.category-filters{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.category-filter{border:1px solid var(--category-line,var(--line));min-height:44px;color:var(--category-ink,var(--ink));background:#fff;border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-weight:700;display:inline-flex}.category-filter small{color:inherit;font-weight:400}.category-filter[aria-pressed=true]{background:var(--category-bg,#eaf2fa);outline:2px solid var(--category-ink,var(--primary));outline-offset:-2px}.category-filter:focus-visible{outline-offset:3px}.task-card{border-top-color:var(--category-line,var(--accent));padding:20px}.task-card .card-top{align-items:center}.category{background:var(--category-bg,#eaf2fa);color:var(--category-ink,var(--dark));border-radius:7px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.skill-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.skill-chips span{background:var(--paper);color:var(--muted);border-radius:6px;padding:3px 8px;font-size:.82rem}.contact-wait{margin-bottom:12px}.task-card p.contact-wait,.small-note{font-size:.88rem}.goal-progress{margin-top:12px}.goal-progress label{color:#edf5fc;font-size:.86rem;font-weight:500}.goal-progress progress{accent-color:#e8c277;background:#ffffff40;border:0;border-radius:8px;width:100%;height:10px;display:block;overflow:hidden}.goal-progress progress::-webkit-progress-bar{background:#ffffff40}.goal-progress progress::-webkit-progress-value{background:#e8c277}.goal-progress progress::-moz-progress-bar{background:#e8c277}.goal-progress p{margin-top:7px;font-size:.85rem}.contact-settings{border:1px solid var(--line);border-radius:12px;min-width:0;padding:16px}.contact-settings legend{padding:0 6px;font-weight:700}.contact-settings>p{margin-bottom:12px}.contact-settings .field:last-child{margin-bottom:0}.btn.whatsapp{color:#fff;background:#176541;border-color:#176541;text-decoration:none;display:inline-flex}.review-filters .field{margin:0}.review-body{grid-template-columns:minmax(0,1.5fr) minmax(190px,1fr);gap:24px;display:grid}.review-decision{border-inline-start:1px solid var(--line);padding:14px 16px}.review-decision .request-actions{flex-direction:column;align-items:stretch}.review-note{background:var(--paper);border-radius:10px;padding:12px}.inline-evidence{background:var(--paper);border-radius:10px;max-height:360px}.achievement-badges{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.achievement-badge{background:#fffaf0;border:1px solid #d6b565;border-radius:12px;flex:230px;align-items:center;gap:12px;padding:14px 18px;display:flex}.achievement-badge>span{color:var(--gold);font-size:2rem}.achievement-badge h3{font-size:1rem}.achievement-badge p{color:var(--muted);font-size:.86rem}.code-card h3{margin:8px 0}.code-card p{margin-top:8px;font-size:.88rem}.intro{padding-top:20px}@media (width<=720px){.nav button:last-child{grid-column:auto}.category-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.category-filter{border-radius:9px;gap:4px;padding:6px 4px;font-size:.82rem}.category-filter:first-child{grid-column:1/-1}.summary{grid-template-columns:1fr auto;gap:0 12px;display:grid}.summary .big{grid-row:1}.summary .goal-progress{grid-column:1/-1;width:100%}.summary .goal-progress p{display:block}.review-filters{flex-wrap:wrap}.review-filters>*{flex:140px}.review-filters>:first-child{flex-basis:100%}.review-body{grid-template-columns:1fr;gap:12px}.review-decision{border-inline-start:0;border-top:1px solid var(--line);padding:14px 0 0}.review-decision .request-actions{flex-direction:row}.task-card .card-top{flex-wrap:wrap;gap:8px}}@media print{body.printing-codes>*{display:none!important}body.printing-codes #dialog{width:100%;max-width:none;max-height:none;box-shadow:none;border:0;margin:0;position:static;overflow:visible;display:block!important}body.printing-codes #dialog .dialog-header,body.printing-codes #dialog .notice,body.printing-codes #dialog .row-actions{display:none!important}body.printing-codes .dialog-body{padding:0}body.printing-codes .private-code-cards{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}body.printing-codes .code-card{break-inside:avoid;background:#fff;border:1px dashed #193e5c;margin:0;padding:20px}}.family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.family-card{border-top:4px solid var(--accent)}.family-card .card-top{flex-wrap:wrap}.family-roster{margin:0;padding:0;list-style:none}.family-roster li{border-bottom:1px solid var(--line);padding:9px 0}.family-roster li:last-child{border-bottom:0}.family-roster-label{color:var(--muted);display:block}.quran-overview{color:#fff;border-radius:var(--radius);background:linear-gradient(120deg,#155385,#193e5c);flex-wrap:wrap;align-items:center;gap:18px 32px;margin-bottom:20px;padding:20px 24px;display:flex}.quran-overview>div{display:grid}.quran-overview b{font-size:1.8rem;line-height:1.3}.quran-overview span,.quran-overview p{color:#edf5fc;font-size:.92rem}.quran-overview p{border-inline-start:1px solid #ffffff60;flex:260px;padding-inline-start:24px}.quran-families{flex-wrap:wrap;gap:8px;display:flex}.quran-family{min-height:52px;color:var(--ink);text-align:start;background:#fff;border:1px solid #9aafc3;border-radius:12px;flex:190px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:flex}.quran-family b{min-width:28px;height:28px;color:var(--ink);background:#eaf2f9;border-radius:8px;flex-shrink:0;place-items:center;font-size:.85rem;display:grid}.quran-family[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:#fff}.quran-filters .field{margin-bottom:0}.quran-filters .field:first-child{flex-grow:2}.quran-result-count{margin-bottom:12px}.quran-students{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.quran-student{border-inline-start:4px solid var(--accent);padding:20px}.quran-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quran-goal{background:#edf5fc;border:1px solid #cfdfec;border-radius:12px;flex-direction:column;align-items:stretch;min-width:0;padding:14px;display:flex}.quran-goal-revision{background:#f6f8fb}.quran-goal-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 8px;margin-bottom:6px;display:flex}.quran-goal h4,.quran-history-row h4{margin:0;font-size:1rem}.quran-goal-heading .text-link{padding:2px 0;font-size:.85rem}.quran-range{font-weight:700;line-height:1.9}.quran-progress{margin:14px 0 0}.quran-progress>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;font-size:.84rem;display:flex}.quran-progress progress{width:100%;height:8px;accent-color:var(--primary);background:#d8e4ef;border:0;border-radius:8px;margin:8px 0 0;display:block;overflow:hidden}.quran-progress progress::-webkit-progress-bar{background:#d8e4ef}.quran-progress progress::-webkit-progress-value{background:var(--primary)}.quran-progress progress::-moz-progress-bar{background:var(--primary)}.quran-goal .btn{margin-top:16px}.quran-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin-top:14px;display:flex}.quran-card-footer .text-link{padding-inline:0;font-size:.9rem}.quran-form-heading{margin:8px 0 14px;font-size:1rem}.quran-range-fields{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0 12px}.quran-rating-field{border:0;min-width:0;margin-inline:0;padding:0}.quran-record-fields{border:0;min-width:0;margin:0;padding:0}.quran-record-fields:disabled{opacity:.85}.quran-rating-field legend{margin-bottom:8px;font-weight:700}.quran-rating-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.quran-rating{text-align:center;cursor:pointer;border:1px solid #b9c9d8;border-radius:10px;flex-direction:column;align-items:center;gap:8px;margin:0;padding:12px 4px;font-size:.92rem;display:flex}.quran-rating input{width:19px;height:19px;min-height:19px;accent-color:var(--primary);margin:0}.quran-rating-excellent{color:#175237;background:#e6f4ee}.quran-rating-very_good{color:#193e5c;background:#eaf2fa}.quran-rating-good{color:#745000;background:#fff3d7}.quran-rating-repeat{color:#a22c38;background:#fdecef}.quran-rating:has(input:checked){outline:2px solid var(--primary);outline-offset:1px}.quran-history-details{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.quran-history-details summary{cursor:pointer;padding:8px 0;font-weight:700}.quran-history{gap:12px;display:grid}.quran-history-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px}.quran-history-row .card-top{flex-wrap:wrap;margin-bottom:8px}.quran-voided{background:#f5f6f8;border-style:dashed}.quran-voided .badge{color:#455a63;background:#e9edef}@media (width<=1080px){.quran-students{grid-template-columns:1fr}}@media (width<=720px){.family-grid{grid-template-columns:1fr}.quran-families{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quran-family{gap:5px;padding:10px;font-size:.86rem}.quran-goals{grid-template-columns:1fr}.quran-overview{padding:18px}.quran-overview p{border:0;flex-basis:100%;padding:0}.quran-student{padding:16px}}@media (width<=400px){.quran-rating-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-overview{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:stretch;gap:20px;margin-bottom:28px;display:grid}.home-quran{border-radius:var(--radius);color:#fff;background:linear-gradient(130deg,#155385,#193e5c);flex-direction:column;align-items:flex-start;gap:10px;padding:26px;display:flex}.home-quran-top{color:#e3f0fb;align-items:center;gap:14px;font-size:.9rem;display:flex}.quran-mark{flex-shrink:0;width:44px;height:44px;display:block}.home-quran h2{font-size:1.65rem}.home-quran>p{color:#edf5fc;max-width:36ch;font-size:.96rem}.home-quran-button{color:var(--primary);background:#fff;border-color:#fff;min-width:160px;margin-top:auto}.home-quran-button:hover:not(:disabled){color:var(--ink);background:#eaf4fc}.home-quran-button:focus-visible{outline-color:#fff}.home-quran>small{color:#e3f0fb;font-size:.82rem}.daily-bulletin{flex-direction:column;padding:22px 26px;display:flex}.daily-bulletin .section-heading{margin-bottom:12px}.daily-bulletin .eyebrow{font-weight:500}.bulletin-counts{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 16px;padding-bottom:12px;font-size:.86rem;display:flex}.bulletin-counts b{color:var(--primary);font-size:1.05rem}.bulletin-items{margin:10px 0;padding:0;list-style:none}.bulletin-items li{align-items:center;gap:12px;min-height:46px;display:flex}.bulletin-kind{color:#155385;white-space:nowrap;background:#edf5fc;border-radius:6px;padding:2px 7px;font-size:.75rem}.bulletin-kind.updated{color:#455a70;background:#f1f3f8}.bulletin-kind.event{color:#805600;background:#fff3dc}.bulletin-link{min-height:44px;color:var(--ink);text-align:start;text-underline-offset:4px;overflow-wrap:anywhere;background:0 0;border:0;padding:8px 0;font-weight:700;text-decoration:underline}.bulletin-empty{color:var(--muted);max-width:46ch;padding:20px 0}.bulletin-footer{flex-wrap:wrap;gap:8px 20px;margin-top:auto;padding-top:8px;display:flex}.bulletin-footer .text-link{padding-inline:0;font-size:.88rem}.private-quran-mark{color:var(--primary);background:#e7f1fa;border-radius:14px;margin-bottom:12px;padding:12px;display:inline-flex}.private-entry .aside-note{margin-bottom:0;display:block}.private-page-footer{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px;display:flex}.private-page-footer .aside-note{margin:0;display:block}.portal-quran-link{border-radius:var(--radius);background:#fff;border:1px solid #bfd6e9;flex-wrap:wrap;align-items:center;gap:14px;padding:18px;display:flex}.portal-quran-link .private-quran-mark{margin:0}.portal-quran-link>div:nth-child(2){flex:220px}.portal-quran-link p{color:var(--muted);font-size:.9rem}.leader-recognition{color:#805600;text-align:center;background:#fff1d5;border-radius:8px;padding:5px 9px;font-size:.8rem;font-weight:700}:is(.btn,.text-link,.nav button,.category-filter,.quran-family,.bulletin-link){-webkit-tap-highlight-color:#1b7dcc25;touch-action:manipulation;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .12s}:is(.btn,.nav button,.category-filter,.quran-family):focus-visible:not(:disabled){box-shadow:0 0 0 5px #1b7dcc20}:is(.btn,.text-link,.nav button,.category-filter,.quran-family,.bulletin-link):active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)scale(.985)}@media (hover:hover){:is(.btn,.category-filter,.quran-family):hover:not(:disabled):not([aria-disabled=true]){box-shadow:0 3px 10px #15538516}}@media (width<=720px){.home-overview{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.home-quran,.daily-bulletin{padding:20px}.home-quran h2{font-size:1.45rem}.home-quran-button{align-self:stretch;margin-top:4px}.home-quran>small{align-self:center}.bulletin-items li{gap:8px}.private-page-heading .row-actions{flex-wrap:wrap}.portal-quran-link .btn{width:100%}.leader-recognition{max-width:82px;font-size:.76rem}}@media (prefers-reduced-motion:reduce){:is(.btn,.text-link,.nav button,.category-filter,.quran-family,.bulletin-link):active{transform:none!important}}.nav{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:10px;display:grid;box-shadow:0 4px 20px #193e5c06}.nav button{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:54px;padding:12px 8px;font-size:.94rem;line-height:1.45;display:flex;position:relative}.nav button:last-child,.nav button:last-child:nth-child(odd){grid-column:auto}.nav button[aria-current=page]{background:linear-gradient(130deg,#155385,#216ba3);box-shadow:0 3px 8px #15538522}.nav-icon{flex-shrink:0;width:21px;height:21px}.nav-count{color:#155385;background:#dcebf8;border-radius:20px;min-width:20px;padding:0 4px;font-size:.75rem}.nav button[aria-current=page] .nav-count{color:#155385;background:#fff}.card{box-shadow:0 4px 18px #193e5c04}.metric{border:1px solid var(--line);background:#fff;border-radius:16px}body[data-admin=true] .intro{border-inline-start:4px solid var(--accent);padding-inline-start:20px;margin:28px 0;padding-top:0;padding-bottom:0}.points-search{margin:20px 0;padding:16px 20px}.points-search .field{margin:0}.points-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.points-member{flex-direction:column;display:flex}.points-member h3{font-size:1.08rem}.points-member .card-top{flex:1}.points-member .card-top .badge{white-space:nowrap;font-size:.75rem}.points-balance{align-items:baseline;gap:10px;padding:12px 0 20px;display:flex}.points-balance strong{color:var(--primary);font-variant-numeric:tabular-nums;font-size:2.1rem;line-height:1.2}.points-balance span{color:var(--muted);font-size:.9rem}.points-history-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.points-history-row:last-child{border-bottom:0}.point-delta{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:10px;padding:6px 12px;font-size:1.15rem}.positive{color:#176147;background:#eaf6ef}.negative{color:#a22c38;background:#fff0f0}.adjust-direction{border:0;grid-template-columns:1fr 1fr;gap:10px;min-width:0;margin:20px 0;padding:0;display:grid}.adjust-direction legend{margin-bottom:8px;font-weight:700}.adjust-direction label{border:1px solid var(--line);cursor:pointer;background:#f3f7fb;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0;padding:12px 8px;display:flex}.adjust-direction input{width:18px;min-height:18px;accent-color:var(--primary);flex-shrink:0;margin:0}.adjust-direction label:has(input:checked){border-color:var(--primary);color:var(--primary);background:#eaf3fb}.adjust-direction label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.adjust-preview{color:var(--primary);background:#eaf3fb;border-radius:12px;margin:16px 0;padding:14px 16px;font-weight:700}.adjust-preview.invalid{color:var(--error);background:#fff0f0}@media (width<=1000px){.points-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){.nav,.admin-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px}.nav button{flex-direction:column;gap:5px;min-height:72px;padding:8px 4px;font-size:.8rem}.nav-count{top:3px;position:absolute;inset-inline-end:3px}.nav-icon{width:20px;height:20px}.nav button:last-child,.nav button:last-child:nth-child(odd){grid-column:auto}.points-grid{grid-template-columns:1fr}.points-search{padding:14px}.points-dashboard .section-heading{align-items:flex-start}body[data-admin=true] .intro{margin:20px 0;padding-inline-start:14px}}@media print{.nav{display:none}.points-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.points-member button,.points-search{display:none}}.participant-nav{grid-template-columns:repeat(7,minmax(0,1fr))}.brothers-tag{color:#62429b;white-space:nowrap;background:#f0ecfc;border:1px solid #ded3f1;border-radius:999px;align-items:center;padding:3px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.task-card .card-top{flex-wrap:wrap;align-items:center}.brothers-banner{border:1px solid var(--line);background:linear-gradient(125deg,#e5f2fc,#edf7f2);border-radius:22px;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:20px 0;padding:22px;display:flex}.brothers-banner>span{color:var(--primary);background:#fff;border-radius:999px;padding:6px 14px;font-weight:700}.brothers-banner small{margin-inline-start:auto}.brothers-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.brothers-card{border-top:4px solid #4189bf;overflow:hidden}.brothers-card.tone-1{border-top-color:#39876d}.brothers-card.tone-2{border-top-color:#977143}.brothers-card.tone-3{border-top-color:#8271b0}.brothers-card-heading{align-items:center;gap:10px;margin-bottom:16px;display:flex}.brothers-card-heading .badge{white-space:nowrap;margin-inline-start:auto;font-size:.75rem}.brothers-number{width:34px;height:34px;color:var(--primary);background:#eaf3fb;border-radius:11px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.brothers-card table{width:100%;min-width:0}.brothers-card th{background:#f7fafd}.brothers-card td{padding:12px 8px}.brothers-card tr:last-child td{border-bottom:0}.home-brothers{background:linear-gradient(120deg,#edf7f2,#e7f2fc);border:1px solid #d4e8ed;border-radius:24px;grid-column:1/-1;align-items:center;gap:22px;padding:26px;display:flex;position:relative;overflow:hidden}.home-brothers .btn{flex-shrink:0;margin-inline-start:auto}.home-brothers p{color:var(--muted);margin-top:5px}.brothers-doodle{background:#fff;border-radius:22px;flex-shrink:0;place-items:center;width:76px;height:76px;display:grid;position:relative;transform:rotate(-5deg);box-shadow:0 4px #d3e5ef}.brothers-doodle .nav-icon{width:43px;height:43px;color:var(--primary)}.brothers-doodle>span{inset-inline-end:-5px;color:#977143;font-size:25px;position:absolute;top:-12px}.category-filter,.skill-chips span{border-radius:15px}.brothers-submit-note{color:#533880;background:#f2edfa}@media (width<=1000px){.brothers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.participant-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.participant-nav button:last-child:nth-child(7){grid-column:2}.brothers-grid{grid-template-columns:1fr}.home-brothers{flex-wrap:wrap;gap:14px;padding:20px}.home-brothers .btn{width:100%;margin:0}.home-brothers>div:not(.brothers-doodle){flex:1;min-width:180px}.brothers-doodle{width:56px;height:56px}.brothers-doodle .nav-icon{width:32px;height:32px}.brothers-banner{gap:10px;padding:16px}.brothers-banner small{width:100%;margin:0}}@media (prefers-reduced-motion:reduce){.brothers-doodle{transform:none}}@media print{.home-brothers{display:none}.brothers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bro-editor{min-width:0}.bro-toolbar{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:18px;display:flex}.bro-pending{color:var(--muted);flex:160px;font-weight:700}.bro-edit-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.bro-card-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.bro-card-head h3{flex:auto;min-width:0}.bro-card-head .badge{white-space:nowrap;font-size:.75rem}.bro-warn{color:#7a4a00;white-space:nowrap;background:#fff4d6;border:1px solid #e7c77d;border-radius:999px;align-items:center;padding:2px 9px;font-size:.8rem;font-weight:700;display:inline-flex}.bro-list{margin:0;padding:0;list-style:none}.bro-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 8px;display:flex}.bro-row:last-child{border-bottom:0}.bro-name{overflow-wrap:anywhere;flex-wrap:wrap;flex:140px;align-items:center;gap:6px;min-width:0;display:inline-flex}.bro-move-label{color:var(--muted);font-size:.85rem}.bro-row select{flex:150px;width:auto;min-width:0;max-width:100%;min-height:44px;padding-block:.45rem}.bro-tag{color:#44515e;background:#eef2f5;border:1px solid #c9d3dc;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.bro-tag-moved{color:var(--primary);background:#eaf3fb;border-color:#b8d2e8}.bro-row.is-stopped .bro-name{color:var(--muted)}.bro-row.is-moved{border-inline-start:4px solid var(--primary);background:#f3f8fd;padding-inline-start:10px}.bro-warn-stop{color:var(--error);background:#fdecee;border-color:#e3a7ae}.bro-card-head h3:focus{outline:2px solid var(--accent);outline-offset:3px}.bro-savebar{z-index:5;padding:10px 16px max(10px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--paper);border-radius:14px 14px 0 0;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:18px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 18px #193e5c1f}.bro-savebar-status{flex:220px;min-width:0}.bro-savebar .bro-pending{color:var(--ink);margin:0}.bro-savebar-warn{color:#7a4a00;margin:4px 0 0;font-size:.9rem;font-weight:700}.bro-savebar-actions{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}@media (width<=480px){.bro-toolbar .btn{width:100%}.bro-edit-grid{grid-template-columns:minmax(0,1fr)}.bro-move-label{flex-basis:100%}.bro-row select{flex-basis:100%;width:100%}.bro-savebar-actions{justify-content:space-between;width:100%}.bro-savebar-actions .btn{flex:auto}}.grade-chip{--grade-ink:#50657a;--grade-bg:#eef2f6;--grade-line:#cfd9e3;vertical-align:middle;border:1px solid var(--grade-line);background:var(--grade-bg);color:var(--grade-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:1px 8px 1px 7px;font-size:.8rem;line-height:1.5;display:inline-flex}.grade-chip svg{flex-shrink:0;width:14px;height:14px}.grade-chip b{font-weight:800}.grade-chip-lg{gap:5px;padding:3px 12px 3px 10px;font-size:1rem}.grade-chip-lg svg{width:18px;height:18px}.grade-9{--grade-ink:#0f6a50;--grade-bg:#e2f4ea;--grade-line:#9dd2b8}.grade-10{--grade-ink:#17599a;--grade-bg:#e3eefb;--grade-line:#a6c6ea}.grade-11{--grade-ink:#6639a8;--grade-bg:#efe9fb;--grade-line:#c6b2ea}.grade-12{--grade-ink:#954a00;--grade-bg:#fff0dc;--grade-line:#e8bd86}.family-card{border-top:1px solid var(--line);position:relative;overflow:hidden}.family-card:before{content:"";background:var(--family-bar,var(--accent));height:5px;position:absolute;inset:0 0 auto}.family-grade-9{--family-bar:#2f9a74}.family-grade-10{--family-bar:#3a7fc4}.family-grade-11-12{--family-bar:linear-gradient(270deg, #8a5cc9, #d1892e)}.family-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.member-with-grade{justify-content:space-between;align-items:center;gap:10px;display:flex}.leader-row .grade-chip,.leader-row .grade-slot{flex-shrink:0;justify-content:center;min-width:50px}.task-state{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:.78rem;font-weight:700}.task-state.open{color:#0f6a50;background:#e2f4ea}.task-state.scheduled{color:#2a4f9e;background:#e7efff}.task-state.expired{color:#954a00;background:#fff0dc}.task-state.archived{color:#50657a;background:#eef2f6}.manage-task.archived{background:#fafbfd}.manage-task.archived h3{color:var(--muted)}@media (width<=1000px){.nav,.admin-nav{scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.nav button{white-space:nowrap;flex:1 0 auto}}@media (width<=720px){html:has(.nav){scroll-padding-top:88px}.nav,.admin-nav{scroll-snap-type:x proximity;scrollbar-width:none;z-index:20;flex-wrap:nowrap;gap:4px;padding:5px;display:flex;position:sticky;top:8px;overflow-x:auto;box-shadow:0 6px 18px #193e5c14}.nav::-webkit-scrollbar{display:none}.nav button,.nav button:last-child,.nav button:last-child:nth-child(odd),.participant-nav button:last-child:nth-child(7){white-space:nowrap;scroll-snap-align:center;flex:none;grid-column:auto;min-width:76px;min-height:60px;padding:6px 10px}.home-quran{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:16px;display:grid}.home-quran-top{grid-area:1/1/span 2}.home-quran-top span,.home-quran>p{display:none}.home-quran .quran-mark{width:36px;height:36px}.home-quran h2{grid-area:1/2;font-size:1.1rem}.home-quran>small{grid-area:2/2;align-self:start}.home-quran-button{grid-area:1/3/span 2;align-self:center;min-width:0;margin:0;padding:10px 14px;font-size:.9rem}.home-quran-button span{display:none}.daily-bulletin{padding:16px 18px}.daily-bulletin .section-heading{margin-bottom:6px}.daily-bulletin h2{font-size:1.15rem}.bulletin-counts{padding-bottom:8px}.bulletin-empty{padding:8px 0 4px;font-size:.9rem}.bulletin-footer{padding-top:0}.home-brothers{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 14px;padding:16px;display:grid}.home-brothers>div:not(.brothers-doodle){min-width:0}.home-brothers .eyebrow{display:none}.home-brothers h2{font-size:1.15rem}.home-brothers .btn{grid-column:1/-1}.brothers-doodle{width:48px;height:48px}.brothers-doodle .nav-icon{width:28px;height:28px}.leader-row{gap:10px;padding:14px}.brand small{display:none}.header-tools .btn{white-space:nowrap;padding-inline:12px}.leader-row .grade-chip,.leader-row .grade-slot{min-width:44px}}.members-filters .field{margin-bottom:0}.members-filters .field:first-child{flex-grow:2}.members-table .row-number{width:1%;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.members-table tr.inactive td{color:var(--muted)}@media (width<=720px){.members-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.members-filters .field:first-child{grid-column:1/-1}.members-filters>*{min-width:0}.table-wrap:has(.members-table){background:0 0;border:0;overflow:visible}.members-table,.members-table tbody,.members-table tr,.members-table td{min-width:0;display:block}.members-table thead{display:none}.members-table tr{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:10px;padding:12px 14px;position:relative}.members-table td{border:0;justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.members-table td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:.85rem}.members-table td[data-label=الاسم]{padding-inline-end:36px;font-weight:800}.members-table td[data-label=الاسم]:before,.members-table td.same-as-name{display:none}.members-table .row-number{top:14px;width:auto;padding:0;position:absolute;inset-inline-end:14px}.members-table .member-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px;padding-top:10px}.members-table .member-actions .btn{margin:0}}.sub-nav{border:1px solid var(--line);background:#fff;border-radius:14px;gap:4px;max-width:100%;margin-bottom:20px;padding:4px;display:inline-flex;overflow-x:auto}.sub-nav button{color:var(--ink);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:8px 16px;font-weight:700}.sub-nav button[aria-current=page]{background:var(--primary);color:#fff}.bulk-bar{border:1px dashed var(--line);color:var(--muted);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:12px;padding:10px 14px;display:flex}.bulk-bar.active{z-index:15;border:1px solid var(--primary);color:var(--primary);background:#eaf3fb;font-weight:700;position:sticky;top:92px}.bulk-pick{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;display:inline-flex}.bulk-pick input{width:18px;min-height:18px;accent-color:var(--primary);margin:0}.bulk-list{max-height:260px;padding-inline-start:20px;overflow-y:auto}.pick-students{border:0;min-width:0;margin-inline:0;padding:0}.pick-students legend{margin-bottom:8px;padding:0;font-weight:700}.pick-quick{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.pick-list{border:1px solid var(--line);border-radius:12px;max-height:min(45dvh,360px);margin:0;padding:0;list-style:none;overflow-y:auto}.pick-list li[hidden]{display:none}.pick-list label{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;min-height:44px;margin:0;padding:6px 12px;display:flex}.pick-list li:first-child label{border-top:0}.pick-list input{width:20px;min-height:20px;accent-color:var(--primary);flex:none;margin:0}.pick-list label span{flex:1;min-width:0}.pick-summary{color:var(--primary);background:#eaf3fb;border-radius:12px;margin-top:16px;padding:12px 14px;font-weight:700}.quiet-week{margin-bottom:24px;padding:0}.quiet-week summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;list-style:none;display:flex}.quiet-week summary::-webkit-details-marker{display:none}.quiet-week summary small{display:block}.quiet-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px;margin:0;padding:0 20px 18px;list-style:none;display:grid}.quiet-list li{align-items:center;gap:8px;display:flex}.home-overview .family-race{grid-column:1/-1}.race{margin-bottom:20px}.race .section-heading{margin-bottom:10px}.race-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.race-row{grid-template-columns:2.2em minmax(0,auto) minmax(60px,1fr) auto;align-items:center;gap:12px;display:grid}.race-rank{text-align:center;color:var(--muted);font-size:1.3rem;font-weight:800}.race-name{flex-wrap:wrap;align-items:center;gap:6px;font-weight:800;display:flex}.race-bar{background:#edf2f7;border-radius:999px;height:12px;overflow:hidden}.race-bar span{border-radius:inherit;background:var(--family-bar,var(--accent));min-width:4px;height:100%;display:block}.race-points{color:var(--primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.1rem}.race-points small{color:var(--muted);font-size:.78rem;font-weight:400}.brothers-leader{color:var(--ink);margin-top:6px;font-size:.92rem}.race-prize{color:#6b4500;white-space:nowrap;font-variant-numeric:tabular-nums;background:#fff3d1;border-radius:999px;align-items:baseline;gap:2px;padding:2px 8px;font-size:.85rem;font-weight:800;display:inline-flex}.race-prize small{font-size:.75rem;font-weight:600}.race-members{color:var(--muted);flex-basis:100%;font-size:.82rem;font-weight:400}.result-row{grid-template-columns:2.2em minmax(0,1fr) auto}.race-foot{margin-top:10px}.brothers-news{align-items:center;gap:8px;margin-top:6px;font-size:.92rem;display:flex}.brothers-news .ib svg{width:16px;height:16px}.brothers-rules ul{gap:6px;margin:10px 0 0;padding-inline-start:1.2em;display:grid}.brothers-rules .prize-list{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.brothers-rules .prize-list li{color:#6b4500;font-variant-numeric:tabular-nums;background:#fff3d1;border-radius:999px;padding:2px 10px}.brothers-rules details{margin-top:10px}.brothers-awaiting,.brothers-result,.brothers-rules{margin-bottom:20px}.awards-table caption{text-align:start;padding-bottom:6px;font-weight:700}.bro-warn-points{border-radius:8px;margin-top:6px;display:block}.brothers-filter-note{margin:0 0 8px}@media (width<=720px){.result-row{grid-template-columns:2em minmax(0,1fr) auto}.race-row{grid-template-columns:2em minmax(0,1fr) auto;gap:6px 10px}.race-bar{grid-area:2/2/auto/-1}.bulk-bar.active{top:88px}}.brothers-card-name{min-width:0}.brothers-card-name h3{margin:0}.brothers-title-line{color:var(--muted);margin:2px 0 0;font-size:.82rem;line-height:1.5}.leader-row .name.name-hidden{color:var(--muted);align-items:center;gap:6px;font-weight:600;display:inline-flex}.leader-row .name-hidden svg{flex:none;width:16px;height:16px}.leader-row.leader-revealed{background:#fff6d8;border-color:#b98a00}.reveal-banner{color:#4d3300;background:#fff1d5;border:1px solid #e8c374;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;line-height:1.5;display:flex}.reveal-banner svg{flex:none;width:20px;height:20px}.reveal-note{color:var(--muted);margin:10px 0 0;font-size:.9rem}.option-pick,.option-settings{border:1px solid var(--line);border-radius:12px;min-width:0;padding:12px 16px}.option-pick legend,.option-settings legend{padding:0 6px;font-weight:700}.option-pick{gap:8px;display:grid}.option-pick .small-note{margin:0}.option-pick input[type=radio]{width:20px;height:20px;min-height:20px;accent-color:var(--primary);flex:none;margin:0;padding:0}.option-pick .check-label{margin:0}.option-settings>p{margin-bottom:12px}.form-grid.option-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;margin-bottom:10px}body:not([data-admin=true]){--page:#eef0f7;--surface:#fff;--ink:#1b1f3b;--muted:#575d7a;--line:#d4d8e8;--track:#e3e6f0;--hover:#f6f7fb;--sun:#ffaf00;--sun-hover:#ffbd2e;--hud-label:#b8bdd6;--hud-div:#3a3f63;--off:#d9dce8;--off-ink:#3d4260;--field-line:#767c99;--cat-all:#1b1f3b;--cat-all-tint:#e3e6f0;--cat-sports:#0f7a4d;--cat-sports-deep:#095a38;--cat-sports-tint:#e2f6ec;--cat-general:#1663b4;--cat-general-deep:#0d4b8c;--cat-general-tint:#e6effb;--cat-culture:#a4410e;--cat-culture-deep:#7a2f08;--cat-culture-tint:#fbe9df;--cat-faith:#0f766e;--cat-faith-deep:#0a5550;--cat-faith-tint:#dcf3f0;--cat-skills:#7a3fc4;--cat-skills-deep:#5a2b98;--cat-skills-tint:#efe7fb;--cat-growth:#a8285c;--cat-growth-deep:#7c1c43;--cat-growth-tint:#fbe4ee;--f-wa:#25d366;--f-wa-ink:#053b20;--f-wa-tint:#e3f8ec;--f-wa-label:#0b6b39;--f-note:#6a3fc0;--f-note-tint:#f0eafc;--f-note-label:#5a32a8;--f-due:#ff8f2e;--f-due-ink:#2b1400;--f-due-tint:#fff0e2;--f-due-label:#a3410a;--f-due-hot:#b54708;--f-due-today:#b42318;--f-own:#1b5fc1;--f-own-tint:#e5effc;--f-own-label:#0f4f8a;--f-rep:#4338ca;--f-rep-tint:#e7e6fd;--f-time:#0b6e64;--f-time-tint:#d4f2ec;--f-skill:#b0174f;--f-skill-tint:#fde2ec;--s-home:#ffaf00;--s-quran:#3fd09a;--s-pts:#ffcf3f;--s-fam:#ff8a9a;--s-bro:#5fb8ff;--s-cal:#5fe0cf;--s-ach:#c4a8ff;--s-quran-deep:#0f7a52;--s-pts-deep:#b36200;--s-fam-deep:#c2364a;--s-bro-deep:#1a6fc4;--s-cal-deep:#0b6e64;--s-ach-deep:#6a3fc0;--s-bro-tint:#e3f1ff;--s-bro-ink:#0b3d6b;--s-bro-line:#b9d8f5;--s-quran-tint:#e1f5ec;--s-quran-ink:#0b4a32;--s-quran-line:#b5e3cd;--medal-gold:#ffcf3f;--medal-silver:#c9cfdc;--medal-bronze:#e0a070;--g9:#2f9a74;--g10:#3a7fc4;--g11:#8a5cc9;--g12:#d1892e;--disp:"Changa", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--text:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--bg:var(--page);--paper:var(--page);--card:var(--surface);--primary:var(--ink);--dark:var(--ink);--accent:var(--ink);--radius:8px;--gutter:28px;background:var(--page);color:var(--ink);font-family:var(--text);overflow-wrap:break-word;line-height:1.6}@media (width<=1000px){body:not([data-admin=true]){--gutter:20px}}@media (width<=720px){body:not([data-admin=true]){--gutter:16px}}body:not([data-admin=true]) .shell{max-width:1180px;padding-inline:max(var(--gutter), env(safe-area-inset-right)) max(var(--gutter), env(safe-area-inset-left))}body:not([data-admin=true]) :is(h1,h2,h3,h4){font-family:var(--disp);font-weight:700;line-height:1.3}body:not([data-admin=true]) :is(.points,.metric strong,.race-points,.race-rank,.brothers-number){font-family:var(--disp)}body:not([data-admin=true]) .nowrap{white-space:nowrap}body:not([data-admin=true]) :where(.cut,.card:not(.player-card),.btn,.notice,.leader-row,.metric,.empty,.receipt-link,.achievement-badge,.portal-quran-link,.brothers-banner,.category-filter,.search-field,.staff-link,.rail-btn,.tile-btn,.hud-card,.quran-goal,.quran-history-row){--c:6px;--bw:1.5px;--bs:solid;--bc:var(--line);--fill:var(--surface);isolation:isolate;border:0;border-radius:0;position:relative;box-shadow:none!important;background:0 0!important}body:not([data-admin=true]) :where(.cut,.card:not(.player-card),.btn,.notice,.leader-row,.metric,.empty,.receipt-link,.achievement-badge,.portal-quran-link,.brothers-banner,.category-filter,.search-field,.staff-link,.rail-btn,.tile-btn,.hud-card,.quran-goal,.quran-history-row):before{--k:calc(var(--c) * .7071);--s:calc(var(--c) + 4px);--cut:transparent var(--k), var(--bc) 0 calc(var(--k) + var(--bw)), transparent 0;content:"";z-index:-1;border:var(--bw) var(--bs) var(--bc);background:linear-gradient(to bottom right, var(--cut)) top left / var(--s) var(--s) no-repeat border-box, linear-gradient(to bottom left, var(--cut)) top right / var(--s) var(--s) no-repeat border-box, linear-gradient(to top right, var(--cut)) bottom left / var(--s) var(--s) no-repeat border-box, linear-gradient(to top left, var(--cut)) bottom right / var(--s) var(--s) no-repeat border-box, var(--fill);width:auto;height:auto;clip-path:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c));pointer-events:none;border-radius:0;position:absolute;inset:0}body:not([data-admin=true]) .ib{border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:inline-grid}body:not([data-admin=true]) .ib svg{width:58%;height:58%}body:not([data-admin=true]) .btn{--bc:var(--ink);color:var(--ink);font-weight:700}body:not([data-admin=true]) .btn:not(.secondary,.soft,.danger,.whatsapp){--bc:var(--sun);--fill:var(--sun);color:var(--ink)}body:not([data-admin=true]) .btn.secondary{--bc:var(--ink);--fill:var(--surface);color:var(--ink)}body:not([data-admin=true]) .btn.soft{--bc:var(--track);--fill:var(--track);color:var(--ink)}body:not([data-admin=true]) .btn.danger{--bc:#e7a1b8;--fill:#fde2ec;color:#8f1239}body:not([data-admin=true]) .btn.whatsapp{--bc:#176541;--fill:#176541;color:#fff}@media (hover:hover){body:not([data-admin=true]) .btn:not(.secondary,.soft,.danger,.whatsapp):hover:not(:disabled){--bc:var(--sun-hover);--fill:var(--sun-hover)}body:not([data-admin=true]) .btn:is(.secondary,.soft):hover:not(:disabled){--fill:var(--hover)}}body:not([data-admin=true]) .btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}body:not([data-admin=true]) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1.5px solid var(--field-line);background:var(--surface);color:var(--ink);border-radius:4px}body:not([data-admin=true]) :is(input,select,textarea):focus-visible{outline:3px solid var(--ink);outline-offset:2px}body:not([data-admin=true]) .badge{clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);border-radius:0}body:not([data-admin=true]) .skill-chips span{background:var(--track);color:var(--ink);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);border-radius:0}body:not([data-admin=true]) .text-link{min-height:44px;color:var(--ink);text-decoration-line:underline;-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun);text-underline-offset:6px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;align-items:center;gap:2px;padding:0 2px;font-weight:700;text-decoration-thickness:3px;display:inline-flex}body:not([data-admin=true]) .text-link:hover{text-decoration-thickness:5px}body:not([data-admin=true]) .text-link svg{width:16px;height:16px}body:not([data-admin=true]) .text-link.icon-link{justify-content:center;width:44px;text-decoration-line:none}body:not([data-admin=true]) .text-link.icon-link svg{width:20px;height:20px}body:not([data-admin=true]) dialog{border:1.5px solid var(--ink);border-radius:6px}body:not([data-admin=true]) dialog::backdrop{background:#1b1f3bb8}body:not([data-admin=true]) dialog .close{border-radius:4px}body:not([data-admin=true]) #toast{right:max(20px, env(safe-area-inset-right));background:var(--ink);border-radius:4px}body:not([data-admin=true]) #toast:not(:empty){border-inline-start:4px solid var(--sun)}body:not([data-admin=true]) .skip-link{right:max(20px, env(safe-area-inset-right))}body:not([data-admin=true]) .notice{--bc:var(--s-bro-line);--fill:var(--s-bro-tint);color:var(--s-bro-ink)}body:not([data-admin=true]) .notice.warning{--bc:#f3c79f;--fill:var(--f-due-tint);color:var(--f-due-label)}body:not([data-admin=true]) .notice.error{--bc:#f0a9c0;--fill:#fde2ec;color:#8f1239}body:not([data-admin=true]) .notice.brothers-submit-note{--bc:#d8c8f5;--fill:var(--f-note-tint);color:var(--f-note-label)}body:not([data-admin=true]) .empty{--c:12px;--bs:dashed;--bc:var(--field-line);color:var(--muted);text-align:center;padding:30px 20px}body:not([data-admin=true]) .empty h3{color:var(--ink)}body:not([data-admin=true]) .empty .symbol{background:var(--track);color:#0000;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 10px;font-size:0;display:grid}body:not([data-admin=true]) .empty .symbol:before{content:"";background:var(--muted);width:22px;height:22px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M8.5 6.5h10V20h-10z'/%3E%3Cpath d='M5.5 17V4h10'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M8.5 6.5h10V20h-10z'/%3E%3Cpath d='M5.5 17V4h10'/%3E%3C/svg%3E") 50%/contain no-repeat}body:not([data-admin=true]) .header{background:0 0;border-bottom:0}body:not([data-admin=true]) .header-inner{gap:12px;min-height:64px}body:not([data-admin=true]) .brand{gap:8px;min-width:0;min-height:44px}body:not([data-admin=true]) .brand-mark{width:16px;height:40px}body:not([data-admin=true]) .brand strong{font-family:var(--disp);white-space:nowrap;font-size:1.2rem;font-weight:700;line-height:1.2}body:not([data-admin=true]) .footer-inner{align-items:baseline}body:not([data-admin=true]) .footer-inner a{align-items:center;min-height:44px;display:inline-flex}body:not([data-admin=true]) .staff-link{--c:8px;--bc:var(--ink);min-height:44px;color:var(--ink);white-space:nowrap;align-items:center;gap:8px;padding-block:0;padding-inline:5px 12px;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}body:not([data-admin=true]) .staff-link .ib{background:var(--track);width:32px;height:32px;color:var(--ink)}body:not([data-admin=true]) .staff-link:hover{--fill:var(--hover)}body:not([data-admin=true]) .staff-link:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (width<=720px){body:not([data-admin=true]) .staff-link{justify-content:center;min-width:44px;padding-inline:5px}body:not([data-admin=true]) .staff-link .staff-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}body:not([data-admin=true]) .intro{flex-flow:wrap;align-items:flex-end;gap:10px 20px;padding:18px 0 14px}body:not([data-admin=true]) .intro>div:first-child{flex:auto;min-width:0}body:not([data-admin=true]) .intro.hello h1{text-wrap:balance;font-size:clamp(2.1rem,9vw,2.6rem);font-weight:800;line-height:1.15}body:not([data-admin=true]) .intro.hello p{color:var(--muted);margin-top:4px;font-size:15px}body:not([data-admin=true]) .intro.compact{padding:8px 0}body:not([data-admin=true]) .intro.compact h1{font-family:var(--text);color:var(--muted);font-size:.95rem;font-weight:600;line-height:1.5}body:not([data-admin=true]) .season-select label{color:var(--muted);font-size:13px}body:not([data-admin=true]) .tabbar{border-bottom:1px solid var(--line);scrollbar-width:none;gap:2px;margin:0 0 6px;padding:0;display:flex;overflow-x:auto}body:not([data-admin=true]) .tabbar::-webkit-scrollbar{display:none}body:not([data-admin=true]) .tabbar button{--tc:var(--sun);--nc:var(--ink);min-height:48px;color:var(--muted);white-space:nowrap;touch-action:manipulation;background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0 10px 4px;font-size:15px;font-weight:600;line-height:1.3;display:inline-flex;position:relative}body:not([data-admin=true]) .tabbar [data-view=myQuran]{--tc:var(--s-quran);--nc:var(--s-quran-deep)}body:not([data-admin=true]) .tabbar [data-view=scores]{--tc:var(--s-pts);--nc:var(--s-pts-deep)}body:not([data-admin=true]) .tabbar [data-view=groups]{--tc:var(--s-fam);--nc:var(--s-fam-deep)}body:not([data-admin=true]) .tabbar [data-view=brothers]{--tc:var(--s-bro);--nc:var(--s-bro-deep)}body:not([data-admin=true]) .tabbar [data-view=events]{--tc:var(--s-cal);--nc:var(--s-cal-deep)}body:not([data-admin=true]) .tabbar [data-view=portal]{--tc:var(--s-ach);--nc:var(--s-ach-deep)}body:not([data-admin=true]) .tabbar .nav-icon{width:18px;height:18px;color:var(--nc);stroke-width:2px}body:not([data-admin=true]) .tabbar button:hover{color:var(--ink)}body:not([data-admin=true]) .tabbar button[aria-current=page]{color:var(--ink);font-weight:700}body:not([data-admin=true]) .tabbar button[aria-current=page]:after{content:"";background:var(--sun);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 100%,0 100%);width:22px;height:5px;position:absolute;bottom:0;left:calc(50% - 11px)}body:not([data-admin=true]) .tabbar button:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}body:not([data-admin=true]) .tabbar .nav-short{display:none}@media (width<=980px){body:not([data-admin=true]) .tabbar .nav-short{display:inline}body:not([data-admin=true]) .tabbar .nav-full{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}body:not([data-admin=true]) :is(.home-app,.home-main,.home-side){align-content:start;gap:20px;min-width:0;display:grid}body:not([data-admin=true]) :is(.home-main,.home-side,.home-tasks)>*{min-width:0}@media (width>=1000px){body:not([data-admin=true]) .home-app{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:28px}}@media (width>=1000px) and (height>=900px){body:not([data-admin=true]) .home-side{position:sticky;top:16px}}body:not([data-admin=true]) .today-row{border-block:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:10px;padding-block:8px;display:grid}body:not([data-admin=true]) .today-row .ib.cal{background:var(--f-time-tint);width:36px;height:36px;color:var(--s-cal-deep);margin-top:2px}body:not([data-admin=true]) .today-text{min-width:0;line-height:1.45;display:grid}body:not([data-admin=true]) .today-text h2{font-family:var(--text);font-size:15px;font-weight:700;line-height:1.5}body:not([data-admin=true]) .today-row .bulletin-empty{max-width:none;color:var(--muted);padding:0;font-size:14px}body:not([data-admin=true]) .today-row .bulletin-items{flex-wrap:wrap;gap:0 14px;margin:2px 0 0;padding:0;list-style:none;display:flex}body:not([data-admin=true]) .today-row .bulletin-items li{align-items:center;gap:6px;min-width:0;min-height:0;display:inline-flex}body:not([data-admin=true]) .today-row .bulletin-kind{background:var(--f-wa-tint);color:var(--f-wa-label);border-radius:0;padding:1px 6px;font-size:12px;font-weight:700}body:not([data-admin=true]) .today-row .bulletin-kind.updated{background:var(--s-bro-tint);color:var(--s-bro-ink)}body:not([data-admin=true]) .today-row .bulletin-kind.event{background:var(--f-due-tint);color:var(--f-due-label)}body:not([data-admin=true]) .today-row .bulletin-link{min-height:44px;-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun);text-underline-offset:4px;padding:8px 0;font-size:14px;text-decoration-thickness:2px}body:not([data-admin=true]) .today-actions{flex-wrap:wrap;grid-column:2;align-items:center;gap:0 14px;display:flex}@media (width>=600px){body:not([data-admin=true]) .today-row{grid-template-columns:auto minmax(0,1fr) auto}body:not([data-admin=true]) .today-actions{grid-area:1/3;justify-content:flex-end}}body:not([data-admin=true]) .home-tasks{gap:14px;min-width:0;display:grid}body:not([data-admin=true]) .category-filters{flex-wrap:wrap;gap:8px;margin:0;display:flex}body:not([data-admin=true]) .category-filter{--cc:var(--face,var(--cat-all));--ct:var(--face-tint,var(--cat-all-tint));--bc:var(--cc);min-height:44px;color:var(--ink);white-space:nowrap;flex:none;align-items:center;gap:7px;padding-block:0;padding-inline:5px 7px;font-size:14px;font-weight:600;display:inline-flex}body:not([data-admin=true]) .chip-icon{background:var(--ct);width:30px;height:30px;color:var(--cc);border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid}body:not([data-admin=true]) .chip-icon svg{width:16px;height:16px}body:not([data-admin=true]) .chip-count{background:var(--cc);color:#fff;min-width:24px;height:24px;font-family:var(--disp);font-variant-numeric:tabular-nums;border-radius:12px;place-items:center;padding-inline:6px;font-size:14px;font-weight:700;line-height:1;display:grid}@media (hover:hover){body:not([data-admin=true]) .category-filter:hover{--fill:var(--hover)}}body:not([data-admin=true]) .category-filter.category-brothers{--face:var(--s-bro-deep);--face-tint:var(--s-bro-tint)}body:not([data-admin=true]) .category-filter.is-empty{--bc:var(--field-line);--bs:dashed;color:var(--muted)}body:not([data-admin=true]) .category-filter.is-empty .chip-count{background:var(--track);color:var(--muted)}body:not([data-admin=true]) .category-filter[aria-pressed=true]{--bc:var(--ink);--bs:solid;--fill:var(--ink);color:#fff}body:not([data-admin=true]) .category-filter[aria-pressed=true] .chip-icon{background:#fff}body:not([data-admin=true]) .category-filter[aria-pressed=true] .chip-count{color:var(--cc);background:#fff}body:not([data-admin=true]) .category-filter[aria-pressed=true]:not(:focus-visible){outline-offset:-2px;outline:2px solid #0000}body:not([data-admin=true]) .category-filter:focus-visible{outline:3px solid var(--ink);outline-offset:3px}body:not([data-admin=true]) .task-search{margin:0;display:block}body:not([data-admin=true]) .search-field{--c:8px;--bc:var(--field-line);min-height:48px;color:var(--muted);align-items:center;gap:8px;padding-inline:12px 6px;display:flex}body:not([data-admin=true]) .search-field>svg{flex:none;width:20px;height:20px}body:not([data-admin=true]) .search-field>input[type=search]{min-width:0;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:0;flex:auto;padding:0;font-size:15px}body:not([data-admin=true]) .search-field>input[type=search]:focus-visible{outline:none}body:not([data-admin=true]) .search-field:focus-within{outline:3px solid var(--ink);outline-offset:2px}body:not([data-admin=true]) .rail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}body:not([data-admin=true]) .rail-head h2{white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:21px;line-height:1.25;display:flex}body:not([data-admin=true]) .rail-head h2 .ib{background:var(--sun);width:28px;height:28px;color:var(--ink)}body:not([data-admin=true]) .rail-ctrl{flex:none;align-items:center;gap:4px;display:flex}body:not([data-admin=true]) .rail-ctrl[hidden]{display:none}body:not([data-admin=true]) .rail-count{text-align:center;min-width:5ch;font-family:var(--disp);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:700}body:not([data-admin=true]) .rail-btn{--c:8px;--bc:var(--ink);width:44px;height:44px;color:var(--ink);place-items:center;padding:0;display:inline-grid}body:not([data-admin=true]) .rail-btn svg{width:20px;height:20px}body:not([data-admin=true]) .rail-btn:hover{--fill:var(--hover)}body:not([data-admin=true]) .rail-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}body:not([data-admin=true]) .rail-btn[aria-disabled=true]{--bc:var(--off);color:var(--field-line);cursor:default}body:not([data-admin=true]) .rail-btn[aria-disabled=true]:hover{--fill:var(--surface)}body:not([data-admin=true]) .task-rail{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px;margin:0;padding:4px 0 0;list-style:none;display:grid}body:not([data-admin=true]) .task-slide{filter:drop-shadow(0 8px 10px #1b1f3b33);flex-direction:column;min-width:0;display:flex}body:not([data-admin=true]) .task-slide:has(:focus-visible){outline:3px solid var(--ink);outline-offset:3px}@media (width>=761px){body:not([data-admin=true]) .rail-ctrl{display:none}}body:not([data-admin=true]) .player-card{isolation:isolate;color:#fff;background:var(--tex,none), linear-gradient(172deg, var(--face,var(--cat-general)) 0 38%, var(--face-deep,var(--cat-general-deep)) 100%);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 16px),50% 100%,0 calc(100% - 16px),0 18px);flex-direction:column;flex:1;min-width:0;padding:16px 14px 0;display:flex;position:relative;overflow:hidden;container:player-card/inline-size}body:not([data-admin=true]) .category-sports{--face:var(--cat-sports);--face-deep:var(--cat-sports-deep);--face-tint:var(--cat-sports-tint);--tex:repeating-linear-gradient(90deg, transparent 0 26px, #00000014 26px 52px)}body:not([data-admin=true]) .category-general{--face:var(--cat-general);--face-deep:var(--cat-general-deep);--face-tint:var(--cat-general-tint);--tex:repeating-linear-gradient(135deg, transparent 0 9px, #00000014 9px 11px)}body:not([data-admin=true]) .category-culture{--face:var(--cat-culture);--face-deep:var(--cat-culture-deep);--face-tint:var(--cat-culture-tint);--tex:repeating-linear-gradient(0deg, transparent 0 15px, #00000012 15px 17px)}body:not([data-admin=true]) .category-faith{--face:var(--cat-faith);--face-deep:var(--cat-faith-deep);--face-tint:var(--cat-faith-tint);--tex:repeating-linear-gradient(45deg, transparent 0 14px, #0000000f 14px 16px), repeating-linear-gradient(-45deg, transparent 0 14px, #0000000f 14px 16px)}body:not([data-admin=true]) .category-skills{--face:var(--cat-skills);--face-deep:var(--cat-skills-deep);--face-tint:var(--cat-skills-tint);--tex:radial-gradient(#0000001a 1.6px, transparent 1.7px) 0 0 / 14px 14px}body:not([data-admin=true]) .category-growth{--face:var(--cat-growth);--face-deep:var(--cat-growth-deep);--face-tint:var(--cat-growth-tint);--tex:repeating-linear-gradient(60deg, transparent 0 18px, #00000012 18px 22px)}body:not([data-admin=true]) .player-card>.emblem{z-index:-1;top:-26px;color:#00000017;pointer-events:none;width:128px;height:128px;position:absolute;inset-inline-end:-30px}body:not([data-admin=true]) .player-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 10px;display:flex}body:not([data-admin=true]) .player-rating{flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;display:flex}body:not([data-admin=true]) .player-rating b{font-family:var(--disp);white-space:nowrap;font-size:58px;font-weight:800;line-height:.9}body:not([data-admin=true]) .player-rating>span{font-family:var(--disp);white-space:nowrap;align-items:baseline;gap:4px;font-size:16px;font-weight:700;line-height:1;display:inline-flex}body:not([data-admin=true]) .player-rating .coin{background:var(--s-pts);width:22px;height:22px;color:var(--ink);align-self:center;box-shadow:inset 0 -2px #00000029}body:not([data-admin=true]) .player-rating .coin svg{width:74%;height:74%}body:not([data-admin=true]) .player-rating b .upto{color:inherit;font-family:var(--disp);vertical-align:middle;margin-inline-end:4px;font-size:18px;font-weight:700}body:not([data-admin=true]) .player-badges{flex-direction:column;align-items:flex-end;gap:6px;min-width:0;display:flex}body:not([data-admin=true]) .category-pill{background:var(--face-deep);color:#fff;font-family:var(--disp);white-space:nowrap;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);align-items:center;gap:7px;padding-block:3px;padding-inline:3px 12px;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex}body:not([data-admin=true]) .category-pill .ci{width:26px;height:26px;color:var(--face);background:#fff;border-radius:50%;place-items:center;font-size:14px;line-height:1;display:grid}body:not([data-admin=true]) .rarity{color:var(--ink);white-space:nowrap;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:linear-gradient(115deg,#dfe4ee 0%,#fff 34%,#c3cbda 56%,#eef1f6 76%,#b5bfd0 100%);flex:none;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}body:not([data-admin=true]) .rarity svg{width:13px;height:13px}body:not([data-admin=true]) .rarity-rare{color:#3d2800;background:linear-gradient(115deg,#f7d26a 0%,#fff4c7 32%,#e9b630 54%,#fbe39a 74%,#d9a21b 100%)}body:not([data-admin=true]) .rarity-legend{color:#ffd76a;background:linear-gradient(115deg,#2a1f5c,#5b2fa0 45%,#1b1f3b 75%,#3a2470);box-shadow:inset 0 0 0 1px #ffd76a}body:not([data-admin=true]) .player-card .brothers-tag{color:var(--ink);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);background:#fff;border:0;border-radius:0;align-self:flex-start;align-items:center;gap:6px;margin:10px 0 0;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}body:not([data-admin=true]) .player-card .brothers-tag svg{width:16px;height:16px;color:var(--s-bro-deep)}body:not([data-admin=true]) .player-card h3{text-wrap:balance;overflow-wrap:anywhere;margin-top:10px;font-size:25px;line-height:1.25}body:not([data-admin=true]) .player-desc{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 14px;font-size:14.5px;line-height:1.65}body:not([data-admin=true]) .player-sheet{background:var(--surface);color:var(--ink);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);gap:8px;margin:auto 0 14px;padding:10px;display:grid}body:not([data-admin=true]) .player-facts{gap:8px;margin:0;display:grid}body:not([data-admin=true]) .fact{background:var(--ht);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);align-content:center;gap:1px;min-width:0;min-height:56px;padding-block:7px;padding-inline:56px 10px;display:grid;position:relative}body:not([data-admin=true]) .fact .ib{inset-inline-start:9px;background:var(--hb);width:36px;height:36px;color:var(--hi);position:absolute;top:calc(50% - 18px)}body:not([data-admin=true]) .fact dt{color:var(--hl);font-size:12px;font-weight:700;line-height:1.4}body:not([data-admin=true]) .fact dd{min-width:0;color:var(--ink);font-family:var(--disp);flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0;font-size:17px;font-weight:700;line-height:1.3;display:flex}body:not([data-admin=true]) .fact-whatsapp{--ht:var(--f-wa-tint);--hb:var(--f-wa);--hi:var(--f-wa-ink);--hl:var(--f-wa-label)}body:not([data-admin=true]) .fact-note{--ht:var(--f-note-tint);--hb:var(--f-note);--hi:#fff;--hl:var(--f-note-label)}body:not([data-admin=true]) .fact-due{--ht:var(--f-due-tint);--hb:var(--f-due);--hi:var(--f-due-ink);--hl:var(--f-due-label)}body:not([data-admin=true]) .fact-owner{--ht:var(--f-own-tint);--hb:var(--f-own);--hi:#fff;--hl:var(--f-own-label)}body:not([data-admin=true]) .fact-options{--ht:#fff6d6;--hb:var(--s-pts);--hi:var(--ink);--hl:#7a4300}body:not([data-admin=true]) .days-left{background:var(--f-due-hot);color:#fff;font-family:var(--text);white-space:nowrap;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);padding:3px 8px 4px;font-size:12px;font-weight:700;line-height:1.2}body:not([data-admin=true]) .days-left.is-today{background:var(--f-due-today)}body:not([data-admin=true]) .player-stats{margin:0;padding-inline:2px;display:grid}body:not([data-admin=true]) .stat{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0;min-height:40px;padding-block:5px;display:flex}body:not([data-admin=true]) .stat dt{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:600;line-height:1.3;display:flex}body:not([data-admin=true]) .stat .ib{background:var(--ft);width:26px;height:26px;color:var(--fi)}body:not([data-admin=true]) .stat dd{margin:0;text-align:end;min-width:0;margin-inline-start:auto;font-size:14.5px;font-weight:700;line-height:1.35}body:not([data-admin=true]) .stat-repeat{--ft:var(--f-rep-tint);--fi:var(--f-rep)}body:not([data-admin=true]) .task-go{background:var(--sun);height:76px;color:var(--ink);font-family:var(--disp);text-align:center;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;margin:0 -14px;padding:0 16px 16px;font-size:19px;font-weight:700;line-height:1.1;display:flex;position:relative;box-shadow:inset 0 3px #ffffff61}body:not([data-admin=true]) .task-go .ib{background:var(--ink);width:32px;height:32px;color:var(--sun)}body:not([data-admin=true]) .task-go:hover:not(:disabled){background:var(--sun-hover)}body:not([data-admin=true]) .task-go:focus-visible{outline:none}body:not([data-admin=true]) .task-go:focus-visible:after{content:"";border:3px solid var(--ink);pointer-events:none;position:absolute;inset:7px 9px 23px}body:not([data-admin=true]) .task-go:disabled{background:var(--off);color:var(--off-ink);box-shadow:none;opacity:1;cursor:default}body:not([data-admin=true]) .task-go:disabled .ib{background:var(--off-ink);color:var(--off)}@container player-card (width<=249px){body:not([data-admin=true]) .player-head{flex-direction:column;align-items:flex-start;gap:8px}body:not([data-admin=true]) .player-badges{flex-flow:wrap;align-items:center}body:not([data-admin=true]) .player-rating b{font-size:50px}body:not([data-admin=true]) .player-card h3{font-size:22px}body:not([data-admin=true]) .fact{padding-inline:48px 8px}body:not([data-admin=true]) .fact .ib{inset-inline-start:8px;width:32px;height:32px;top:calc(50% - 16px)}body:not([data-admin=true]) .fact dd{font-size:16px}body:not([data-admin=true]) .stat dt{gap:6px;font-size:12.5px}body:not([data-admin=true]) .stat .ib{width:24px;height:24px}body:not([data-admin=true]) .stat dd{font-size:14px}body:not([data-admin=true]) .task-go{font-size:16px}}body:not([data-admin=true]) .score-aside{min-width:0}body:not([data-admin=true]) .hud-card{--c:8px;--bw:0px;--fill:var(--ink);color:#fff;padding:14px 4px 13px}body:not([data-admin=true]) .hud{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;container:hud/inline-size}body:not([data-admin=true]) .hud li{grid-template-columns:minmax(0,1fr);align-content:start;justify-items:start;gap:6px;min-width:0;padding-inline:10px;display:grid}body:not([data-admin=true]) .hud li+li{border-inline-start:1px solid var(--hud-div)}body:not([data-admin=true]) .hud .ib{background:var(--hc);width:28px;height:28px;color:var(--ink)}body:not([data-admin=true]) .hud-pts{--hc:var(--s-pts)}body:not([data-admin=true]) .hud-ppl{--hc:var(--s-bro)}body:not([data-admin=true]) .hud-tasks{--hc:var(--s-quran)}body:not([data-admin=true]) .hud strong{min-width:0;color:var(--hc);font-family:var(--disp);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}body:not([data-admin=true]) .hud-label{min-width:0;color:var(--hud-label);font-size:12px;line-height:1.45}@container hud (width>=330px){body:not([data-admin=true]) .hud li{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}body:not([data-admin=true]) .hud-label{grid-column:1/-1}}body:not([data-admin=true]) .hud-card .goal-progress{border-top:1px solid var(--hud-div);margin:14px 10px 0;padding-top:12px}body:not([data-admin=true]) .hud-card .goal-progress label{color:#fff;font-size:13px;font-weight:600}body:not([data-admin=true]) .hud-card .goal-progress p{color:var(--hud-label);font-size:12.5px}body:not([data-admin=true]) .hud-card .goal-progress progress{background:var(--hud-div);height:10px;accent-color:var(--sun);border-radius:0}body:not([data-admin=true]) .hud-card .goal-progress progress::-webkit-progress-bar{background:var(--hud-div)}body:not([data-admin=true]) .hud-card .goal-progress progress::-webkit-progress-value{background:var(--sun)}body:not([data-admin=true]) .hud-card .goal-progress progress::-moz-progress-bar{background:var(--sun)}body:not([data-admin=true]) .score-aside .aside-note{margin:10px 6px 0}@media (width>=721px){body:not([data-admin=true]) .layout .hud-card{position:sticky;top:20px}body:not([data-admin=true]) .layout .hud{grid-template-columns:minmax(0,1fr);row-gap:12px}body:not([data-admin=true]) .layout .hud li{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 8px}body:not([data-admin=true]) .layout .hud li+li{border-inline-start:0;border-top:1px solid var(--hud-div);padding-top:12px}body:not([data-admin=true]) .layout .hud-label{grid-column:1/-1}}body:not([data-admin=true]) .league-card{--c:12px;--bw:1px;gap:4px;padding:14px 16px 16px;display:grid}body:not([data-admin=true]) .row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}body:not([data-admin=true]) .row-head h2{white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:20px;line-height:1.25;display:flex}body:not([data-admin=true]) .row-head h2 .ib{background:var(--s-fam-deep);color:#fff}body:not([data-admin=true]) .league{grid-template-columns:auto 22px auto minmax(0,1fr) auto;column-gap:10px;margin:0;padding:0;list-style:none;display:grid}body:not([data-admin=true]) .league li{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--line);align-items:center;min-height:58px;display:grid}body:not([data-admin=true]) .league li:first-child{border-top:0}body:not([data-admin=true]) .league-rank{background:var(--track);width:30px;height:30px;color:var(--ink);font-family:var(--disp);border-radius:50%;place-items:center;font-size:16px;font-weight:800;line-height:1;display:grid;box-shadow:inset 0 -3px #00000024}body:not([data-admin=true]) .league-rank.rank-gold{background:var(--medal-gold)}body:not([data-admin=true]) .league-rank.rank-silver{background:var(--medal-silver)}body:not([data-admin=true]) .league-rank.rank-bronze{background:var(--medal-bronze)}body:not([data-admin=true]) .family-grade-9{--sw:var(--g9);--family-bar:var(--g9);--family-band:linear-gradient(var(--g9), var(--g9))}body:not([data-admin=true]) .family-grade-10{--sw:var(--g10);--family-bar:var(--g10);--family-band:linear-gradient(var(--g10), var(--g10))}body:not([data-admin=true]) .family-grade-11-12{--sw:var(--g12);--family-bar:repeating-linear-gradient(135deg, var(--g11) 0 6px, var(--g12) 6px 12px);--family-band:linear-gradient(270deg, var(--g11), var(--g12))}body:not([data-admin=true]) .crest{background:var(--sw,var(--muted));clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% 70%,50% 100%,0 70%,0 4px);width:22px;height:26px;position:relative}body:not([data-admin=true]) .family-grade-11-12 .crest:before{content:"";background:var(--g11);clip-path:polygon(0 0,100% 0,100% 100%);position:absolute;inset:0}body:not([data-admin=true]) .league-name{white-space:nowrap;justify-items:start;gap:3px;font-size:15px;font-weight:700;line-height:1.25;display:grid}body:not([data-admin=true]) .league-grades{gap:4px;display:inline-flex}body:not([data-admin=true]) .league-bar{background:var(--track);height:10px;display:block}body:not([data-admin=true]) .league-bar i{width:var(--w);background:var(--family-bar,var(--ink));height:100%;display:block}body:not([data-admin=true]) .league-score{justify-items:center;min-width:2.4em;display:grid}body:not([data-admin=true]) .league-score b{font-family:var(--disp);font-variant-numeric:tabular-nums;font-size:21px;font-weight:800;line-height:1}body:not([data-admin=true]) .league-score small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:600;line-height:1.2}body:not([data-admin=true]) .league-tie{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:10px;font-size:13.5px;line-height:1.5;display:flex}body:not([data-admin=true]) .league-tie .ib{background:var(--track);color:var(--ink)}body:not([data-admin=true]) .league-tie span:last-child{min-width:0}body:not([data-admin=true]) .home-tiles{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (width>=560px) and (width<=999px){body:not([data-admin=true]) .home-tiles:not(.single){grid-template-columns:repeat(2,minmax(0,1fr))}}body:not([data-admin=true]) .home-tile{--c:10px;--bw:1px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}body:not([data-admin=true]) .tile-brothers{--fill:var(--s-bro-tint);--bc:var(--s-bro-line);--pill:var(--s-bro-deep);--tb:var(--s-bro);color:var(--s-bro-ink)}body:not([data-admin=true]) .tile-quran{--fill:var(--s-quran-tint);--bc:var(--s-quran-line);--pill:var(--s-quran-deep);--tb:var(--s-quran);color:var(--s-quran-ink)}body:not([data-admin=true]) .home-tile h2{align-items:center;gap:10px;min-width:0;font-size:19px;line-height:1.3;display:flex}body:not([data-admin=true]) .home-tile h2 .ib{background:var(--tb);width:36px;height:36px;color:var(--ink)}body:not([data-admin=true]) .home-tile :is(p,small){color:inherit;font-size:14px;line-height:1.6}body:not([data-admin=true]) .home-tile small{font-size:13px}body:not([data-admin=true]) .mini{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}body:not([data-admin=true]) .mini li{background:var(--surface);white-space:nowrap;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);align-items:center;gap:6px;max-width:100%;min-height:32px;padding:3px 10px;font-size:13.5px;font-weight:600;line-height:1.3;display:inline-flex}body:not([data-admin=true]) .mini svg{width:16px;height:16px;color:var(--pill)}body:not([data-admin=true]) .brothers-leader{color:inherit;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}body:not([data-admin=true]) .brothers-leader .ib{background:var(--medal-gold);width:28px;height:28px;color:var(--ink)}body:not([data-admin=true]) .brothers-leader span:last-child{min-width:0}body:not([data-admin=true]) .brothers-news{margin:0;font-size:14px;font-weight:600}body:not([data-admin=true]) .brothers-news .ib{background:var(--s-bro-tint);width:28px;height:28px;color:var(--s-bro-deep)}body:not([data-admin=true]) .brothers-news span:last-child{min-width:0}body:not([data-admin=true]) .tile-btn{--c:6px;--bw:0px;--fill:var(--pill);color:#fff;white-space:nowrap;justify-content:center;align-items:center;gap:6px;width:100%;min-height:46px;margin-top:auto;padding:0 14px;font-size:15px;font-weight:700;display:flex}body:not([data-admin=true]) .tile-btn svg{width:16px;height:16px}body:not([data-admin=true]) .tile-btn:hover{text-underline-offset:4px;text-decoration:underline}body:not([data-admin=true]) .tile-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}body:not([data-admin=true]) .leader-row{padding:12px 16px}body:not([data-admin=true]) .leader-row .rank{background:var(--track);width:34px;height:34px;color:var(--ink);font-family:var(--disp);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}body:not([data-admin=true]) .leader-row.leader-top-five{--bc:#d9b44a;--fill:#fffbea}body:not([data-admin=true]) .leader-row.leader-top-five .rank{background:var(--medal-gold)}body:not([data-admin=true]) .leader-row .score{color:var(--ink);font-family:var(--disp);font-size:1.15rem}body:not([data-admin=true]) .leader-row .score small{color:var(--muted);font-family:var(--text);font-size:12px}body:not([data-admin=true]) .leader-recognition{color:#6b4500;background:#fff3d1;border-radius:0}body:not([data-admin=true]) :is(.race-prize,.brothers-rules .prize-list li){border-radius:0}body:not([data-admin=true]) :is(.race-rank,.race-points){color:var(--ink)}body:not([data-admin=true]) .race-rank{place-items:center;display:grid}body:not([data-admin=true]) .race-bar{background:var(--track);border-radius:0;height:10px}body:not([data-admin=true]) .race-bar span{background:var(--family-bar,var(--s-bro-deep));border-radius:0}body:not([data-admin=true]) .family-card{--fill:var(--family-band,linear-gradient(var(--ink), var(--ink))) top / 100% 5px no-repeat, var(--surface)}body:not([data-admin=true]) .brothers-banner{--c:8px;--bc:var(--ink);--fill:var(--ink);color:#fff;margin:16px 0;padding:18px 20px}body:not([data-admin=true]) .brothers-banner>span{background:var(--s-bro);color:var(--ink);font-family:var(--disp);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);border-radius:0;padding:4px 12px}body:not([data-admin=true]) .brothers-banner strong{font-family:var(--disp);font-size:1.1rem}body:not([data-admin=true]) .brothers-banner small{color:var(--hud-label)}body:not([data-admin=true]) .brothers-card{--band:var(--s-bro);--fill:linear-gradient(var(--band), var(--band)) top / 100% 5px no-repeat, var(--surface)}body:not([data-admin=true]) .brothers-card.tone-1{--band:var(--s-quran)}body:not([data-admin=true]) .brothers-card.tone-2{--band:var(--s-pts)}body:not([data-admin=true]) .brothers-card.tone-3{--band:var(--s-ach)}body:not([data-admin=true]) .brothers-number{background:var(--track);color:var(--ink);border-radius:50%}body:not([data-admin=true]) .brothers-card th{background:var(--hover)}body:not([data-admin=true]) .brothers-title-line{color:var(--muted);font-size:13px}body:not([data-admin=true]) .reveal-banner{--c:6px;--bw:1.5px;--bc:var(--s-pts-deep);--fill:#fff3c4;color:var(--ink)}body:not([data-admin=true]) .reveal-banner .ib{background:var(--s-pts);color:var(--ink)}body:not([data-admin=true]) .reveal-banner b{font-family:var(--disp)}body:not([data-admin=true]) .leader-row.leader-hidden .name{color:var(--muted)}body:not([data-admin=true]) .leader-row.leader-revealed{--bc:var(--s-pts-deep);--fill:#fff3c4}body:not([data-admin=true]) .reveal-note{color:var(--muted);font-size:14px}body:not([data-admin=true]) :is(.option-pick,.option-settings){border-radius:0}body:not([data-admin=true]) .list>.card>.badge:first-child{background:var(--f-time-tint);color:var(--ink);font-family:var(--disp);padding:3px 10px;font-weight:700}body:not([data-admin=true]) .metric strong{color:var(--s-pts-deep);font-weight:800}body:not([data-admin=true]) .metric:nth-child(2) strong{color:var(--s-quran-deep)}body:not([data-admin=true]) .metric:nth-child(3) strong{color:var(--s-bro-deep)}body:not([data-admin=true]) :is(.achievement-badge,.portal-quran-link){--bc:var(--s-quran-line);--fill:var(--s-quran-tint);color:var(--s-quran-ink)}body:not([data-admin=true]) :is(.achievement-badge,.portal-quran-link) p{color:var(--s-quran-ink)}body:not([data-admin=true]) .achievement-badge>span{color:var(--s-quran-deep)}body:not([data-admin=true]) .private-quran-mark{background:var(--s-quran-tint);color:var(--s-quran-deep);border-radius:50%}body:not([data-admin=true]) .portal-quran-link .private-quran-mark{background:var(--surface)}body:not([data-admin=true]) .quran-progress progress{background:var(--track);accent-color:var(--s-quran-deep);border-radius:0}body:not([data-admin=true]) .quran-progress progress::-webkit-progress-bar{background:var(--track)}body:not([data-admin=true]) .quran-progress progress::-webkit-progress-value{background:var(--s-quran-deep)}body:not([data-admin=true]) .quran-progress progress::-moz-progress-bar{background:var(--s-quran-deep)}body:not([data-admin=true]) .quran-goal{--c:8px;--bw:1px;--bc:var(--s-quran-line);--fill:var(--s-quran-tint);color:var(--s-quran-ink)}body:not([data-admin=true]) .quran-goal-revision{--bc:var(--line);--fill:var(--surface);color:var(--ink)}body:not([data-admin=true]) .quran-history-row{--c:8px;--bw:1px}body:not([data-admin=true]) .quran-history-row.quran-voided{--bs:dashed;--fill:var(--hover)}body:not([data-admin=true]) .badge[class=badge]{background:var(--track);color:var(--ink)}body:not([data-admin=true]) .badge:is(.approved,.quran-rating-excellent){background:var(--f-wa-tint);color:var(--f-wa-label)}body:not([data-admin=true]) .badge.quran-rating-very_good{background:var(--f-own-tint);color:var(--f-own-label)}body:not([data-admin=true]) .badge:is(.pending,.quran-rating-good){background:var(--f-due-tint);color:var(--f-due-label)}body:not([data-admin=true]) .badge.needs_revision{background:var(--f-note-tint);color:var(--f-note-label)}body:not([data-admin=true]) .badge:is(.rejected,.quran-rating-repeat){color:var(--f-due-today);background:#fdecee}body:not([data-admin=true]) .quran-voided .badge{background:var(--track);color:var(--off-ink)}body:not([data-admin=true]) .card-top .points{background:var(--sun);color:var(--ink);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);padding:2px 12px}body:not([data-admin=true]) .receipt-icon{background:var(--sun);width:64px;height:64px;color:var(--ink);border-radius:50%;place-items:center;margin-bottom:8px;font-size:2rem;font-weight:800;line-height:1;display:inline-grid}body:not([data-admin=true]) .receipt-link{--bs:dashed;--bc:var(--field-line);--fill:var(--hover);direction:ltr}body:not([data-admin=true]) .status-list>div{background:var(--page);border-radius:0}@media (width<=760px){body:not([data-admin=true]) .header{border-bottom:1px solid var(--line)}body:not([data-admin=true]) .header-inner{min-height:60px}body:not([data-admin=true]) .brand-mark{width:15px;height:38px}body:not([data-admin=true]) .tabbar{z-index:25;padding:0 max(4px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px, env(safe-area-inset-left));background:var(--ink);border:0;gap:0;margin:0;position:fixed;bottom:0;left:0;right:0}body:not([data-admin=true]) .tabbar button{min-width:min-content;min-height:56px;color:var(--hud-label);flex-direction:column;flex:1 0 0;justify-content:center;gap:3px;padding:5px 2px;font-size:12px;line-height:1.2}body:not([data-admin=true]) .tabbar .nav-icon{width:44px;height:28px;color:var(--tc);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);padding:3px 11px}body:not([data-admin=true]) .tabbar button:hover,body:not([data-admin=true]) .tabbar button[aria-current=page]{color:#fff}body:not([data-admin=true]) .tabbar button[aria-current=page] .nav-icon{background:var(--tc);color:var(--ink)}body:not([data-admin=true]) .tabbar button[aria-current=page]:after{display:none}body:not([data-admin=true]) .tabbar button:focus-visible{outline:3px solid var(--sun);outline-offset:-4px}body:not([data-admin=true]) .tabbar .nav-short{display:inline}body:not([data-admin=true]) .tabbar .nav-full{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body:not([data-admin=true]):has(.tabbar){padding-bottom:calc(80px + env(safe-area-inset-bottom))}html:has(body:not([data-admin=true]) .tabbar){scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom))}body:not([data-admin=true]):has(.tabbar) #toast{bottom:calc(76px + env(safe-area-inset-bottom))}body:not([data-admin=true]):has(#main :is(input:not([type=checkbox]):not([type=radio]),textarea):focus) .tabbar{display:none}body:not([data-admin=true]) .category-filters{scrollbar-width:none;margin:-8px calc(var(--gutter) * -1);padding:8px var(--gutter);scroll-padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}body:not([data-admin=true]) .category-filters::-webkit-scrollbar{display:none}body:not([data-admin=true]) .task-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:8px var(--gutter) 22px;align-items:flex-start;gap:12px;display:flex;overflow:auto hidden}body:not([data-admin=true]) .task-rail::-webkit-scrollbar{display:none}body:not([data-admin=true]) .task-slide{scroll-snap-align:start;flex:0 0 min(86%,380px)}body:not([data-admin=true]) .player-card:has(.task-go:not(:disabled)) .player-desc{-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width<=359px){body:not([data-admin=true]) .rail-head{gap:6px}body:not([data-admin=true]) .rail-head h2{gap:6px;font-size:18px}body:not([data-admin=true]) .rail-head h2 .ib{width:24px;height:24px}body:not([data-admin=true]) .rail-ctrl{gap:2px}body:not([data-admin=true]) .rail-count{min-width:4.4ch;font-size:15px}body:not([data-admin=true]) .tabbar button{padding-inline:0}body:not([data-admin=true]) .tabbar .nav-icon{width:38px;padding:3px 8px}}@media (width<=760px) and (height<=480px) and (aspect-ratio>=3/2){body:not([data-admin=true]) .tabbar{margin:0 0 12px;padding-bottom:0;position:static}body:not([data-admin=true]):has(#main :is(input:not([type=checkbox]):not([type=radio]),textarea):focus) .tabbar{display:flex}body:not([data-admin=true]):has(.tabbar){padding-bottom:0}html:has(body:not([data-admin=true]) .tabbar){scroll-padding-bottom:0}body:not([data-admin=true]):has(.tabbar) #toast{bottom:20px}}@media (prefers-reduced-motion:no-preference){body:not([data-admin=true]) .task-rail.deal>.task-slide:nth-child(-n+3)>*{animation:.46s cubic-bezier(.2,.75,.25,1) backwards cards-plus-deal}body:not([data-admin=true]) .task-rail.deal>.task-slide:nth-child(2)>*{animation-delay:90ms}body:not([data-admin=true]) .task-rail.deal>.task-slide:nth-child(3)>*{animation-delay:.18s}body:not([data-admin=true]) .task-go{transition:transform 80ms ease-out,background-color .15s ease-out}body:not([data-admin=true]) .task-go:active:not(:disabled){transform:translateY(2px)}}@keyframes cards-plus-deal{0%{opacity:0;transform:translateY(18px)scale(.96)}}@media (forced-colors:active){body:not([data-admin=true]) .tabbar button[aria-current=page]:not(:focus-visible){outline-offset:-4px;outline:2px solid canvastext}body:not([data-admin=true]) .player-card{outline-offset:-2px;outline:2px solid canvastext}body:not([data-admin=true]) .task-go{border:2px solid buttontext}body:not([data-admin=true]) :is(.category-pill,.rarity,.days-left,.chip-count,.league-rank){border:1px solid canvastext}}@media print{body:not([data-admin=true]) :is(.tabbar,.rail-ctrl,.today-actions){display:none!important}:is(body:not([data-admin=true]),body:not([data-admin=true]):has(.tabbar)){padding-bottom:0}body:not([data-admin=true]) .shell{padding-inline:0}body:not([data-admin=true]) .task-rail{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;display:grid;overflow:visible}body:not([data-admin=true]) .task-slide{filter:none;break-inside:avoid}body:not([data-admin=true]) .player-card{clip-path:none}}
