:root{--bg:#f5f6f8;--card:#fff;--ink:#16202c;--muted:#5d6b7a;--line:#e1e5ea;--brand:#123a5e;--brand-2:#0c2740;--accent:#b07d1f;--ok:#1d7a4c;--ok-bg:#e8f5ee;--warn:#8a5a12;--warn-bg:#fdf3e1;--bad:#a12b2b;--bad-bg:#fbeaea;--lock:#8b96a3;--r:12px;--sh:0 1px 2px rgba(16,32,48,.06),0 4px 14px rgba(16,32,48,.05)}@media(prefers-color-scheme:dark){:root{--bg:#0f141a;--card:#171e26;--ink:#e6ebf0;--muted:#9aa7b4;--line:#28323d;--brand:#5d9bd1;--brand-2:#3f7fb6;--accent:#d9a443;--ok:#55c08a;--ok-bg:#15301f;--warn:#e0b060;--warn-bg:#33270f;--bad:#ef7b7b;--bad-bg:#3a1a1a;--lock:#6c7885;--sh:none}}*{box-sizing:border-box}html,body{margin:0}body{font-family:Plex Arabic,Tahoma,sans-serif;background:var(--bg);color:var(--ink);font-size:15.5px;line-height:1.65}a{color:var(--brand)}button,input,select,textarea{font:inherit;color:inherit}.top{background:var(--brand-2);color:#fff}.top .in{max-width:1080px;margin:auto;padding:12px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.logo{font-weight:700;font-size:19px;letter-spacing:.3px}.logo small{display:block;font-weight:400;font-size:12.5px;opacity:.8}.top nav{margin-inline-start:auto;display:flex;gap:6px;flex-wrap:wrap}.top nav a,.top nav button{color:#fff;text-decoration:none;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:5px 12px;cursor:pointer;font-size:14px}.top nav a.on{background:#ffffff29}main{max-width:1080px;margin:auto;padding:20px 16px 40px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px;margin-bottom:16px}h1{font-size:24px;margin:0 0 6px}h2{font-size:19px;margin:0 0 12px}h3{font-size:16px;margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:13.5px}.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:9px;padding:8px 16px;cursor:pointer;text-decoration:none;font-weight:500}.btn.alt{background:transparent;color:var(--brand)}.btn.sm{padding:4px 10px;font-size:13.5px}.btn.bad{background:var(--bad);border-color:var(--bad)}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{display:inline-block;border-radius:99px;padding:1px 10px;font-size:12.5px;background:var(--line);color:var(--muted)}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.brand{background:var(--brand);color:#fff}.lessons{list-style:none;margin:0;padding:0}.lessons li{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line)}.lessons li:last-child{border-bottom:0}.num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--line);font-weight:700;font-size:13px;flex:none}.lessons li.open .num{background:var(--brand);color:#fff}.lessons li.done .num{background:var(--ok);color:#fff}.lessons .t{flex:1;min-width:0}.lessons .acts{display:flex;gap:6px;flex-wrap:wrap}.stage-h{margin:14px 0 2px;font-weight:700;color:var(--accent);font-size:14px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:start;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:500}.tbl{overflow-x:auto}label{display:block;margin:10px 0 4px;font-weight:500;font-size:14px}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:8px 10px}textarea{min-height:90px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.note{border-radius:10px;padding:10px 14px;margin:10px 0}.note.ok{background:var(--ok-bg);color:var(--ok)}.note.warn{background:var(--warn-bg);color:var(--warn)}.note.bad{background:var(--bad-bg);color:var(--bad)}.price{font-size:22px;font-weight:700;color:var(--brand)}.choice{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}.player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.wm{position:absolute;inset:auto 10px 10px auto;color:#ffffff8c;font-size:12px;pointer-events:none;direction:ltr}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tabs a{padding:6px 12px;border-radius:8px;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:var(--card);font-size:14px}.tabs a.on{background:var(--brand);color:#fff;border-color:var(--brand)}.kpi{font-size:26px;font-weight:700}.q{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}.q label{font-weight:400;display:flex;gap:8px;align-items:center;margin:6px 0;cursor:pointer}footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer .in{max-width:1080px;margin:auto;padding:16px;display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center}.stagebar{background:#8a5a12;color:#fff;text-align:center;font-size:13px;padding:4px}.toast{position:fixed;bottom:16px;inset-inline-start:16px;background:var(--ink);color:var(--card);padding:10px 16px;border-radius:10px;z-index:9;max-width:90vw}.modal{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:8;padding:16px}.modal .card{max-width:560px;width:100%;max-height:90vh;overflow:auto}.spin{opacity:.6}
