:root{--bg: #020617;--bg-soft: #0b1220;--card: rgba(30, 41, 59, .72);--card-solid: #16203a;--border: rgba(148, 163, 184, .14);--border-strong: rgba(148, 163, 184, .28);--text: #f8fafc;--muted: #93a1b8;--green: #22c55e;--orange: #f59e0b;--gray: #64748b;--danger: #ef4444;--blue: #60a5fa;--r-sm: 12px;--r: 18px;--r-lg: 26px;--shadow: 0 8px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);font-family:Noto Sans Arabic,Tajawal,ui-sans-serif,system-ui,sans-serif;line-height:1.65;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer;border:none;background:none}::selection{background:#22c55e59}.glow{position:fixed;inset:-30% -20% auto -20%;height:62vh;pointer-events:none;background:radial-gradient(ellipse at 30% 0%,rgba(34,197,94,.18),transparent 58%),radial-gradient(ellipse at 75% 5%,rgba(96,165,250,.16),transparent 60%);z-index:0}.shell{position:relative;z-index:1;max-width:480px;margin:0 auto;padding-bottom:5rem}.page{padding:0 1.15rem}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.15rem;background:#020617d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.6rem;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(140deg,#22c55e,#0ea5e9);color:#04120a;box-shadow:0 6px 22px #22c55e52;flex:0 0 auto}.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-text strong{font-family:Tajawal,sans-serif;font-size:1rem;font-weight:800;letter-spacing:-.01em}.brand-text span{font-size:.68rem;color:var(--muted);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;border-radius:999px;font-size:.85rem;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#03110a;box-shadow:0 8px 26px #22c55e4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px #22c55e70}.btn-ghost{border:1px solid var(--border-strong);color:var(--text);background:#ffffff0a}.btn-ghost:hover:not(:disabled){background:#ffffff17}.btn-danger{background:#ef444429;color:#fca5a5;border:1px solid rgba(239,68,68,.32)}.btn-danger:hover:not(:disabled){background:#ef444447}.btn-block{width:100%}.hero{padding:1.6rem 0 1.1rem;animation:fadeUp .5s ease both}.hero h1{font-family:Tajawal,sans-serif;font-size:clamp(1.5rem,6vw,1.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.25}.hero p{color:var(--muted);font-size:.86rem;margin-top:.3rem}.progress-card{margin-top:1.1rem;display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:var(--r-lg);border:1px solid var(--border);background:linear-gradient(135deg,#22c55e21,#60a5fa17);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ring-wrap{position:relative;display:grid;place-items:center;flex:0 0 auto}.ring-label{position:absolute;font-family:Tajawal,sans-serif;font-weight:800;font-size:.82rem;color:#d7fbe4}.progress-copy{min-width:0;flex:1}.progress-copy b{display:block;font-size:.92rem;font-weight:700}.progress-copy span{display:block;font-size:.76rem;color:var(--muted)}.bar{margin-top:.5rem;height:7px;border-radius:999px;background:#ffffff17;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#4ade80);transition:width .6s cubic-bezier(.22,1,.36,1)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.9rem}.stat{padding:.7rem .5rem;border-radius:var(--r);border:1px solid var(--border);background:var(--card);text-align:center;transition:transform .2s ease,border-color .2s ease}.stat:hover{transform:translateY(-2px);border-color:var(--border-strong)}.stat b{display:block;font-family:Tajawal,sans-serif;font-size:1.2rem;font-weight:800;line-height:1.1}.stat span{font-size:.68rem;color:var(--muted)}.stat.done b{color:var(--green)}.stat.active b{color:var(--orange)}.stat.lock b{color:var(--gray)}.controls{margin-top:1.1rem;display:flex;flex-direction:column;gap:.6rem}.search{position:relative;display:flex;align-items:center}.search>svg{position:absolute;inset-inline-start:.8rem;color:var(--muted);pointer-events:none}.search input{width:100%;padding:.7rem 2.5rem;background:#ffffff0d;border:1px solid var(--border);border-radius:999px;font-size:.85rem;outline:none;transition:border-color .2s,box-shadow .2s}.search input:focus{border-color:#22c55e99;box-shadow:0 0 0 3px #22c55e29}.search-clear{position:absolute;inset-inline-end:.55rem;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--muted);transition:background .2s,color .2s}.search-clear:hover{background:#ffffff1a;color:var(--text)}.tabs{display:flex;gap:.2rem;padding:.22rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.42rem .55rem;border-radius:999px;font-size:.76rem;font-weight:700;color:var(--muted);transition:all .2s ease;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{background:linear-gradient(135deg,#22c55ee6,#16a34ae6);color:#04120a;box-shadow:0 6px 18px #22c55e40}.tab-count{font-size:.64rem;padding:0 .3rem;border-radius:999px;background:#00000038;min-width:16px}.tab.active .tab-count{background:#0000002e}.list{margin-top:1.15rem;display:flex;flex-direction:column;gap:.7rem;list-style:none;padding-bottom:1rem}.subject{display:flex;align-items:stretch;gap:.75rem;animation:fadeUp .4s ease both}.subject-badge{flex:0 0 auto;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;transition:transform .25s ease,box-shadow .25s ease;align-self:flex-start}.subject:hover .subject-badge{transform:translateY(-2px) scale(1.03)}.subject-badge.done{background:linear-gradient(140deg,#22c55e,#15803d);color:#03130a;box-shadow:0 8px 24px #22c55e52}.subject-badge.active{background:linear-gradient(140deg,#fbbf24,#f59e0b);color:#241503;box-shadow:0 8px 24px #f59e0b57;animation:pulseRing 2.2s ease-in-out infinite}.subject-badge.lock{background:#64748b47;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.subject-body{flex:1;min-width:0;padding:.8rem .9rem;border-radius:var(--r);border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.subject:hover .subject-body{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow)}.subject-body.is-active{background:linear-gradient(135deg,#fbbf2424,#f59e0b0d);border-color:#f59e0b73}.subject-body.is-lock{opacity:.72}.subject-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.subject-title{font-family:Tajawal,sans-serif;font-size:.98rem;font-weight:700;line-height:1.35;word-break:break-word}.subject-desc{margin-top:.3rem;font-size:.8rem;color:var(--muted);line-height:1.6;word-break:break-word;white-space:pre-wrap}.formula{display:inline-block;margin-top:.45rem;padding:.15rem .55rem;border-radius:8px;background:#60a5fa1f;border:1px solid rgba(96,165,250,.24);color:#bfdbfe;font-size:.76rem;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,monospace;word-break:break-all}.subject-foot{margin-top:.6rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.28rem;font-size:.68rem;font-weight:700;padding:.16rem .55rem;border-radius:999px}.chip.done{background:#22c55e24;color:#86efac}.chip.active{background:#f59e0b29;color:#fcd34d}.chip.lock{background:#64748b33;color:#cbd5e1}.actions{display:flex;align-items:center;gap:.15rem}.icon-btn{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:var(--muted);transition:background .18s,color .18s,transform .18s}.icon-btn:hover{background:#ffffff17;color:var(--text);transform:translateY(-1px)}.icon-btn.danger:hover{background:#ef44442e;color:#fca5a5}.empty{margin-top:1.6rem;padding:2.4rem 1.2rem;text-align:center;border-radius:var(--r-lg);border:1px dashed var(--border-strong);background:#ffffff05;animation:fadeUp .4s ease both}.empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto .85rem;border-radius:50%;background:#22c55e1f;color:#86efac}.empty h3{font-family:Tajawal,sans-serif;font-size:1rem;font-weight:700}.empty p{margin:.3rem auto 1rem;max-width:250px;font-size:.82rem;color:var(--muted)}.skeleton-card{display:flex;gap:.75rem;align-items:center}.sk{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200%;animation:shimmer 1.4s infinite;border-radius:var(--r)}.sk-badge{width:58px;height:58px;border-radius:20px;flex:0 0 auto}.sk-lines{flex:1;display:flex;flex-direction:column;gap:.45rem}.sk-line{height:12px;border-radius:999px}.sk-line.short{width:55%}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:0;background:#020617b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s ease both}@media (min-width: 520px){.overlay{align-items:center;padding:1rem}}.sheet{width:100%;max-width:460px;max-height:92dvh;overflow-y:auto;padding:1.25rem 1.15rem calc(1.25rem + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;border:1px solid var(--border-strong);border-bottom:none;background:#0c1526;box-shadow:var(--shadow-lg);animation:sheetUp .28s cubic-bezier(.22,1,.36,1) both}@media (min-width: 520px){.sheet{border-radius:26px;border-bottom:1px solid var(--border-strong)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.sheet-head h2{font-family:Tajawal,sans-serif;font-size:1.05rem;font-weight:800}.grabber{width:42px;height:4px;border-radius:999px;background:#ffffff2e;margin:0 auto .9rem}@media (min-width: 520px){.grabber{display:none}}.field{display:block;margin-bottom:.75rem}.field>.label{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem;font-size:.76rem;font-weight:700;color:#b9c5d6}.field input[type=text],.field textarea{width:100%;padding:.68rem .85rem;border-radius:var(--r-sm);border:1px solid var(--border);background:#ffffff0d;font-size:.88rem;outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s}.field input[type=text]::placeholder,.field textarea::placeholder{color:#5f6d84}.field input[type=text]:focus,.field textarea:focus{border-color:#22c55e99;box-shadow:0 0 0 3px #22c55e26}.field.has-error input[type=text],.field.has-error textarea{border-color:var(--danger);box-shadow:0 0 0 3px #ef444424}.err{display:flex;align-items:center;gap:.25rem;margin-top:.28rem;font-size:.72rem;color:#fca5a5}.counter{font-size:.68rem;color:#64748b;font-weight:400}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.status-opt{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem .3rem;border-radius:var(--r-sm);border:1px solid var(--border);background:#ffffff08;font-size:.7rem;font-weight:700;color:var(--muted);transition:all .2s ease}.status-opt:hover{border-color:var(--border-strong);transform:translateY(-1px)}.status-opt.sel.active{border-color:#f59e0bb3;background:#f59e0b24;color:#fcd34d}.status-opt.sel.done{border-color:#22c55eb3;background:#22c55e24;color:#86efac}.status-opt.sel.lock{border-color:#94a3b880;background:#94a3b81f;color:#e2e8f0}.toast-wrap{position:fixed;bottom:calc(4.6rem + env(safe-area-inset-bottom));inset-inline:1rem;z-index:90;display:flex;flex-direction:column;align-items:center;gap:.45rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.45rem;max-width:420px;width:fit-content;padding:.6rem 1rem;border-radius:999px;font-size:.82rem;font-weight:600;box-shadow:var(--shadow-lg);animation:toastIn .3s cubic-bezier(.22,1,.36,1) both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast.success{background:#16a34ae6;color:#eafff2}.toast.error{background:#b91c1ceb;color:#fff1f1}.toast.info{background:#1e40afeb;color:#eff6ff}.fab{position:fixed;inset-inline-end:1.15rem;bottom:calc(1.15rem + env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(140deg,#22c55e,#15803d);color:#03110a;box-shadow:0 12px 32px #22c55e6b;transition:transform .2s ease,box-shadow .2s ease}.fab:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 40px #22c55e8c}.fab:active{transform:scale(.94)}.footnote{margin-top:.9rem;text-align:center;font-size:.68rem;color:#4e5c72}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulseRing{0%,to{box-shadow:0 8px 24px #f59e0b57,0 0 #f59e0b59}50%{box-shadow:0 8px 24px #f59e0b57,0 0 0 7px #f59e0b00}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #4ade80;outline-offset:2px}@media (min-width: 880px){.shell{max-width:900px}.page{padding:0 1.75rem 1rem}.navbar{padding:.9rem 1.75rem}.hero{padding-top:2.4rem}.hero h1{font-size:2.1rem}.hero p{font-size:.95rem}.list{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;align-items:start}.stats{gap:.7rem}.stat{padding:.85rem .6rem}.fab{inset-inline-end:2rem;bottom:2rem}.toast-wrap{inset-inline:auto;inset-inline-end:2rem;bottom:5.2rem}.footnote{margin-top:1.4rem}}@media (min-width: 880px){.progress-card{padding:1.15rem 1.35rem}.subject{animation-delay:0ms!important}}.search input::-webkit-search-cancel-button,.search input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.subject-title{letter-spacing:0}