:root{--bg:#f2f4f1;--surface:#fff;--surface-2:#e7ece8;--ink:#16211f;--muted:#5c6a67;--line:#d3dbd7;--teal:#0f5552;--teal-soft:#d5e7e3;--amber:#a56f12;--amber-soft:#f6e6c4;--danger:#b4432a;--danger-soft:#f6ded6;--on-accent:#fff;--body:"IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--display:"Reem Kufi", "IBM Plex Sans Arabic", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0d1615;--surface:#142120;--surface-2:#1b2b29;--ink:#e6edeb;--muted:#97a7a3;--line:#273836;--teal:#5dbdb1;--teal-soft:#1c3634;--amber:#f0b955;--amber-soft:#3a2e17;--danger:#e48a6f;--danger-soft:#3b221c;--on-accent:#0d1615;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.6 var(--body);margin:0}h1,h2{text-wrap:balance;margin:0}h1{font-family:var(--display);font-size:26px;font-weight:700}h2{font-size:18px;font-weight:600}p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.num{font-variant-numeric:tabular-nums}.error{color:var(--danger);font-size:14px}.loading{height:100%;color:var(--muted);place-items:center;display:grid}input,select,button{font:inherit;color:inherit}input,select{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-height:40px;padding:8px 12px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:2px}label{gap:6px;font-size:14px;font-weight:500;display:grid}.btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;min-height:40px;padding:8px 16px;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--teal);color:var(--on-accent)}.btn.ghost{border-color:var(--line);background:var(--surface)}.btn.danger{background:var(--danger);color:var(--on-accent)}.btn.link{color:var(--teal);padding-inline:4px}.btn.small{min-height:32px;padding:4px 10px;font-size:13px}.brand{font-family:var(--display);color:var(--teal);align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.brand-lg{font-size:28px}.auth-page{place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:16px;width:100%;max-width:380px;padding:28px 24px;display:grid}.auth-card h1{font-size:22px}.shell{grid-template-columns:220px 1fr;min-height:100%;display:grid}.sidebar{background:var(--surface);border-inline-end:1px solid var(--line);flex-direction:column;gap:24px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar nav{gap:4px;display:grid}.sidebar nav a{color:var(--ink);border-radius:10px;padding:8px 12px;font-weight:500;text-decoration:none}.sidebar nav a:hover{background:var(--surface-2)}.sidebar nav a.active{background:var(--teal-soft);color:var(--teal);font-weight:700}.me{border-top:1px solid var(--line);margin-top:auto;padding-top:14px}.me-name{font-weight:600}.content{min-width:0;padding:28px 32px 48px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.head-actions{flex-wrap:wrap;gap:10px;display:flex}.search{width:240px;max-width:100%}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:20px;padding:20px}.create-form{gap:14px;display:grid}.fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.form-actions{gap:8px;display:flex}.notice{background:var(--teal-soft);border-radius:12px;justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.error-notice{background:var(--danger-soft);color:var(--danger)}.creds{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.creds code{background:var(--surface);letter-spacing:.5px;border-radius:8px;padding:4px 10px;font-size:15px}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}th{color:var(--muted);background:var(--surface-2);white-space:nowrap;font-size:13px;font-weight:600}tbody tr:last-child td{border-bottom:0}tr.inactive .name{color:var(--muted);text-decoration:line-through}.name{font-weight:600}.actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.actions select{min-height:32px;padding:4px 8px;font-size:13px}.actions-col{white-space:nowrap;width:1%}.confirm{gap:4px;display:inline-flex}.empty{text-align:center;color:var(--muted);padding:32px}.chip{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.chip.on{background:var(--teal-soft);color:var(--teal)}.chip.wait{background:var(--amber-soft);color:var(--amber)}.chip.off{background:var(--danger-soft);color:var(--danger)}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{border-inline-end:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:12px;height:auto;padding:12px 16px;position:static}.sidebar nav{gap:4px;display:flex}.me{margin:0;border:0;align-items:center;gap:8px;margin-inline-start:auto;padding:0;display:flex}.content{padding:20px 16px 40px}}a{color:var(--teal)}.name a{color:inherit;text-decoration:none}.name a:hover{color:var(--teal);text-decoration:underline}.back{margin-bottom:8px;font-size:14px;text-decoration:none;display:inline-block}.nowrap{white-space:nowrap}.warn-text{color:var(--amber)}.danger-text{color:var(--danger)!important}.empty-block{padding-block:8px 4px}.section-head{justify-content:space-between;align-items:center;margin:32px 0 12px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.stat-grid .panel{margin:0}.stat{align-content:start;gap:6px;display:grid}.stat h2{color:var(--muted);font-size:14px;font-weight:600}.stat .big{font-size:20px;font-weight:700}.stat .big .muted{font-family:var(--body);font-size:15px;font-weight:500}.meter{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.meter span{background:var(--teal);border-radius:4px;height:100%;display:block}.plan-form{gap:14px;display:grid}.plans{margin-top:12px}.segmented{background:var(--surface-2);border-radius:10px;justify-self:start;padding:3px;display:inline-flex}.segmented button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:6px 18px;font-weight:500}.segmented button.on{background:var(--surface);color:var(--ink);font-weight:700}fieldset.pos{border:0;grid-template-columns:1fr 1fr;gap:8px;min-width:0;margin:0;padding:0;display:grid}fieldset.pos legend{margin-bottom:6px;padding:0;font-size:14px;font-weight:500}fieldset.pos label{color:var(--muted);font-size:12px;font-weight:400}fieldset.pos input{width:100%}.chip.kind-memorize{background:var(--teal-soft);color:var(--teal)}.chip.kind-revise{background:var(--surface-2);color:var(--muted)}tr.rejected td{color:var(--muted)}.log-months{gap:20px;display:grid}.log-month{gap:8px;display:grid}.log-month-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.log-month-head h3{margin:0;font-size:16px}.review-student{margin-bottom:28px}.review-student h2{margin-bottom:10px}.badge{background:var(--amber);min-width:20px;color:var(--on-accent);text-align:center;border-radius:999px;margin-inline-start:8px;padding:0 6px;font-size:12px;font-weight:700;line-height:20px;display:inline-block}:root{--state-done:#0f5552;--state-on_track:#7fb8af;--state-behind:#c98a1e;--state-no_plan:#c3ccc8}@media (prefers-color-scheme:dark){:root{--state-done:#5dbdb1;--state-on_track:#2f6e66;--state-behind:#f0b955;--state-no_plan:#3a4b48}}.tiles{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;display:grid;overflow:hidden}.tile{background:var(--surface);border-top:3px solid #0000;gap:2px;padding:16px 16px 14px;display:grid}.tile b{font-size:30px;font-weight:700;line-height:1.1}.tile span{color:var(--muted);font-size:13px}.tile.state-done{border-top-color:var(--state-done)}.tile.state-on_track{border-top-color:var(--state-on_track)}.tile.state-behind{border-top-color:var(--state-behind)}.tile.state-no_plan{border-top-color:var(--state-no_plan)}.link-tile{color:inherit;text-decoration:none}.link-tile:hover{background:var(--surface-2)}.num-col{text-align:center;white-space:nowrap;width:1%}.bar-col{min-width:140px}.state-bar{border-radius:5px;gap:2px;min-width:120px;height:10px;display:flex;overflow:hidden}.state-bar .seg{height:100%;display:block}.seg.state-done{background:var(--state-done)}.seg.state-on_track{background:var(--state-on_track)}.seg.state-behind{background:var(--state-behind)}.seg.state-no_plan{background:var(--state-no_plan)}.chip.state-behind{background:var(--amber-soft);color:var(--amber)}.chip.state-no_plan{background:var(--surface-2);color:var(--muted)}.section-head .small{margin-inline-start:12px}