:root{--navy: #1d3d7a;--navy-2: #2f5bb0;--navy-soft: #e7eefb;--flame: #f59f00;--flame-2: #e8590c;--flame-soft: #fff4dc;--bg: #fbf8f2;--surface: #ffffff;--surface-2: #f3efe6;--line: #e4ddd0;--text: #1c2333;--muted: #5d6677;--good: #2b8a3e;--good-soft: #e6f6ea;--bad: #c92a2a;--bad-soft: #fdecec;--radius: 14px;--shadow: 0 1px 2px rgba(20, 30, 60, .06), 0 6px 24px rgba(20, 30, 60, .07);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Playfair Display", Georgia, serif;--font-ur: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Urdu Typesetting", serif;--font-ar: "Amiri", "Traditional Arabic", serif;color-scheme:light}:root[data-theme=dark]{--navy: #8fb0f0;--navy-2: #a9c3f5;--navy-soft: #1d2a45;--flame: #ffb627;--flame-2: #ff8a3d;--flame-soft: #3a2d12;--bg: #11151e;--surface: #181e2a;--surface-2: #202837;--line: #2c3547;--text: #e8ecf3;--muted: #9aa5b8;--good: #69db7c;--good-soft: #17301f;--bad: #ff8787;--bad-soft: #3b1c1c;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 24px rgba(0, 0, 0, .25);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font:15px/1.55 var(--font)}a{color:var(--navy-2)}h1,h2,h3{line-height:1.25;margin:0 0 .5em}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}.muted{color:var(--muted)}.small{font-size:13px}.urdu{font-family:var(--font-ur);line-height:2.1}.arabic{font-family:var(--font-ar)}[dir=rtl]{text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--navy);background:var(--navy);color:#fff;padding:9px 16px;border-radius:10px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}:root[data-theme=dark] .btn{color:#0b1220}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.flame{background:var(--flame);border-color:var(--flame);color:#1c1300}.btn.ghost{background:transparent;color:var(--navy)}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.good{background:var(--good);border-color:var(--good);color:#fff}.btn.sm{padding:5px 10px;font-size:13px;border-radius:8px}.btn.icon{width:38px;height:38px;padding:0}.link{background:none;border:0;color:var(--navy-2);cursor:pointer;padding:0;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card+.card{margin-top:16px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}.grid.wide{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack>*+*{margin-top:12px}.page{max-width:1180px;margin:0 auto;padding:22px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.page-head h1{margin:0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.stat b{display:block;font-size:26px;color:var(--navy)}.stat span{color:var(--muted);font-size:13px}.empty{text-align:center;color:var(--muted);padding:30px 10px}hr{border:0;border-top:1px solid var(--line);margin:16px 0}.field{display:block;margin-bottom:12px}.field>span{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--muted)}input[type=text],input[type=password],input[type=number],input[type=datetime-local],input[type=search],input[type=tel],input[type=date],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--flame);outline-offset:1px}.form-grid{display:grid;gap:0 14px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.error{background:var(--bad-soft);color:var(--bad);border-radius:10px;padding:9px 12px;font-size:14px}.ok-msg{background:var(--good-soft);color:var(--good);border-radius:10px;padding:9px 12px;font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:var(--surface);padding:6px 12px;border-radius:999px;cursor:pointer;font-size:13px}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}:root[data-theme=dark] .chip.on{color:#0b1220}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--muted)}.badge.live{background:var(--bad);color:#fff;animation:pulse 1.6s infinite}.badge.open{background:var(--navy-soft);color:var(--navy)}.badge.done{background:var(--good-soft);color:var(--good)}.badge.cancelled{background:var(--bad-soft);color:var(--bad)}.badge.flame{background:var(--flame-soft);color:var(--flame-2)}@keyframes pulse{50%{opacity:.6}}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 12px;cursor:pointer;font-weight:600;color:var(--muted);white-space:nowrap}.tabs button.on{color:var(--navy);border-bottom-color:var(--flame)}.verse{background:linear-gradient(90deg,#142b57,#1d3d7a 50%,#142b57);color:#ffe8a3;text-align:center;padding:4px 12px}.verse p{margin:0;font-family:var(--font-ur);font-size:19px;line-height:2.2}.verse small{display:block;color:#c9d6f2;font-size:11px;margin-top:-6px;padding-bottom:2px}.slide-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#fff;color:#1c2333;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);container-type:inline-size}.slide{position:absolute;inset:0;padding:6cqw 7cqw;display:flex;flex-direction:column}.slide h2{font-family:var(--font-display);color:#1d3d7a;font-size:4.6cqw;margin:0 0 2.2cqw}.slide .body{font-size:2.7cqw;line-height:1.5;white-space:pre-wrap;flex:1;overflow:hidden}.slide.title{justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#fff9eb,#fff 55%,#eef3fd)}.slide.title h2{font-size:6.4cqw}.slide.title .body{flex:0;font-size:2.8cqw;color:#5d6677}.slide.question .body{font-size:3.2cqw}.slide[dir=rtl] h2,.slide[dir=rtl] .body{font-family:var(--font-ur);line-height:2.1}.slide[dir=rtl] h2{font-size:4cqw}.slide .img{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.slide .img img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.slide.image{padding:3cqw}.slide .brand-mark{position:absolute;right:2cqw;bottom:1.5cqw;width:4.5cqw;opacity:.8}.slide-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.laser{position:absolute;width:1.6cqw;height:1.6cqw;margin:-.8cqw 0 0 -.8cqw;border-radius:50%;background:#ff2d2d;box-shadow:0 0 1.2cqw .5cqw #ff2d2d8c;pointer-events:none}.toasts{position:fixed;right:16px;bottom:16px;z-index:1000;display:grid;gap:8px;max-width:min(380px,calc(100vw - 32px))}.toast{background:var(--text);color:var(--bg);padding:11px 14px;border-radius:10px;box-shadow:var(--shadow);font-size:14px}.toast.error{background:var(--bad);color:#fff}.toast.ok{background:var(--good);color:#fff}.modal-back{position:fixed;inset:0;background:#0a0f1e80;display:grid;place-items:center;z-index:900;padding:16px}.modal{background:var(--surface);border-radius:var(--radius);padding:22px;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:var(--shadow)}.stars{color:var(--flame);letter-spacing:1px}.star-input button{background:none;border:0;font-size:26px;color:var(--line);cursor:pointer;padding:0 2px}.star-input button.on{color:var(--flame)}.q-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface)}.q-card .q{font-weight:600;white-space:pre-line;margin-bottom:10px}.q-card[lang=ur] .q,.q-card[lang=ur] .opt,.q-card[lang=ur] .ans{font-family:var(--font-ur);line-height:2.2;font-weight:400}.q-card[lang=ar] .q,.q-card[lang=ar] .opt,.q-card[lang=ar] .ans{font-family:var(--font-ar);font-size:18px}.opts{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));margin:0;padding:0;list-style:none}.opt{border:1px solid var(--line);border-radius:10px;padding:8px 12px;cursor:pointer;display:flex;gap:8px;align-items:baseline;background:var(--surface);text-align:inherit;width:100%}.opt:hover{border-color:var(--navy-2)}.opt.sel{border-color:var(--navy);background:var(--navy-soft)}.opt.right{border-color:var(--good);background:var(--good-soft)}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.opt b{color:var(--muted)}.ans{margin-top:10px;background:var(--flame-soft);border-radius:10px;padding:10px 12px;white-space:pre-wrap}.ans.code{font-family:Consolas,monospace;font-size:13px;direction:ltr;text-align:left}@media(max-width:720px){.page{padding:14px}h1{font-size:22px}.verse p{font-size:16px}}@media print{.no-print{display:none!important}body{background:#fff}.card{box-shadow:none}}