@font-face{font-family:Plex Arabic;src:url(/fonts/IBMPlexSansArabic-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/fonts/IBMPlexSansArabic-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/fonts/IBMPlexSansArabic-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--sky-950: #0b1526;--sky-900: #0f1d33;--sky-800: #172a46;--sky-700: #223a5c;--sky-600: #34507a;--lane: #f4f6f8;--mist: #b4c2d4;--mist-dim: #8899b0;--tartan: #c4402a;--tartan-deep: #9e3220;--dawn: #f5b844;--dawn-soft: #f8d38a;--infield: #3f8a6c;--alert: #f08a5d;--font: "Plex Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-s: 6px;--radius-m: 14px;--radius-l: 28px;--ease: cubic-bezier(.2, .7, .2, 1);--focus: 0 0 0 4px var(--dawn)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-feature-settings:"tnum" 1}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:none;box-shadow:var(--focus)}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--bg: var(--sky-950);--panel: var(--sky-900);--panel-2: var(--sky-800);--line: rgba(180, 194, 212, .16);--text: var(--lane);--muted: var(--mist);--b0: #4a5d7a;--b1: #8a6a3a;--b2: #c89540;--b3: #f5b844;--b4: #7cc49f}body{background:var(--bg);color:var(--text)}h1,h2,h3{margin:0 0 8px;line-height:1.2}h1{font-size:26px;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:600}p{margin:0 0 8px;line-height:1.5}.muted{color:var(--muted)}.small{font-size:13px}.fine{font-size:12px;color:var(--mist-dim);line-height:1.45}.block{display:block}.grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row{display:flex;align-items:center}.row.between{justify-content:space-between;gap:12px}.row.gap{gap:10px}.row.gap-s{gap:6px}.row.wrap{flex-wrap:wrap}.accent{color:var(--dawn);font-weight:600}.up{color:#7cc49f}.warn-text{color:var(--alert)}.ok-text{color:#7cc49f;display:flex;align-items:center;gap:6px}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dawn);font-weight:600}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.icon{flex:none}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;height:52px;padding:0 16px;background:#0b1526eb;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand-mark{display:flex;align-items:baseline;font-size:18px;font-weight:600;direction:ltr}.brand-mark b{color:var(--dawn);font-weight:700}.brand-mark.big{font-size:30px;margin-bottom:12px}.demo-tag{margin-inline-start:auto;font-size:11px;color:var(--sky-950);background:var(--dawn-soft);border-radius:999px;padding:3px 10px;white-space:nowrap}.roles{display:flex;justify-content:center;gap:4px;padding:6px 12px;background:var(--sky-900);border-bottom:1px solid var(--line);position:sticky;top:52px;z-index:29}.roles button{border:0;background:none;padding:5px 14px;border-radius:999px;font-size:13px;color:var(--muted)}.roles button.on{background:var(--dawn);color:var(--sky-950);font-weight:600}@media (max-width: 400px){.demo-tag{display:none}.lang{margin-inline-start:auto}}.lang{border:1px solid var(--line);background:none;border-radius:999px;padding:6px 12px;font-size:13px}main{flex:1;display:flex;flex-direction:column}.phone{position:relative;width:100%;max-width:440px;margin:0 auto;flex:1;display:flex;flex-direction:column;background:var(--bg)}@media (min-width: 720px){.role-student main{padding:24px 0;background:radial-gradient(1200px 600px at 50% -10%,var(--sky-700),var(--bg))}.phone{border:1px solid var(--line);border-radius:32px;overflow:hidden;height:calc(100dvh - 145px);min-height:640px;flex:none;box-shadow:0 30px 80px #00000080}}.phone-scroll{flex:1;overflow-y:auto;padding-bottom:84px}.tabbar{position:absolute;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);background:#0f1d33f5;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}@media (max-width: 719px){.tabbar{position:fixed}}.tabbar button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mist-dim);padding:6px 0}.tabbar button.on{color:var(--dawn)}.screen{padding:18px 16px;display:flex;flex-direction:column;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-m);padding:13px 18px;font-weight:600;border:1px solid transparent;text-decoration:none;transition:transform .15s var(--ease)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--dawn);color:var(--sky-950)}.btn.primary:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn.block{width:100%}.btn.tiny{padding:6px 12px;font-size:13px;border-radius:999px;border-color:var(--line);background:var(--panel-2)}.btn.tiny.primary{background:var(--dawn);color:var(--sky-950)}.icon-btn{border:0;background:var(--panel-2);width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.link{border:0;background:none;color:var(--dawn);padding:6px 0;text-decoration:underline;font-size:14px}.pill{display:inline-flex;align-items:center;gap:4px;background:var(--dawn);color:var(--sky-950);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.pill.soft{background:var(--panel-2);color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--panel-2);font-size:13px}.chip.flame,.flame-inline{color:#ff9a4d}.flame-inline{display:inline-flex;align-items:center;gap:2px}.tag{display:inline-block;margin-inline-start:6px;font-size:11px;padding:1px 6px;border-radius:6px}.tag.warn{background:#f08a5d2e;color:var(--alert)}.seg{display:flex;background:var(--panel-2);border-radius:var(--radius-m);padding:4px;gap:4px}.seg button{flex:1;border:0;background:none;padding:10px;border-radius:10px;color:var(--muted)}.seg button.on{background:var(--dawn);color:var(--sky-950);font-weight:600}.seg.small button{padding:6px 12px;font-size:13px}.seg.on-dark{background:#0b152699;display:inline-flex}.tabs-pill{display:flex;gap:6px;flex-wrap:wrap}.tabs-pill button{border:1px solid var(--line);background:none;border-radius:999px;padding:6px 12px;font-size:13px;color:var(--muted)}.tabs-pill button.on{border-color:var(--dawn);color:var(--dawn)}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices button{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;padding:10px 14px;text-align:start}.choices button.on{border-color:var(--dawn);background:#f5b84424;color:var(--dawn-soft)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span{font-size:14px;font-weight:600}.field small{color:var(--mist-dim);font-size:12px}input,select{width:100%;background:var(--sky-950);border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}input:focus,select:focus{border-color:var(--dawn);outline:none}.time-entry{display:flex;align-items:center;gap:8px}.time-entry input{width:64px;text-align:center;font-size:22px;font-weight:600}.time-entry b{font-size:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px;color:inherit;text-align:start}.card-img{width:calc(100% + 32px);margin:-16px -16px 14px;height:150px;object-fit:cover;border-radius:20px 20px 0 0;display:block}.notice{display:flex;gap:10px;padding:12px 14px;border-radius:14px;background:var(--panel-2);align-items:flex-start}.notice p{margin:0}.notice.warn{background:#f08a5d24;color:#ffd2bd}.notice.ok{background:#3f8a6c33;color:#b6ecd2}.demo-only{border-style:dashed;color:var(--dawn-soft);margin-top:10px}.bar{height:8px;background:#b4c2d424;border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;transition:width .6s var(--ease)}.tone-dawn{background:linear-gradient(90deg,var(--tartan),var(--dawn))}[dir=rtl] .tone-dawn{background:linear-gradient(270deg,var(--tartan),var(--dawn))}.tone-infield{background:#7cc49f}.tone-tartan{background:var(--tartan)}.tone-mist{background:var(--sky-600)}.week-dots{display:inline-flex;gap:5px}.wd{width:12px;height:12px;border-radius:50%;background:#b4c2d42e}.wd.on{background:var(--dawn);box-shadow:0 0 10px #f5b84480}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex:none}.rank-badge{flex:none}.rb-shield{fill:var(--sky-800);stroke:var(--dawn);stroke-width:2}.rank-badge.officer .rb-shield{fill:var(--dawn)}.rb-chevron{fill:none;stroke:var(--dawn);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.rb-mark{fill:var(--sky-900)}.toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);background:var(--lane);color:var(--sky-950);padding:10px 18px;border-radius:999px;font-weight:600;z-index:60;box-shadow:0 10px 30px #0006;animation:pop .25s var(--ease);max-width:calc(100vw - 32px);text-align:center}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)}}.welcome{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:640px}.welcome-bg{position:absolute;inset:0}.welcome-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.welcome-bg .fade-alt{animation:crossfade 12s infinite}@keyframes crossfade{0%,40%{opacity:0}50%,90%{opacity:1}to{opacity:0}}.welcome-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,21,38,.1) 20%,rgba(11,21,38,.8) 55%,var(--bg) 85%)}.welcome-body{position:relative;padding:24px 20px 28px;display:flex;flex-direction:column;gap:12px}.welcome-body h1{font-size:32px}.welcome-body .row .btn{flex:1;font-size:13px;padding:11px 8px}.onb{padding:16px;display:flex;flex-direction:column;gap:14px;flex:1}.onb-progress{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}.onb-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.onb-bars span{height:4px;border-radius:4px;background:var(--panel-2)}.onb-bars span.on{background:var(--dawn)}.onb-actions{display:flex;gap:10px;margin-top:auto;position:sticky;bottom:0;padding:12px 0;background:linear-gradient(180deg,transparent,var(--bg) 30%)}.onb-actions .btn.primary{flex:1}.yn{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid var(--line)}.yn .seg{align-self:flex-start;min-width:160px}.home-head{display:flex;justify-content:space-between;align-items:flex-start}.home-head p{font-size:18px;color:var(--text);font-weight:600}.hero-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(400px 260px at 50% 0%,rgba(245,184,68,.16),transparent),var(--panel)}.ring{position:relative;margin:6px 0 10px}.ring-track{stroke:#b4c2d424}.ring-value{stroke:var(--dawn);transition:stroke-dasharray .8s var(--ease);filter:drop-shadow(0 0 8px rgba(245,184,68,.45))}.ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-num{font-size:48px;font-weight:700}.ring-label{color:var(--muted);font-size:14px}.score-line{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.rank-card{display:flex;align-items:center;gap:14px;width:100%;cursor:pointer}.rank-name{font-size:20px}.next-session{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.blocks{margin:2px 0 8px;padding-inline-start:18px;color:var(--muted);font-size:14px}.heat{display:flex;gap:12px;align-items:center;padding:0;overflow:hidden}.heat img{width:110px;align-self:stretch;object-fit:cover}.heat>div{padding:12px 12px 12px 0}[dir=rtl] .heat>div{padding:12px 0 12px 12px}.heat h3{display:flex;gap:6px;align-items:center;color:var(--dawn)}.heat p{font-size:14px;margin:0}.sheet{position:fixed;inset:0;z-index:50;background:#050a14b3;display:flex;align-items:flex-end;justify-content:center;animation:fadein .2s}@keyframes fadein{0%{opacity:0}}.sheet-body{background:var(--panel);width:100%;max-width:560px;max-height:90dvh;overflow-y:auto;border-radius:24px 24px 0 0;padding:18px 16px 28px;animation:up .3s var(--ease)}@keyframes up{0%{transform:translateY(40px)}}@media (min-width: 720px){.sheet{align-items:center}.sheet-body{border-radius:24px}}.ladder{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px}.ladder li{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;background:var(--panel-2);opacity:.6}.ladder li.passed{opacity:.9}.ladder li.current{opacity:1;outline:2px solid var(--dawn)}.squad-hero{position:relative;border-radius:20px;overflow:hidden;height:190px}.squad-hero img{width:100%;height:100%;object-fit:cover}.squad-hero-text{position:absolute;inset:auto 0 0;padding:40px 16px 14px;background:linear-gradient(180deg,transparent,rgba(11,21,38,.92))}.members,.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.members li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.members li.me,.board li.me{background:#f5b84414;border-radius:12px;padding-inline:8px}.member-week{display:flex;flex-direction:column;align-items:center;gap:2px}.board li{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line)}.board li:last-child{border-bottom:0}.board.card{padding:6px 12px}.pos{width:26px;text-align:center;color:var(--muted);font-weight:600}.pos.top{color:var(--sky-950);background:var(--dawn);border-radius:50%;height:26px;line-height:26px}.value{font-weight:600;min-width:56px;text-align:end}.seg.wide{width:100%}.emirate-row{display:flex;align-items:center;gap:10px;padding:8px 0}.emirate-row.me{color:var(--dawn)}.emirate-bar{width:34%}.week.current{border-color:#f5b84480}.sessions{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:10px}.sessions>li{display:flex;gap:10px;align-items:flex-start}.sessions>li.done{opacity:.6}.kind{width:6px;align-self:stretch;border-radius:6px;background:#7cc49f}.kind.hard{background:var(--tartan)}.done-mark{color:#7cc49f}.lessons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lesson{position:relative;border:0;padding:0;border-radius:18px;overflow:hidden;aspect-ratio:3 / 4;background:var(--panel-2);text-align:start}.lesson img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lesson-text{position:absolute;inset:auto 0 0;padding:30px 12px 12px;background:linear-gradient(180deg,transparent,rgba(11,21,38,.95));display:flex;flex-direction:column;gap:4px}.lesson-text .small{color:var(--dawn);display:flex;align-items:center;gap:4px}.lesson.done .lesson-text .small{color:#7cc49f}.lesson{outline:2px solid transparent}.lesson:not(.done){outline-color:#f5b84499}.story{position:fixed;inset:0;z-index:70;background:var(--bg);display:flex;flex-direction:column;max-width:480px;margin:0 auto}.story-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.story-bars{position:relative;display:flex;gap:4px;padding:14px 16px 0}.story-bars span{flex:1;height:3px;border-radius:3px;background:#ffffff40}.story-bars span.on{background:var(--lane)}.story-close{position:absolute;top:26px;inset-inline-end:14px;z-index:2}.story-body{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px;gap:12px}.story-text{font-size:26px;font-weight:700;line-height:1.35;text-shadow:0 2px 12px rgba(0,0,0,.5)}.quiz{display:flex;flex-direction:column;gap:10px}.quiz-opt{border:1px solid var(--line);background:#0f1d33e6;border-radius:14px;padding:14px;text-align:start;font-size:17px}.quiz-opt.right{border-color:#7cc49f;background:#3f8a6c59}.quiz-opt.wrong{border-color:var(--alert);background:#f08a5d33}.quiz-msg{font-weight:600}.story-nav{position:relative;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}.modules{display:grid;grid-template-columns:1fr 1fr;gap:10px}.module{background:var(--panel);border:1px dashed rgba(180,194,212,.3);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.module .icon{color:var(--dawn)}.profile p{margin:0 0 4px}.share .share-canvas{width:100%;max-width:300px;aspect-ratio:9 / 16;height:auto;display:block;margin:12px auto;border-radius:16px;box-shadow:0 10px 40px #00000080}.dash{width:100%;max-width:1240px;margin:0 auto;padding:18px 16px 40px;display:flex;flex-direction:column;gap:16px}.dash-banner{position:relative;border-radius:20px;overflow:hidden;min-height:180px;display:flex;align-items:flex-end}.dash-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dash-banner-text{position:relative;padding:50px 20px 18px;width:100%;background:linear-gradient(180deg,transparent,rgba(11,21,38,.92));display:flex;flex-direction:column;gap:6px;align-items:flex-start}.dash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis.three{grid-template-columns:repeat(3,1fr);margin:12px 0}@media (max-width: 760px){.kpis{grid-template-columns:1fr 1fr}}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:13px;color:var(--muted)}.kpi-value{font-size:28px;font-weight:700}.kpi-sub{font-size:12px;color:var(--mist-dim)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.dash-grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}.panel h3+.chart,.panel h3+.stack{margin-bottom:8px}.chart{width:100%;height:auto;direction:ltr;overflow:visible}.chart .axis{stroke:var(--line)}.chart .col{fill:var(--sky-600)}.chart .col.hi,.chart .col:last-child{fill:var(--dawn)}.chart .val{fill:var(--text);font-size:15px;font-weight:600}.chart .val.dim{fill:var(--muted)}.chart .lab{fill:var(--mist-dim);font-size:13px}.chart .line{fill:none;stroke:var(--dawn);stroke-width:3;stroke-linejoin:round}.chart .dot{fill:var(--dawn)}.chart .dot.dim{fill:var(--mist-dim)}.stack-bar{display:flex;height:22px;border-radius:8px;overflow:hidden}.stack-seg{height:100%}.stack-legend{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted)}.stack-legend li{display:flex;align-items:center;gap:6px}.stack-legend b{color:var(--text)}.sw{width:10px;height:10px;border-radius:3px;display:inline-block}.b0{background:var(--b0)}.b1{background:var(--b1)}.b2{background:var(--b2)}.b3{background:var(--b3)}.b4{background:var(--b4)}.tilemap{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,64px);gap:6px;direction:ltr;margin:4px 0 8px}.tile{border:2px solid transparent;border-radius:12px;color:var(--sky-950);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px;text-align:center;transition:transform .15s var(--ease)}.tile:hover{transform:scale(1.03)}.tile.on{border-color:var(--lane)}.tile-name{font-size:11px;line-height:1.15;font-weight:600}.tile strong{font-size:16px}.emirate-list{display:flex;flex-direction:column}.table-wrap{overflow-x:auto;margin:0 -16px;padding:0 16px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:start;font-weight:600;color:var(--muted);font-size:12px;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.table.compact td{white-space:normal}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:#b4c2d40d}.th{border:0;background:none;color:inherit;font:inherit;padding:0}.th.on{color:var(--dawn)}.th.on:after{content:" ▾"}.who{display:flex;align-items:center;gap:10px}.who>div{display:flex;flex-direction:column}.cell-bar{display:flex;align-items:center;gap:8px;min-width:120px}.cell-bar .bar{flex:1}