@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Fraunces:opsz,wght@9..144,700&family=Manrope:wght@500;700;800&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0&display=swap";:root{--bg-1: #d9e8ff;--bg-2: #f9efe0;--bg-3: #dff5e8;--card: rgba(255, 255, 255, .82);--text: #16273c;--muted: #5e6d82;--accent-1: #4f67ff;--accent-2: #7f4dff;--good-1: #0f9b62;--good-2: #2fc97e;--danger: #c13a2f;--warning: #f4b540;--border: rgba(120, 142, 176, .28);--radius: 20px}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(1300px 620px at 8% -5%,var(--bg-1),transparent 58%),radial-gradient(900px 520px at 100% 12%,var(--bg-2),transparent 50%),radial-gradient(1000px 540px at 48% 100%,var(--bg-3),transparent 45%),linear-gradient(165deg,#eff5ff,#f8fbff 40%,#f6fbf8);min-height:100vh}.app{width:min(920px,100%);margin:0 auto;padding:14px 12px 24px}.header{margin-bottom:14px}.header h1{margin:0;font-family:Fraunces,Manrope,serif;font-size:1.7rem;line-height:1.05;letter-spacing:.01em}.header-sub{margin-top:8px;margin-bottom:0;max-width:40ch}.role-pill{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-radius:999px;padding:8px 14px;font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.05em;box-shadow:0 8px 20px #545aff3d;flex:0 0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:0 8px 30px #2f46691c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card.warning{border-color:#eab03973;background:#fff8e5db}.card.success{border-color:#23aa6961;background:#e6fff3eb}.card.subcard{margin-top:10px;background:#ffffffe6}.column{display:flex;flex-direction:column}.column.gap{gap:12px}.student-shell{display:flex;flex-direction:column;gap:12px}.student-content{padding-bottom:126px}.column.tight{gap:8px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}button,input,select,textarea{border-radius:14px;border:1px solid var(--border);padding:10px 12px;font-size:.94rem;font-family:Manrope,sans-serif}button{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border:none;cursor:pointer;font-weight:700;box-shadow:0 8px 18px #5c5fed40;transition:transform .16s ease,filter .16s ease}button:hover{filter:brightness(.99);transform:translateY(-1px)}button:disabled{opacity:.7;cursor:not-allowed;transform:none}button.ghost{background:linear-gradient(140deg,#e9f0ff,#d9e6ff);color:#2e4f86;box-shadow:none}button.danger{background:linear-gradient(135deg,#c63f38,#a32828)}button.success{background:linear-gradient(135deg,var(--good-1),var(--good-2));box-shadow:0 8px 18px #139a6340}input,select,textarea{width:100%;background:#ffffffe6;color:var(--text)}textarea{resize:vertical}audio{width:100%;margin-top:8px;margin-bottom:8px;border-radius:12px}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:700}.timer{font-size:1.1rem;font-weight:700}.center{text-align:center}.record-center{display:flex;flex-direction:column;align-items:center;gap:10px}.record-ring{width:250px;height:250px;border-radius:999px;display:grid;place-items:center;padding:12px;transition:background .22s ease}.record-core{width:210px;height:210px;border-radius:999px;font-size:1.32rem;font-weight:800;background:linear-gradient(165deg,#1bb06a,#0f8954);color:#fff;border:none;box-shadow:inset 0 -8px 18px #0000002e}.profile-card{background:linear-gradient(120deg,#ffffffeb,#e9f3ffeb)}.profile-hero{background:linear-gradient(135deg,#fffffff7,#eff8fff0);border-color:#88aae061}.brand-mini{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;border-radius:999px;background:#e0efffdb;border:1px solid rgba(129,165,215,.36);padding:6px 10px;color:#284a72}.brand-book{min-width:24px;min-height:24px;border-radius:8px;background:linear-gradient(135deg,#2f87dc,#2674be);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;letter-spacing:.02em}.profile-hero-top{align-items:center}.profile-identity{align-items:center;gap:10px}.profile-hi{margin:0}.profile-hero h2{margin:4px 0 0}.streak-badge{min-width:102px;border-radius:14px;border:1px solid rgba(255,199,98,.5);background:linear-gradient(140deg,#fff8e8,#ffe8c3);padding:8px 10px;text-align:center}.streak-badge span{display:block;font-size:.75rem;color:#785400}.streak-badge strong{display:block;font-size:1rem;line-height:1.1;color:#5c3e00}.week-strip{margin-top:12px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.week-pill{height:38px;border-radius:999px;border:1px solid rgba(165,181,208,.62);background:#ffffffdb;display:grid;place-items:center;color:#60738f;font-weight:800}.week-pill.active{border-color:#2bad6c94;background:#e1fcedf2;color:#15734b}.week-pill.done{border-color:#2e9f649e;background:linear-gradient(140deg,#d5f7e6fa,#bef1daf2);color:#106942}.continue-card{margin-top:12px;border-radius:16px;padding:12px;border:1px solid rgba(108,194,157,.45);background:linear-gradient(140deg,#bff2dadb,#ddfaebcc)}.continue-card h3{margin:0 0 4px}.continue-card p{margin:0}.continue-button{width:100%;margin-top:8px;background:#11151f;color:#fff}.onboarding-card{border-color:#78aef980}.onboarding-shell{border-color:#7da0f37a;background:radial-gradient(130% 130% at 0% 0%,rgba(223,236,255,.9),transparent 55%),linear-gradient(135deg,#fffffff2,#f1f7ffeb)}.onboarding-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.onboarding-head h2{margin:0}.onboarding-head p{margin:4px 0 0}.onboarding-avatar{width:54px;height:54px;border-radius:999px;display:grid;place-items:center;font-size:1.3rem;font-weight:800;color:#fff;background:linear-gradient(140deg,var(--accent-1),var(--accent-2));box-shadow:0 8px 18px #5864ff42;flex:0 0 auto}.onboarding-progress{height:10px;border-radius:999px;background:#a5b8da4d;overflow:hidden;margin-bottom:10px}.onboarding-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(140deg,#3f6dff,#6c51ff);transition:width .2s ease}.onboarding-step-row{margin-bottom:6px;gap:7px}.step-dot{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-size:.76rem;font-weight:800;background:#bbc9e375;color:#4b607c}.step-dot.active{background:linear-gradient(130deg,var(--accent-1),var(--accent-2));color:#fff}.progress-card{background:linear-gradient(140deg,#f0fff7f2,#eef4fff2);border-color:#8ec2f673}.progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.progress-box{border-radius:14px;padding:12px;background:#fffffff2;border:1px solid var(--border);display:flex;flex-direction:column;gap:5px}.progress-box strong{font-size:1.45rem;line-height:1}.progress-box span{color:#2d465f;font-weight:800}.daily-goal-card{border:1px solid rgba(133,166,245,.4);border-radius:14px;background:#ffffffeb;padding:10px;margin-bottom:10px}.stats-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.stats-switcher button{background:#e9f3ffe6;color:#23405f;border:1px solid rgba(130,162,211,.35);box-shadow:none}.stats-switcher button.active{background:linear-gradient(135deg,#d9d0ff,#ebdfff);color:#4b3d9b;border-color:#7d6ddd73}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-bar{margin-top:8px;margin-bottom:8px;height:11px;border-radius:999px;background:#a9c1e866;overflow:hidden}.goal-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(135deg,#19a464,#0e8d55);transition:width .25s ease}.feature-card{border-color:#85a6f56b;background:linear-gradient(130deg,#fffffff5,#e6f0ffe6)}.inline-check{display:inline-flex;align-items:center;gap:8px;font-weight:700}.inline-check input{width:auto;margin:0}.translation-select{max-width:240px;flex:1 1 190px}.link-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);text-decoration:none;color:#2e4f86;background:linear-gradient(140deg,#e9f0ff,#d9e6ff);font-weight:700}.surah-reader{border:1px solid rgba(133,167,220,.35);border-radius:14px;background:#ffffffe0;padding:10px;max-height:360px;overflow:auto}.ayah-list{display:flex;flex-direction:column;gap:8px}.ayah-item{border-radius:12px;border:1px solid rgba(145,168,205,.24);background:#f8fbffe6;padding:8px 10px}.ayah-arabic{margin:6px 0;direction:rtl;text-align:right;font-size:1.14rem;line-height:1.9;font-family:Amiri,Noto Naskh Arabic,Geeza Pro,serif}.ayah-translation{margin:0;color:#344c6d}.page-toolbar{margin-top:2px}.bottom-nav{position:fixed;left:0;right:0;margin:0 auto;width:min(920px,calc(100% - 12px));bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px 10px;background:#f2f9ffe6;border:1px solid rgba(133,160,204,.32);border-radius:18px;box-shadow:0 -10px 28px #193d701f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:end}.support-card p{margin-top:4px;margin-bottom:10px}.support-project-link{width:100%;background:linear-gradient(140deg,#d9f2e6,#c4ecd9);border-color:#37956959;color:#0f5f3d}.learning-card h3{margin-top:0;margin-bottom:6px}.learning-header{align-items:flex-start;gap:10px;margin-bottom:10px}.learning-header .link-button{flex:0 0 auto}.learning-list{display:flex;flex-direction:column;gap:8px}.learning-item{border-radius:14px;border:1px solid rgba(136,164,204,.35);background:#ffffffe6;padding:10px}.learning-item-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.learning-item-top span{color:#345176;font-weight:700}.learning-item p{margin:6px 0 10px}.learning-open{width:100%}.bottom-nav .tab-button{font-size:.82rem;padding:9px 6px;background:transparent;color:#3f5876;border:1px solid rgba(130,162,211,.35);box-shadow:none;border-radius:12px;font-weight:700;letter-spacing:.01em;transition:all .18s ease;display:grid;place-items:center;min-height:42px}.tab-icon{font-family:Material Symbols Outlined;font-size:24px;line-height:1;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.bottom-nav .tab-button.active{background:linear-gradient(135deg,#259f65,#168153);color:#fff;border-color:#137d4973;box-shadow:0 6px 14px #137d4938}.bottom-nav .tab-button.active .tab-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.bottom-nav .tab-button.tab-quran{width:56px;height:56px;min-height:56px;justify-self:center;border-radius:999px;margin-top:-16px;background:linear-gradient(145deg,#fffffff5,#e6f1fff2);border-color:#6f8fc080;box-shadow:0 8px 20px #38558633}.bottom-nav .tab-button.tab-quran .tab-icon{font-size:30px}.bottom-nav .tab-button.tab-quran.active{background:linear-gradient(145deg,#259f65,#168153);border-color:#137d4973;box-shadow:0 10px 24px #137d4947}.admin-switch{margin-bottom:10px}.mode-tabs .row{gap:10px}.mode-tabs button{flex:1 1 130px}.teacher-top{background:linear-gradient(130deg,#fffffff2,#e8f8ffeb)}.toolbar{margin-top:6px}.submissions-board{background:linear-gradient(150deg,#fffffff0,#f8fbffe6)}.teacher-workspace{border-color:#80aef280}.role-switch{margin-top:14px}.history-group{padding-top:8px}.list-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;background:#ffffffe6;color:var(--text);border:1px solid var(--border);box-shadow:none}.submission-card{border:1px solid var(--border);border-radius:14px;padding:11px;background:#ffffffe6}.submission-card.active{border-color:#5a76f69e;box-shadow:0 0 0 3px #6c82f624}.response-item{border-left:3px solid #d0def4;padding-left:9px}.checks-card h3{margin-top:0;margin-bottom:8px}.checks-empty{margin-top:2px}.checks-date-title{margin:0 0 8px;font-size:.95rem;color:#355578}.checks-head{align-items:flex-start;gap:10px}.checks-summary{min-width:0}.checks-title{gap:6px}.checks-badges{gap:6px;margin-top:6px}.check-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:.76rem;font-weight:700;color:#476486;border:1px solid rgba(145,170,207,.45);background:#f1f8ffe0}.check-status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:.76rem;font-weight:800;border:1px solid transparent}.check-status.new{color:#815b00;background:#fff1cc;border-color:#b98d1b66}.check-status.in_progress{color:#0a4e91;background:#d8ecff;border-color:#4080c46b}.check-status.done{color:#135332;background:#d8f3e5;border-color:#27985b66}.check-approved{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;background:#1eaa6924;color:#0d8a53;border:1px solid rgba(19,138,81,.4);font-size:.78rem;font-weight:800}.checks-details{margin-top:10px;padding-top:10px;border-top:1px solid rgba(150,173,208,.3)}.checks-responses-title{margin:4px 0 8px}.checks-toggle{min-width:88px}.status{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.status.new{background:#fff1cc;color:#815b00}.status.in_progress{background:#d8ecff;color:#0a4e91}.status.done{background:#d8f3e5;color:#135332}@media(max-width:760px){.app{padding:12px 10px 20px}.header h1{font-size:1.42rem}.row.between{align-items:flex-start}.role-pill{margin-top:4px;font-size:.72rem;padding:7px 11px}button,input,select,textarea{font-size:.9rem;padding:9px 10px}.record-ring{width:214px;height:214px;padding:8px}.record-core{width:182px;height:182px;font-size:1.12rem}.progress-grid{grid-template-columns:1fr}.student-content{padding-bottom:132px}.bottom-nav{width:calc(100% - 10px);bottom:calc(env(safe-area-inset-bottom) + 6px);border-radius:16px}.bottom-nav .tab-button{font-size:.76rem;padding:8px 4px}.bottom-nav .tab-button.tab-quran{width:52px;height:52px;min-height:52px;margin-top:-12px}.bottom-nav .tab-button.tab-quran .tab-icon{font-size:28px}.daily-goal-card .row.wrap input{flex:1 1 110px}}