@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";.row-actions-wrap{display:inline-block}.actions-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:104px;padding:8px 11px;border:1px solid #dce5e0;border-radius:9px;background:#fff;color:#42564e;font-size:10px;font-weight:700}.actions-trigger:hover,.actions-trigger[aria-expanded=true]{border-color:#86aa9a;background:#f1f7f4}.actions-trigger span{font-size:14px;color:#72847c}.row-actions-menu{position:fixed;z-index:1000;min-width:150px;padding:6px;background:#fff;border:1px solid #dde6e1;border-radius:11px;box-shadow:0 14px 38px #173d3028;display:grid}.row-actions-menu a,.row-actions-menu button{display:flex;width:100%;border:0;background:transparent;color:#344a41;text-align:right;padding:9px 11px;border-radius:7px;font-size:11px;white-space:nowrap}.row-actions-menu a:hover,.row-actions-menu button:hover{background:#edf6f1;color:#176848}.row-actions-menu .danger{color:#ad4949}.row-actions-menu .danger:hover{background:#fbecec;color:#963b3b}.profile-link[data-v-3369b483]{display:inline-block;color:var(--green-2);font-weight:700;font-size:11px;padding:7px 10px;border-radius:8px;background:var(--mint);white-space:nowrap}.role-selector[data-v-3369b483]{border:1px solid var(--border);border-radius:13px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.role-selector legend[data-v-3369b483]{padding:0 7px;font-size:12px;font-weight:800}.role-selector label[data-v-3369b483]{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #dfe7e3;border-radius:11px;background:#fafcfa;cursor:pointer}.role-selector label.selected[data-v-3369b483]{border-color:var(--green-2);background:var(--mint);box-shadow:0 0 0 2px #1d7b5920}.role-selector input[data-v-3369b483]{position:absolute;opacity:0}.role-selector b[data-v-3369b483],.role-selector small[data-v-3369b483]{display:block}.role-selector small[data-v-3369b483]{margin-top:4px;color:var(--muted);font-size:9px}.role-icon[data-v-3369b483]{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--green);font-size:18px}.role-badge[data-v-3369b483]{display:inline-block;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:700}.role-badge.employee[data-v-3369b483]{background:#eef1f6;color:#53657b}.role-badge.teacher[data-v-3369b483]{background:#e6f5ed;color:#217252}.role-badge.supervisor[data-v-3369b483]{background:#fff2da;color:#956313}@media(max-width:700px){.role-selector[data-v-3369b483]{grid-template-columns:1fr}}.hero-role[data-v-2035920b]{background:#d8bb72;color:#173f32;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:800;white-space:nowrap}.employee-profile[data-v-2035920b]{display:grid;gap:18px}.profile-breadcrumb[data-v-2035920b]{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px}.profile-breadcrumb a[data-v-2035920b]{color:var(--green-2)}.employee-hero[data-v-2035920b]{background:linear-gradient(110deg,#174b3b,#24634e);color:#fff;border-radius:18px;padding:24px 28px;display:flex;align-items:center;gap:16px;box-shadow:0 12px 30px #174b3b22}.employee-avatar[data-v-2035920b]{width:70px;height:70px;border-radius:20px;background:#ffffff18;border:1px solid #ffffff28;display:grid;place-items:center;font-size:30px;font-weight:800;color:#e0c37d}.employee-heading[data-v-2035920b]{flex:1}.employee-heading small[data-v-2035920b]{color:#bcd2c9}.employee-heading h2[data-v-2035920b]{margin:5px 0;font-size:24px}.employee-heading p[data-v-2035920b]{margin:0;color:#c7d9d2;font-size:12px}.employee-hero .secondary-button[data-v-2035920b]{background:#ffffff14;color:#fff;border-color:#ffffff30}.profile-stats[data-v-2035920b]{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.profile-stats article[data-v-2035920b]{background:#fff;border:1px solid var(--border);border-radius:13px;padding:15px}.profile-stats small[data-v-2035920b],.profile-stats b[data-v-2035920b]{display:block}.profile-stats small[data-v-2035920b]{color:var(--muted);font-size:10px;margin-bottom:7px}.profile-stats b[data-v-2035920b]{font-size:15px}.positive[data-v-2035920b]{color:#238259!important}.negative[data-v-2035920b]{color:#bb4e4e!important}.profile-tabs[data-v-2035920b]{display:flex;background:#fff;border:1px solid var(--border);border-radius:13px;padding:5px;overflow:auto}.profile-tabs button[data-v-2035920b]{border:0;background:transparent;padding:10px 16px;border-radius:9px;color:#687871;white-space:nowrap;font-size:12px}.profile-tabs button.active[data-v-2035920b]{background:var(--mint);color:var(--green);font-weight:700}.profile-section[data-v-2035920b]{background:#fff;border:1px solid var(--border);border-radius:16px;min-height:300px}.profile-section>header[data-v-2035920b]{padding:19px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.profile-section header h3[data-v-2035920b],.profile-section header p[data-v-2035920b]{margin:0}.profile-section header h3[data-v-2035920b]{font-size:16px}.profile-section header p[data-v-2035920b]{font-size:10px;color:var(--muted);margin-top:4px}.header-actions[data-v-2035920b]{display:flex;gap:8px}.details-grid[data-v-2035920b]{display:grid;grid-template-columns:repeat(3,1fr);padding:9px 22px 25px}.details-grid>div[data-v-2035920b]{padding:17px 8px;border-bottom:1px solid #edf0ee}.details-grid small[data-v-2035920b],.details-grid b[data-v-2035920b]{display:block}.details-grid small[data-v-2035920b]{color:var(--muted);font-size:10px;margin-bottom:6px}.details-grid b[data-v-2035920b]{font-size:12px}.split-lists[data-v-2035920b]{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.split-lists>div[data-v-2035920b]{border:1px solid var(--border);border-radius:12px;overflow:hidden}.split-lists h4[data-v-2035920b]{margin:0;padding:14px 16px;background:#f8faf8;font-size:13px}.split-lists article[data-v-2035920b],.record-list article[data-v-2035920b]{padding:13px 16px;border-top:1px solid #edf0ee;display:flex;align-items:center;justify-content:space-between}.split-lists article b[data-v-2035920b],.split-lists article small[data-v-2035920b],.record-list b[data-v-2035920b],.record-list small[data-v-2035920b]{display:block}.split-lists article b[data-v-2035920b],.record-list b[data-v-2035920b]{font-size:12px}.split-lists article small[data-v-2035920b],.record-list small[data-v-2035920b]{color:var(--muted);font-size:9px;margin-top:3px}.inline-empty[data-v-2035920b]{color:var(--muted);font-size:11px;text-align:center;padding:30px;margin:0}.balance-cards[data-v-2035920b]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px}.balance-cards article[data-v-2035920b]{border:1px solid var(--border);background:#fafcfa;border-radius:12px;padding:15px}.balance-cards small[data-v-2035920b],.balance-cards b[data-v-2035920b],.balance-cards span[data-v-2035920b]{display:block}.balance-cards small[data-v-2035920b]{font-size:10px;color:var(--muted)}.balance-cards b[data-v-2035920b]{font-size:18px;margin:6px 0}.balance-cards span[data-v-2035920b]{font-size:9px;color:#819089}.record-list[data-v-2035920b]{padding:0 20px 20px}.record-list article[data-v-2035920b]{border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.payroll-table[data-v-2035920b]{padding:20px;overflow:auto}.payroll-table table[data-v-2035920b]{border:1px solid var(--border);border-radius:10px;overflow:hidden}@media(max-width:1200px){.profile-stats[data-v-2035920b]{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.employee-hero[data-v-2035920b]{align-items:flex-start;flex-wrap:wrap}.employee-heading[data-v-2035920b]{min-width:60%}.profile-stats[data-v-2035920b]{grid-template-columns:repeat(2,1fr)}.details-grid[data-v-2035920b]{grid-template-columns:1fr 1fr}.split-lists[data-v-2035920b]{grid-template-columns:1fr}.balance-cards[data-v-2035920b]{grid-template-columns:1fr 1fr}}@media(max-width:520px){.details-grid[data-v-2035920b],.profile-stats[data-v-2035920b],.balance-cards[data-v-2035920b]{grid-template-columns:1fr}.employee-hero .secondary-button[data-v-2035920b]{width:100%}.profile-section>header[data-v-2035920b]{align-items:flex-start;gap:12px;flex-direction:column}.header-actions[data-v-2035920b]{width:100%}.header-actions button[data-v-2035920b]{flex:1}}.coverage-list[data-v-2035920b]{padding:16px 20px}.coverage-list article[data-v-2035920b]{display:grid;grid-template-columns:minmax(220px,1.2fr) auto minmax(220px,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:#fcfdfc}.coverage-person[data-v-2035920b]{display:flex;align-items:center;gap:10px}.coverage-person b[data-v-2035920b],.coverage-person small[data-v-2035920b]{display:block}.coverage-person b[data-v-2035920b]{font-size:12px}.coverage-person small[data-v-2035920b]{font-size:9px;color:var(--muted);margin-top:3px}.person-dot[data-v-2035920b]{width:38px;height:38px;border-radius:11px;background:#edf3f0;color:var(--green);display:grid;place-items:center;font-weight:800}.person-dot.employee[data-v-2035920b]{background:#e8f1ec;color:#1c684d}.coverage-policies[data-v-2035920b]{display:flex;gap:6px;flex-wrap:wrap}.insurance-chip[data-v-2035920b]{background:#e4f3eb;color:#217250;border-radius:20px;padding:6px 9px;font-size:9px}.uninsured[data-v-2035920b]{color:#a26a3d;background:#fff1e4;border-radius:20px;padding:6px 9px;font-size:9px}.dependency-badge[data-v-2035920b]{border-radius:20px;padding:6px 10px;font-size:9px;text-align:center}.dependency-badge.dependent[data-v-2035920b]{background:#e8f3ed;color:#267253}.dependency-badge.independent[data-v-2035920b]{background:#f1f2f2;color:#747d79}.dependency-badge.employee-badge[data-v-2035920b]{background:#e8eef6;color:#416786}.small-button[data-v-2035920b]{padding:7px 11px;font-size:10px}.basis-checks[data-v-2035920b]{border:1px solid var(--border);border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.basis-checks legend[data-v-2035920b]{padding:0 7px;font-size:11px;font-weight:700}.basis-checks label[data-v-2035920b]{display:flex;align-items:center;gap:7px;background:#f8faf8;padding:9px;border-radius:8px;font-weight:500}.basis-checks input[data-v-2035920b]{width:auto;margin:0}.calculation-preview[data-v-2035920b]{display:flex;align-items:center;gap:12px;background:#edf6f1;border:1px solid #d1e8dc;border-radius:11px;padding:13px}.calculation-preview span[data-v-2035920b]{font-size:11px}.calculation-preview b[data-v-2035920b]{font-size:17px;color:var(--green);margin-right:auto}.calculation-preview small[data-v-2035920b]{font-size:9px;color:var(--muted)}.insured-target[data-v-2035920b]{background:#f4f8f5;border:1px solid var(--border);border-radius:10px;padding:12px}.insured-target span[data-v-2035920b],.insured-target b[data-v-2035920b]{display:block}.insured-target span[data-v-2035920b]{font-size:9px;color:var(--muted);margin-bottom:4px}.employee-photo-wrap[data-v-2035920b]{width:78px;height:78px;position:relative;flex:0 0 78px}.employee-photo-wrap img[data-v-2035920b],.employee-photo-wrap .employee-avatar[data-v-2035920b]{width:78px;height:78px;border-radius:21px;object-fit:cover;border:2px solid #ffffff35}.photo-button[data-v-2035920b],.remove-photo[data-v-2035920b]{position:absolute;border:0;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 10px #102a2144}.photo-button[data-v-2035920b]{width:28px;height:28px;bottom:-5px;left:-5px;background:#d6b66f;font-size:13px}.remove-photo[data-v-2035920b]{width:22px;height:22px;top:-6px;left:-6px;background:#fff;color:#a94d4d;font-size:15px}.attachments-list[data-v-2035920b]{padding:16px 20px}.attachments-list article[data-v-2035920b]{display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-radius:12px;padding:13px;margin-bottom:9px}.file-icon[data-v-2035920b]{width:44px;height:44px;border-radius:11px;background:#eef3f0;color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:800}.attachment-info[data-v-2035920b]{flex:1}.attachment-info b[data-v-2035920b],.attachment-info small[data-v-2035920b]{display:block}.attachment-info b[data-v-2035920b]{font-size:12px}.attachment-info small[data-v-2035920b]{font-size:9px;color:var(--muted);margin-top:4px}.expiry-badge[data-v-2035920b]{font-size:9px;background:#fff1e4;color:#9a673d;border-radius:20px;padding:6px 9px}.attachment-actions[data-v-2035920b]{display:flex;align-items:center;gap:8px}.delete-attachment[data-v-2035920b]{color:#a94d4d}.file-picker input[data-v-2035920b]{border:1px dashed #aebfb7;background:#f8fbf9;padding:16px}.selected-file[data-v-2035920b]{display:flex;justify-content:space-between;background:#edf6f1;border-radius:10px;padding:12px;font-size:11px}.selected-file span[data-v-2035920b]{color:var(--muted)}@media(max-width:900px){.coverage-list article[data-v-2035920b]{grid-template-columns:1fr auto}.coverage-policies[data-v-2035920b]{grid-column:1/-1}.basis-checks[data-v-2035920b]{grid-template-columns:1fr}.attachments-list article[data-v-2035920b]{flex-wrap:wrap}.attachment-info[data-v-2035920b]{min-width:60%}}.profile-link[data-v-4c7b70c3]{color:var(--green-2);font-weight:700}.row-actions[data-v-4c7b70c3]{display:flex;align-items:center;gap:7px}.compact[data-v-4c7b70c3]{padding:7px 10px;font-size:10px}.capacity-chip[data-v-4c7b70c3]{display:inline-flex;align-items:center;gap:4px;background:#e9f5ef;color:#286f54;border-radius:20px;padding:6px 10px}.capacity-chip b[data-v-4c7b70c3]{font-size:14px}.profile-link[data-v-6d24d56b]{color:var(--green-2);font-weight:700}.student-profile-page[data-v-abd8403c]{display:grid;gap:18px;color:#1d3029}.student-breadcrumb[data-v-abd8403c]{display:flex;align-items:center;gap:9px;font-size:11px;color:#84918c}.student-breadcrumb a[data-v-abd8403c]{color:#267659;text-decoration:none}.student-breadcrumb b[data-v-abd8403c]{color:#52625c}.student-hero[data-v-abd8403c]{min-height:190px;padding:29px 34px;display:flex;align-items:center;gap:22px;position:relative;overflow:hidden;border-radius:22px;color:#fff;background:linear-gradient(120deg,#0c4a39,#17664d 64%,#1d7658);box-shadow:0 18px 38px #0f49372b}.hero-pattern[data-v-abd8403c]{position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(216,182,103,.18) 0 2px,transparent 3px),linear-gradient(55deg,transparent 72%,rgba(255,255,255,.04) 72% 73%,transparent 73%);background-size:28px 28px,110px 110px;opacity:.8}.student-hero[data-v-abd8403c]:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:-80px;top:-135px;box-shadow:0 0 0 38px #ffffff06,0 0 0 76px #ffffff05}.student-avatar[data-v-abd8403c]{z-index:1;width:94px;height:94px;border-radius:28px;display:grid;place-items:center;flex:0 0 94px;background:linear-gradient(145deg,#f6e5b4,#caa54e);color:#174b3a;font-size:39px;font-weight:900;box-shadow:inset 0 0 0 5px #ffffff45,0 15px 28px #00000026}.student-identity[data-v-abd8403c]{z-index:1;min-width:0}.identity-tags[data-v-abd8403c]{display:flex;align-items:center;gap:8px}.student-code[data-v-abd8403c],.student-status[data-v-abd8403c]{padding:6px 10px;border-radius:20px;font-size:10px}.student-code[data-v-abd8403c]{font-family:monospace;background:#ffffff1f}.student-status[data-v-abd8403c]{background:#8ae0bb26;color:#b8f0d6}.student-identity h1[data-v-abd8403c]{margin:13px 0 10px;font-size:27px;color:#fff}.identity-meta[data-v-abd8403c]{display:flex;flex-wrap:wrap;gap:8px 18px;color:#d4e5df;font-size:11px}.progress-gauge[data-v-abd8403c]{--progress:0%;z-index:1;margin-inline-start:auto;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#e0bd69 var(--progress),rgba(255,255,255,.12) 0);position:relative;flex:0 0 118px}.progress-gauge[data-v-abd8403c]:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#155d47}.progress-gauge div[data-v-abd8403c]{z-index:1;text-align:center}.progress-gauge strong[data-v-abd8403c],.progress-gauge small[data-v-abd8403c]{display:block}.progress-gauge strong[data-v-abd8403c]{font-size:24px}.progress-gauge small[data-v-abd8403c]{margin-top:3px;color:#c9ddd5;font-size:9px}.student-metrics[data-v-abd8403c]{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric[data-v-abd8403c]{display:flex;align-items:center;gap:13px;min-height:98px;padding:16px;border:1px solid;border-radius:17px;background:#fff;box-shadow:0 8px 22px #1d30290b}.metric-icon[data-v-abd8403c]{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;font-size:20px;flex:0 0 47px}.metric div[data-v-abd8403c]{display:grid;gap:3px}.metric small[data-v-abd8403c]{font-size:10px;color:#687871}.metric strong[data-v-abd8403c]{font-size:23px;line-height:1.15}.metric em[data-v-abd8403c]{font-style:normal;font-size:9px;color:#94a09b}.metric.emerald[data-v-abd8403c]{border-color:#d9eee5}.metric.emerald .metric-icon[data-v-abd8403c]{background:#e9f7f0;color:#187354}.metric.amber[data-v-abd8403c]{border-color:#f1e6cb}.metric.amber .metric-icon[data-v-abd8403c]{background:#fff6e4;color:#b07916}.metric.sky[data-v-abd8403c]{border-color:#dcebf3}.metric.sky .metric-icon[data-v-abd8403c]{background:#eaf5fb;color:#33769a}.metric.violet[data-v-abd8403c]{border-color:#e9e0f1}.metric.violet .metric-icon[data-v-abd8403c]{background:#f4edfa;color:#7b5594}.student-content[data-v-abd8403c]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:18px;align-items:start}.learning-panel[data-v-abd8403c],.info-card[data-v-abd8403c],.guardian-card[data-v-abd8403c]{background:#fff;border:1px solid #e0e8e4;border-radius:19px;box-shadow:0 8px 25px #183a2e0b;overflow:hidden}.section-heading[data-v-abd8403c]{padding:20px 22px;border-bottom:1px solid #e8eeeb;display:flex;justify-content:space-between;align-items:center}.section-kicker[data-v-abd8403c]{color:#b18127;font-size:9px;font-weight:800}.section-heading h2[data-v-abd8403c]{margin:5px 0 4px;font-size:18px}.section-heading p[data-v-abd8403c]{margin:0;color:#84908b;font-size:10px}.section-count[data-v-abd8403c]{background:#edf5f1;color:#286d54;border-radius:20px;padding:7px 11px;font-size:10px}.enrollment-block[data-v-abd8403c]{margin:17px;border:1px solid #dfe8e3;border-radius:16px;overflow:hidden;background:#fff}.enrollment-head[data-v-abd8403c]{display:flex;align-items:center;gap:12px;padding:16px 17px;background:linear-gradient(90deg,#f7faf8,#fff)}.circle-symbol[data-v-abd8403c]{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#e8f4ee;color:#176a4e;font-size:19px}.enrollment-title[data-v-abd8403c]{min-width:0}.enrollment-title small[data-v-abd8403c]{color:#8c9994;font-size:9px}.enrollment-title h3[data-v-abd8403c]{margin:3px 0;font-size:14px}.enrollment-title p[data-v-abd8403c]{margin:0;color:#78867f;font-size:10px}.enrollment-title p span[data-v-abd8403c]{color:#d2ad58}.enrollment-status[data-v-abd8403c]{margin-inline-start:auto;padding:6px 10px;border-radius:20px;background:#e7f5ed;color:#187050;font-size:9px}.plan-progress[data-v-abd8403c]{padding:14px 17px;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef}.plan-progress>div[data-v-abd8403c]:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px}.plan-progress b[data-v-abd8403c]{color:#167054;font-size:13px}.student-progress-track[data-v-abd8403c]{height:7px;margin:8px 0;background:#edf1ef;border-radius:20px;overflow:hidden}.student-progress-track i[data-v-abd8403c]{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a7758,#55b68f)}.plan-progress small[data-v-abd8403c]{color:#84918b;font-size:9px}.learning-snapshot[data-v-abd8403c]{display:grid;grid-template-columns:1.45fr 1fr;gap:10px;padding:14px 17px}.current-position[data-v-abd8403c],.next-target[data-v-abd8403c]{padding:13px;border-radius:13px}.current-position[data-v-abd8403c]{display:flex;align-items:center;gap:11px;background:#eef7f3}.snapshot-icon[data-v-abd8403c]{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fff;color:#177052;font-size:19px}.current-position div[data-v-abd8403c],.next-target[data-v-abd8403c]{display:grid;gap:4px}.current-position small[data-v-abd8403c],.next-target small[data-v-abd8403c]{font-size:9px;color:#7c8c85}.current-position strong[data-v-abd8403c],.next-target strong[data-v-abd8403c]{font-size:11px}.current-position em[data-v-abd8403c]{font-style:normal;color:#408068;font-size:9px}.next-target[data-v-abd8403c]{background:#fff8ea;border:1px solid #f3e5c4}.next-target span[data-v-abd8403c]{font-size:9px;color:#aa7920}.enrollment-columns[data-v-abd8403c]{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e9eeec}.enrollment-columns>section[data-v-abd8403c]{padding:15px 17px;min-width:0}.enrollment-columns>section+section[data-v-abd8403c]{border-inline-start:1px solid #e9eeec}.subheading[data-v-abd8403c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.subheading h4[data-v-abd8403c]{margin:0;font-size:11px}.subheading span[data-v-abd8403c]{background:#edf4f1;border-radius:20px;padding:4px 7px;font-size:8px}.subheading small[data-v-abd8403c]{color:#919c98;font-size:8px}.upcoming-row[data-v-abd8403c]{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eff2f0}.session-number[data-v-abd8403c]{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#edf5f1;color:#277157;font-size:9px}.upcoming-row b[data-v-abd8403c],.upcoming-row small[data-v-abd8403c]{display:block}.upcoming-row b[data-v-abd8403c]{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-row small[data-v-abd8403c],.upcoming-row time[data-v-abd8403c]{font-size:8px;color:#909b96}.evaluation-row[data-v-abd8403c]{width:100%;border:0;border-bottom:1px solid #eff2f0;background:#fff;padding:7px 0;display:flex;align-items:center;gap:8px;text-align:right;cursor:pointer}.evaluation-row[data-v-abd8403c]:hover{background:#f8fbf9}.score-badge[data-v-abd8403c]{width:43px;padding:7px 3px;border-radius:9px;text-align:center;font-weight:800;font-size:10px}.score-badge.excellent[data-v-abd8403c]{background:#e7f6ed;color:#187050}.score-badge.good[data-v-abd8403c]{background:#fff5df;color:#9d6c15}.score-badge.needs-work[data-v-abd8403c]{background:#fdeceb;color:#a5534d}.evaluation-copy[data-v-abd8403c]{display:block;min-width:0;flex:1}.evaluation-copy b[data-v-abd8403c],.evaluation-copy small[data-v-abd8403c]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evaluation-copy b[data-v-abd8403c]{font-size:9px}.evaluation-copy small[data-v-abd8403c]{margin-top:3px;color:#8a9691;font-size:8px}.open-detail[data-v-abd8403c]{color:#29745a;font-size:18px}.mini-empty[data-v-abd8403c]{padding:14px;text-align:center;color:#95a09b;background:#f8faf9;border-radius:10px;font-size:9px}.student-empty[data-v-abd8403c]{text-align:center;padding:48px 20px;color:#7d8c86}.student-empty>span[data-v-abd8403c]{width:56px;height:56px;margin:auto;display:grid;place-items:center;border-radius:17px;background:#edf5f1;color:#237254;font-size:24px}.student-empty h3[data-v-abd8403c]{margin:12px 0 6px}.student-empty p[data-v-abd8403c]{font-size:10px}.student-sidebar[data-v-abd8403c]{display:grid;gap:14px}.info-card header[data-v-abd8403c],.guardian-card header[data-v-abd8403c]{padding:16px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eeeb}.info-card header>div[data-v-abd8403c]{display:flex;align-items:center;gap:8px}.info-card header span[data-v-abd8403c],.guardian-card header>span[data-v-abd8403c]{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#edf5f1;color:#1c6e52}.info-card h3[data-v-abd8403c],.guardian-card h3[data-v-abd8403c]{margin:0;font-size:12px}.info-card header a[data-v-abd8403c]{color:#247155;text-decoration:none;font-size:9px;background:#eef6f2;padding:6px 9px;border-radius:8px}.student-details[data-v-abd8403c]{margin:0;padding:7px 17px 13px}.student-details>div[data-v-abd8403c]{padding:11px 0;border-bottom:1px solid #edf1ef}.student-details>div[data-v-abd8403c]:last-child{border:0}.student-details dt[data-v-abd8403c]{display:flex;gap:7px;align-items:center;color:#8a9691;font-size:9px}.student-details dt span[data-v-abd8403c]{color:#b28a3c}.student-details dd[data-v-abd8403c]{margin:5px 19px 0 0;font-size:10px;font-weight:700;line-height:1.7}.guardian-card[data-v-abd8403c]{border-color:#e8ddc4;background:linear-gradient(150deg,#fff,#fffaf0)}.guardian-card header[data-v-abd8403c]{justify-content:flex-start;gap:10px}.guardian-card header>span[data-v-abd8403c]{background:#fff1d3;color:#a57720}.guardian-card header small[data-v-abd8403c]{display:block;margin-bottom:3px;color:#9e8c69;font-size:8px}.guardian-person[data-v-abd8403c]{display:flex;align-items:center;gap:10px;padding:16px 17px}.guardian-person>span[data-v-abd8403c]{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#1b684f;color:#fff;font-weight:800}.guardian-person b[data-v-abd8403c],.guardian-person small[data-v-abd8403c]{display:block}.guardian-person b[data-v-abd8403c]{font-size:11px}.guardian-person small[data-v-abd8403c]{margin-top:4px;color:#8b9893;font-size:8px}.guardian-card>a[data-v-abd8403c]{margin:0 17px 17px;padding:10px 12px;display:flex;justify-content:space-between;border-radius:10px;background:#f4ead4;color:#815e1e;text-decoration:none;font-size:9px}.guardian-card>a span[data-v-abd8403c]{font-weight:800}.guardian-card>a b[data-v-abd8403c]{font-size:9px}@media(max-width:1100px){.student-metrics[data-v-abd8403c]{grid-template-columns:1fr 1fr}.student-content[data-v-abd8403c]{grid-template-columns:1fr}.student-sidebar[data-v-abd8403c]{grid-template-columns:1fr 1fr}}@media(max-width:700px){.student-profile-page[data-v-abd8403c]{gap:12px}.student-hero[data-v-abd8403c]{min-height:0;padding:22px;align-items:flex-start;flex-wrap:wrap}.student-avatar[data-v-abd8403c]{width:70px;height:70px;flex-basis:70px;border-radius:21px;font-size:29px}.student-identity[data-v-abd8403c]{flex:1}.student-identity h1[data-v-abd8403c]{font-size:19px}.identity-meta[data-v-abd8403c]{display:grid;gap:5px}.progress-gauge[data-v-abd8403c]{width:82px;height:82px;flex-basis:82px;margin:6px auto 0}.progress-gauge strong[data-v-abd8403c]{font-size:17px}.student-metrics[data-v-abd8403c]{grid-template-columns:1fr 1fr;gap:8px}.metric[data-v-abd8403c]{min-height:82px;padding:11px;gap:9px}.metric-icon[data-v-abd8403c]{width:37px;height:37px;flex-basis:37px}.metric strong[data-v-abd8403c]{font-size:18px}.metric em[data-v-abd8403c]{display:none}.section-heading[data-v-abd8403c]{align-items:flex-start}.section-heading p[data-v-abd8403c]{display:none}.enrollment-block[data-v-abd8403c]{margin:10px}.learning-snapshot[data-v-abd8403c],.enrollment-columns[data-v-abd8403c],.student-sidebar[data-v-abd8403c]{grid-template-columns:1fr}.enrollment-columns>section+section[data-v-abd8403c]{border-inline-start:0;border-top:1px solid #e9eeec}.student-sidebar[data-v-abd8403c]{display:grid}.student-details dd[data-v-abd8403c]{margin-right:0}}@media(max-width:430px){.student-metrics[data-v-abd8403c]{grid-template-columns:1fr}.progress-gauge[data-v-abd8403c],.student-code[data-v-abd8403c]{display:none}.enrollment-head[data-v-abd8403c]{align-items:flex-start}.enrollment-status[data-v-abd8403c]{position:absolute;left:28px}.learning-snapshot[data-v-abd8403c]{padding:10px}.student-breadcrumb[data-v-abd8403c]{display:none}}.hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.preview-action{display:flex;justify-content:flex-end}.schedule-preview{border:1px solid #cfe1d8;background:#f7fbf8;border-radius:13px;padding:15px}.schedule-preview h4{margin:15px 0 8px}.preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preview-stats span{background:#fff;border:1px solid var(--border);border-radius:9px;padding:10px}.preview-stats small,.preview-stats b{display:block}.preview-stats small{font-size:9px;color:var(--muted)}.preview-stats b{font-size:13px;margin-top:4px}.preview-tasks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preview-tasks>div{background:#fff;border-radius:8px;padding:9px;display:flex;justify-content:space-between;gap:10px;font-size:10px}.preview-tasks span{color:var(--muted)}@media(max-width:780px){.preview-stats,.preview-tasks{grid-template-columns:1fr 1fr}}.profile-hero{padding:24px;display:flex;align-items:center;gap:18px;justify-content:space-between}.profile-hero h2{margin:10px 0 5px}.profile-hero p,.profile-hero small{color:var(--muted)}.profile-stats{margin:18px 0}.profile-stats .text-value{font-size:17px}.profile-section{overflow:hidden}.profile-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.identity-large{width:66px;height:66px;border-radius:18px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:28px;font-weight:800}.details-list{margin:0;padding:12px 22px}.details-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--border)}.details-list dt{color:var(--muted);font-size:11px}.details-list dd{margin:0;font-size:12px;font-weight:600}.enrollment-card{margin:12px 18px;padding:14px;border:1px solid var(--border);border-radius:11px;display:flex;justify-content:space-between}.enrollment-card b,.enrollment-card small,.enrollment-card strong{display:block}.enrollment-card small{font-size:10px;color:var(--muted);margin-top:4px}@media(max-width:900px){.profile-grid{grid-template-columns:1fr}.profile-hero{align-items:flex-start;flex-wrap:wrap}}:root{font-family:Tajawal,system-ui,sans-serif;color:#20342d;background:#f5f7f5;font-synthesis:none;--green:#174b3b;--green-2:#236b53;--mint:#e9f3ed;--gold:#b78a39;--border:#e2e8e4;--muted:#75837e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.brand-mark{width:46px;height:46px;color:#d5b66d;display:grid;place-items:center}.brand-mark svg{width:100%;height:100%}.app-shell{min-height:100vh;display:flex}.sidebar{width:270px;background:linear-gradient(180deg,#153f33,#0f3329);color:#fff;padding:24px 18px;position:fixed;right:0;top:0;bottom:0;display:flex;flex-direction:column;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 10px 22px}.sidebar-brand strong{font-size:25px}.sidebar-brand span{display:block;color:#aec7bd;font-size:12px}.org-card{background:#ffffff0d;border:1px solid #ffffff16;border-radius:14px;padding:13px;display:flex;gap:10px;align-items:center;margin-bottom:22px}.org-avatar{width:38px;height:38px;border-radius:11px;background:#d4b467;color:#173f32;display:grid;place-items:center;font-weight:800}.org-card small,.org-card b{display:block}.org-card small{color:#9db9ae;font-size:10px;margin-bottom:3px}.org-card b{font-size:12px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 14px;border-radius:10px;color:#c5d6cf;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.sidebar nav a:hover,.sidebar nav a.router-link-exact-active{background:#ffffff12;color:#fff}.sidebar nav a.router-link-exact-active{box-shadow:inset -3px 0 #d1ad5d}.nav-icon{width:23px;text-align:center;font-size:19px;color:#d9bc78}.sidebar-footer{margin-top:auto;border-top:1px solid #ffffff12;padding-top:16px;display:grid;gap:15px}.sidebar-footer small{text-align:center;color:#77958a}.logout-button{border:0;background:transparent;color:#d3dfda;text-align:right;padding:8px 12px}.logout-button span{margin-left:8px}.main-area{margin-right:270px;width:calc(100% - 270px);min-height:100vh}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.topbar h1{font-size:20px;margin:2px 0}.topbar small{color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:18px}.icon-button{width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:#fff;position:relative}.icon-button i{width:6px;height:6px;background:#d15353;border-radius:50%;position:absolute;top:8px;right:8px}.profile{display:flex;align-items:center;gap:9px}.profile>span{width:40px;height:40px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800}.profile b,.profile small{display:block}.profile b{font-size:13px}.profile small{font-size:10px}.menu-button{display:none}.page-content{padding:28px 32px;max-width:1600px;margin:auto}.welcome-banner{min-height:175px;background:linear-gradient(115deg,#174b3b,#24634e);border-radius:20px;padding:30px 38px;color:#fff;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.welcome-banner:after{content:"";position:absolute;width:280px;height:280px;border:55px solid #ffffff08;border-radius:50%;left:-45px;top:-120px}.welcome-banner span{font-size:12px;color:#c1d7ce}.welcome-banner h2{font-size:27px;margin:12px 0 6px}.welcome-banner p{margin:0;color:#c8ddd5}.banner-art{font-size:80px;color:#d6b66b;border:1px solid #ffffff1a;border-radius:50%;width:120px;height:120px;display:grid;place-items:center;margin-left:30px;z-index:1}.section-heading,.page-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 18px}.section-heading h2,.page-head h2{margin:0 0 4px;font-size:20px}.section-heading p,.page-head p{margin:0;color:var(--muted);font-size:12px}.primary-button,.secondary-button,.filter-button{border-radius:10px;padding:10px 17px;border:0;font-weight:600}.primary-button{background:var(--green);color:#fff;box-shadow:0 5px 14px #174b3b22}.primary-button:hover{background:var(--green-2)}.primary-button:disabled{opacity:.65}.secondary-button,.filter-button{background:#fff;border:1px solid var(--border);color:#40534c}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;gap:16px;align-items:center;box-shadow:0 5px 20px #1c3b3008}.stat-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:23px}.stat-card.green .stat-icon,.green-bg{background:#e7f3ed;color:#267055}.stat-card.gold .stat-icon,.gold-bg{background:#fbf2de;color:#a77c29}.stat-card.blue .stat-icon,.blue-bg{background:#e8f1f7;color:#356d8e}.stat-card.plum .stat-icon,.plum-bg{background:#f2eaf3;color:#805789}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{color:var(--muted);font-size:11px}.stat-card strong{font-size:28px;margin:2px 0}.stat-card em{font-style:normal;color:#8b9893;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:20px}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 5px 20px #1c3b3008}.panel-title{padding:20px 22px;border-bottom:1px solid #edf0ee;display:flex;justify-content:space-between;align-items:center}.panel-title h3,.panel-title p{margin:0}.panel-title h3{font-size:15px}.panel-title p{font-size:11px;color:var(--muted);margin-top:3px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:19px}.quick-grid a{border:1px solid var(--border);border-radius:13px;padding:15px;text-align:center;transition:.2s}.quick-grid a:hover{transform:translateY(-2px);border-color:#b8cec4}.quick-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;margin:0 auto 9px}.quick-grid b,.quick-grid small{display:block}.quick-grid b{font-size:12px}.quick-grid small{font-size:9px;color:var(--muted);margin-top:3px}.status-pill{font-size:10px;border-radius:20px;padding:5px 9px;white-space:nowrap}.status-pill.active{background:#e6f4ec;color:#23724e}.status-pill.inactive{background:#f8e8e8;color:#a74747}.system-list{padding:12px 22px}.system-list>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0ee;font-size:12px}.system-list>div:last-child{border:0}.system-list b{color:#39725b;font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:8px}.dot.active{background:#42a878;box-shadow:0 0 0 4px #42a87818}.table-panel{overflow:hidden}.table-toolbar{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between}.search-box{width:330px;border:1px solid var(--border);border-radius:10px;padding:9px 12px;background:#fafbfa}.search-box input{border:0;outline:0;background:transparent;width:90%;margin-right:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right}th{background:#f8faf8;color:#718078;font-size:11px;font-weight:600;padding:13px 19px}td{padding:14px 19px;border-top:1px solid #edf0ee;font-size:12px}tbody tr:hover{background:#fbfcfb}.identity-cell{display:flex;align-items:center;gap:10px}.identity-cell>span,.setting-letter{width:36px;height:36px;border-radius:10px;background:#e8f2ed;color:var(--green);display:grid;place-items:center;font-weight:700}.identity-cell b,.identity-cell small{display:block}.identity-cell small,.block{color:var(--muted);font-size:9px}.normal{font-weight:500}.tag,.code{font-size:10px;background:#f1f4f2;padding:5px 8px;border-radius:6px}.code{font-family:monospace}.row-action{border:0;background:transparent;color:#728079;font-weight:800}.loading-state,.empty-state{text-align:center;padding:60px;color:var(--muted)}.empty-state>span{font-size:34px;color:#b8c8c0}.empty-state h3{color:#455850;margin:10px 0 4px}.empty-state p{font-size:12px}.spinner{display:inline-block;width:17px;height:17px;border:2px solid #cbd7d1;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-left:7px}@keyframes spin{to{transform:rotate(360deg)}}.cards-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:18px}.group-card{border:1px solid var(--border);border-radius:13px;padding:17px;display:flex;align-items:flex-start;gap:13px}.group-icon{width:42px;height:42px;border-radius:11px;background:var(--mint);color:var(--green);display:grid;place-items:center}.group-info{flex:1}.group-info>div{display:flex;justify-content:space-between}.group-info h3{margin:2px 0;font-size:14px}.group-info p{font-size:11px;color:var(--muted);margin:8px 0}.group-info small{font-size:10px;color:#87948f}.modal-layer{position:fixed;inset:0;background:#112a2288;display:grid;place-items:center;z-index:100;padding:20px}.modal-card{background:#fff;width:min(500px,100%);border-radius:18px;max-height:90vh;overflow:auto;box-shadow:0 24px 70px #10261f44}.modal-card.wide{width:min(720px,100%)}.modal-card>header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.modal-card header span{font-size:9px;color:var(--gold)}.modal-card header h3{margin:3px 0}.modal-card header button{border:0;background:#f1f4f2;border-radius:8px;width:31px;height:31px}.modal-body{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:12px;font-weight:600}.form-grid label small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid #dce4df;border-radius:9px;padding:10px 12px;margin-top:6px;outline:0;background:#fff}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#6c9a86;box-shadow:0 0 0 3px #39765a12}.form-grid .full{grid-column:1/-1}.form-grid .check{display:flex;align-items:center;gap:8px}.form-grid .check input{width:auto;margin:0}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--border);padding-top:16px}.alert{padding:10px 13px;border-radius:8px;font-size:12px}.alert.error{background:#faeaea;color:#9d4141}.permission-box{border:1px solid var(--border);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px;max-height:220px;overflow:auto}.permission-box legend{padding:0 7px}.permission-check{display:flex!important;gap:8px;align-items:center;background:#f8faf8;padding:9px;border-radius:7px}.permission-check input{width:auto;margin:0}.permission-check b,.permission-check small{display:block}.permission-check small{font-family:monospace}.settings-layout{display:grid;grid-template-columns:260px 1fr;gap:18px}.settings-tabs{background:#fff;border:1px solid var(--border);padding:10px;border-radius:15px;height:max-content}.settings-tabs button{border:0;background:transparent;width:100%;padding:11px;border-radius:9px;text-align:right;display:flex;align-items:center;gap:10px;color:#66766f;font-size:12px}.settings-tabs button b{margin-right:auto}.settings-tabs button.active{background:var(--mint);color:var(--green);font-weight:700}.settings-content>header{padding:19px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.settings-content>header>div{display:flex;gap:11px;align-items:center}.settings-content h3,.settings-content p{margin:0}.settings-content p{font-size:10px;color:var(--muted);margin-top:3px}.settings-icon{width:39px;height:39px;border-radius:10px;background:var(--mint);display:grid;place-items:center}.count-badge{font-size:10px;background:#f0f3f1;padding:6px 9px;border-radius:8px}.setting-list{padding:10px 20px}.setting-list article{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid #edf0ee}.setting-list article>div{display:flex;align-items:center;gap:10px}.setting-list b,.setting-list small{display:block}.setting-list b{font-size:12px}.setting-list small{font-size:9px;color:var(--muted)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-hero{background:linear-gradient(145deg,#123d30,#1d5945);color:#fff;position:relative;overflow:hidden;padding:44px 60px}.hero-pattern{position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,#ffffff0b 0 2px,transparent 3px);background-size:28px 28px;opacity:.5}.hero-content{position:relative;height:100%;display:flex;flex-direction:column}.hero-brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800}.hero-brand .brand-mark{width:52px}.hero-copy{margin:auto 0}.eyebrow{color:#d6b66f;font-size:12px;letter-spacing:1px}.hero-copy h1{font-size:50px;line-height:1.35;margin:18px 0}.hero-copy h1 em{font-style:normal;color:#d9bb74}.hero-copy p{max-width:500px;color:#bfd3cb;line-height:2;font-size:15px}.verse-card{display:flex;align-items:center;gap:12px;color:#d8bd7b;font-size:17px}.verse-card p{color:#fff}.login-panel{display:grid;place-items:center;padding:40px}.login-form{width:min(390px,100%)}.mobile-brand{display:none}.welcome-kicker{font-size:12px;color:var(--gold);font-weight:700}.login-form h2{font-size:31px;margin:10px 0}.login-form>.muted{color:var(--muted);font-size:13px;margin-bottom:34px}.login-form>label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}.input-wrap{margin-top:7px;border:1px solid #dce4df;border-radius:11px;padding:0 13px;display:flex;align-items:center}.input-wrap span{color:#8c9a94}.input-wrap input{border:0;outline:0;padding:13px 10px;width:100%;background:transparent}.login-submit{width:100%;padding:13px;margin-top:4px;display:flex;justify-content:center;gap:15px}.login-help{text-align:center;color:var(--muted);font-size:11px;margin-top:25px}.login-help a{color:var(--green);font-weight:700}@media(max-width:1100px){.stats-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-hero{padding:35px}.hero-copy h1{font-size:40px}}@media(max-width:780px){.sidebar{transform:translate(100%);transition:.25s}.sidebar.open{transform:none}.main-area{margin:0;width:100%}.menu-button{display:block;border:0;background:transparent;font-size:20px}.topbar{padding:0 17px}.profile div{display:none}.page-content{padding:18px 14px}.stats-grid{grid-template-columns:1fr}.welcome-banner{padding:24px}.banner-art{display:none}.cards-list,.settings-layout{grid-template-columns:1fr}.settings-tabs{display:flex;overflow:auto}.settings-tabs button{min-width:170px}.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-panel{padding:25px}.mobile-brand{display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:35px}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1!important}.permission-box{grid-template-columns:1fr}.mobile-only{display:block}.backdrop{position:fixed;inset:0;background:#0005;z-index:25}}.leave-policy-list{padding:16px}.leave-policy-card{border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;grid-template-columns:1.2fr 1.4fr auto;gap:18px;align-items:center;margin-bottom:12px}.leave-main{display:flex;align-items:center;gap:10px}.leave-main b,.leave-main small{display:block}.leave-main small{font-size:10px;color:var(--muted);margin-top:4px}.leave-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.leave-metrics span{background:#f7f9f7;border-radius:9px;padding:9px;text-align:center}.leave-metrics small,.leave-metrics b{display:block}.leave-metrics small{font-size:9px;color:var(--muted)}.leave-metrics b{font-size:12px;margin-top:3px}.calculation-note{background:#edf6f1;border:1px solid #d1e8dc;color:#386752;border-radius:10px;padding:12px;font-size:12px}.policy-sections{display:grid;gap:24px}.policy-sections section{border:1px solid var(--border);border-radius:12px;padding:17px}.policy-sections h4{margin:0 0 12px}.policy-existing{display:grid;gap:7px;margin-bottom:15px}.policy-existing>div{background:#f7f9f7;border-radius:8px;padding:10px}.policy-existing b,.policy-existing small{display:block}.policy-existing b{font-size:11px}.policy-existing small,.policy-existing p,.policy-help{font-size:10px;color:var(--muted)}.form-grid.compact{padding-top:13px;border-top:1px solid var(--border)}.tier-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tier-list span{background:#edf4f0;border-radius:8px;padding:8px 10px;font-size:11px}.tier-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:9px;align-items:end}.tier-form label{font-size:10px}.tier-form input{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px;margin-top:4px}@media(max-width:900px){.leave-policy-card{grid-template-columns:1fr}.tier-form{grid-template-columns:1fr 1fr}.leave-metrics{grid-template-columns:repeat(3,1fr)}}.followup-page{display:grid;gap:18px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-heading h2{margin:5px 0;font-size:27px}.page-heading p{margin:0;color:var(--muted)}.eyebrow{color:#15805b;font-weight:800;font-size:12px}.filter-card,.settings-panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 8px 24px #143c2d0d}.filter-card{display:grid;grid-template-columns:minmax(260px,1fr) 220px 160px;gap:15px;align-items:end}.filter-card label,.evaluation-form label,.settings-panel label{display:grid;gap:7px;font-weight:700}.filter-card select,.filter-card input,.evaluation-form input,.evaluation-form select,.evaluation-form textarea,.settings-panel input{width:100%;border:1px solid #dce4df;border-radius:9px;padding:10px 12px}.filter-summary{display:flex;align-items:center;gap:9px;padding:9px 14px;background:#f1f8f4;border-radius:12px}.filter-summary b{font-size:25px;color:#167a57}.filter-summary span{font-size:12px;color:#64736d}.followup-list{display:grid;gap:12px}.student-followup-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;background:#fff;border:1px solid #e3e9e5;border-radius:17px;padding:16px}.student-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#167a57,#39a77d);color:#fff;font-size:21px;font-weight:900}.student-title{display:flex;justify-content:space-between;gap:10px}.student-title h3{margin:0 0 3px}.student-title span{font-size:12px;color:#6f7d77}.assignment-box{display:flex;gap:10px;align-items:center;margin-top:11px;padding:10px 12px;background:#f7f9f8;border-radius:10px}.assignment-box small{color:#79847f}.assignment-box b{flex:1}.assignment-box span{font-size:12px}.attempt-strip{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.attempt-strip span{font-size:11px;background:#eef6f2;border-radius:8px;padding:5px 8px}.warning-button{background:#fff3dc;color:#98610b;border:1px solid #f1d39d;border-radius:10px;padding:10px 14px;font-weight:800}.evaluation-form{display:grid;gap:17px}.evaluation-head{display:flex;justify-content:space-between;padding:14px;background:#f2f8f5;border-radius:13px}.evaluation-head h3{margin:3px 0}.error-counter-groups{display:grid;gap:14px}.error-counter-groups section{border:1px solid #e4eae6;border-radius:13px;padding:13px}.error-counter-groups h4{margin:0 0 10px}.error-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.error-grid label{display:flex;align-items:center;justify-content:space-between;background:#f8faf9;border-radius:9px;padding:8px 10px}.error-grid input{width:65px}.error-grid small{color:#ba4853}.calculation-note{padding:12px 14px;background:#edf6ff;border-radius:10px;color:#345a73;font-size:13px}.settings-tabs{display:flex;gap:8px;overflow:auto;margin:16px 0}.settings-tabs button{white-space:nowrap;border:1px solid #d9e2dd;background:#fff;padding:10px 14px;border-radius:10px}.settings-tabs button.active{background:#177b58;color:#fff;border-color:#177b58}.settings-panel{margin-bottom:16px}.check-line{display:flex!important;align-items:center;gap:8px!important}.check-line input{width:auto}.bands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bands-grid label{padding:10px;border:1px solid #e3e8e5;border-radius:10px}.bands-grid label span{display:flex;align-items:center;gap:6px}.bands-grid label span input{min-width:0}.error-types-table{display:grid;gap:8px}.error-types-table>div{display:grid;grid-template-columns:1fr 160px 100px auto auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #edf0ee}.error-types-table em{color:#bd4652;font-style:normal}.error-types-table small{background:#f2f5f3;padding:4px 7px;border-radius:7px}.alert.success{background:#eaf8f0;color:#176c4d;border:1px solid #bfe5cf}@media(max-width:850px){.filter-card{grid-template-columns:1fr}.student-followup-card{grid-template-columns:42px 1fr}.student-followup-card>button{grid-column:1/-1}.error-grid,.bands-grid{grid-template-columns:1fr}.error-types-table>div{grid-template-columns:1fr 1fr}.page-heading{flex-direction:column}}.attempt-strip span{display:none}.attempt-strip button{font-size:11px;background:#eef6f2;border:1px solid #d9ebe2;border-radius:8px;padding:6px 9px;color:inherit;cursor:pointer}.attempt-strip button:hover{background:#dff1e8}.attempt-strip button small{margin-inline-start:5px;color:#167a57;font-weight:800}.field-help{font-size:11px;color:var(--muted);font-weight:500}.evaluation-form input[readonly]{background:#f3f6f4;color:#56625d}.attempt-details{display:grid;gap:16px}.detail-summary,.score-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-summary>div,.score-breakdown>div{display:grid;gap:5px;padding:13px;background:#f4f8f6;border-radius:11px}.detail-summary small,.score-breakdown small,.planned-detail small{color:var(--muted)}.detail-summary strong,.score-breakdown strong{font-size:20px;color:#167a57}.planned-detail{display:grid;gap:6px;padding:14px;background:#edf6ff;border-radius:11px}.planned-detail span{color:#236488;font-size:12px}.score-breakdown{grid-template-columns:repeat(3,1fr)}.attempt-details h4{margin:0 0 9px}.detail-errors{display:grid;gap:7px}.detail-errors>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px 12px;border:1px solid #e3e9e5;border-radius:10px}.detail-errors small{grid-column:1/-1;color:var(--muted)}.clean-result{padding:12px;background:#eaf8f0;color:#176c4d;border-radius:10px}.teacher-notes{padding:13px;background:#fffaf0;border-radius:11px}.teacher-notes p{margin:0;white-space:pre-wrap}.student-learning{display:grid;gap:12px}.learning-card{margin:0 18px 14px;padding:16px;border:1px solid var(--border);border-radius:14px;display:grid;gap:13px}.learning-card header,.progress-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.learning-card header small{display:block;margin-top:4px;color:var(--muted)}.progress-heading{font-size:12px}.progress-track{height:8px;background:#e9efec;border-radius:20px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#177b58,#45b88b);border-radius:inherit}.position-box{display:grid;gap:5px;padding:12px;background:#f3f8f5;border-radius:10px}.position-box small,.position-box span{color:var(--muted);font-size:11px}.next-sessions h4,.evaluation-history h4{margin:0 0 8px}.next-sessions>div{display:grid;grid-template-columns:95px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px}.next-sessions time{color:var(--muted)}.evaluation-history{display:grid;gap:7px}.evaluation-history h4{margin-bottom:1px}.evaluation-history button{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:right;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer}.evaluation-history button:hover{background:#f3f8f5}.evaluation-history button span,.evaluation-history button small{display:block}.evaluation-history button small{margin-top:4px;color:var(--muted)}.evaluation-history button strong{color:#177b58;font-size:18px}@media(max-width:650px){.detail-summary,.score-breakdown{grid-template-columns:1fr 1fr}}.module-hub{display:grid;gap:22px}.hub-grid,.settings-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hub-card,.settings-entry-card{background:#fff;border:1px solid var(--border);border-radius:19px;padding:22px;display:grid;grid-template-columns:64px 1fr auto;gap:17px;align-items:center;text-align:right;box-shadow:0 8px 25px #1d493a0b;transition:.2s}.settings-entry-card{width:100%;color:inherit}.hub-card:hover,.settings-entry-card:hover{transform:translateY(-3px);border-color:#b7d0c4;box-shadow:0 12px 30px #1d493a14}.hub-icon,.integration-logo{width:64px;height:64px;border-radius:17px;display:grid;place-items:center;font-size:27px;font-weight:900}.employees-icon,.integration-logo.general{background:#e7f4ed;color:#176a4d}.settings-icon-large{background:#f7eddb;color:#9b6b15}.hub-card h3,.settings-entry-card h3{margin:0 0 7px;font-size:18px}.hub-card p,.settings-entry-card p{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.7}.hub-card b,.settings-entry-card b{font-size:11px;color:#217052}.hub-arrow{font-size:24px;color:#9bada5}.integration-logo.zoom{background:#e9f0ff;color:#2d6bdb}.integration-logo.microsoft_teams{background:#eeecff;color:#5c55b9}.integration-logo.google_meet{background:#e9f7ef;color:#16855d}.enabled-text{color:#16855d!important}.muted-text{color:#88958f!important}.settings-form-card{background:#fff;border:1px solid var(--border);border-radius:19px;overflow:hidden}.settings-form-card>header{display:flex;align-items:center;gap:15px;padding:22px 25px;border-bottom:1px solid var(--border);background:#fbfcfb}.settings-form-card>header h3{margin:0 0 5px}.settings-form-card>header p{margin:0;color:var(--muted);font-size:12px}.settings-form-card form{padding:24px}.integration-switch{grid-column:1/-1!important;display:flex!important;align-items:center;gap:10px;padding:13px;background:#f3f8f5;border-radius:10px}.integration-switch input{width:auto!important;margin:0!important}.integration-note{background:#eef6ff;border:1px solid #d8e8f5;color:#43657b;padding:12px;border-radius:10px;font-size:12px}@media(max-width:800px){.hub-grid,.settings-card-grid{grid-template-columns:1fr}.hub-card,.settings-entry-card{grid-template-columns:50px 1fr auto}.hub-icon,.integration-logo{width:50px;height:50px;border-radius:13px}}.integration-logo{background:#fff;border:1px solid #e5e9e7;overflow:hidden}.integration-logo img{width:100%;height:100%;display:block;object-fit:contain;padding:7px}.settings-entry-card .integration-logo img{padding:5px}.integration-settings-form>header{position:relative}.connection-badge{margin-right:auto;padding:7px 11px;border-radius:20px;background:#f0f2f1;color:#6d7974;font-size:11px;font-weight:700}.connection-badge.connected{background:#e5f5ec;color:#17724f}.connection-badge.failed{background:#fae9e9;color:#a84242}.provider-steps{background:#f7f9f8;border:1px solid #e1e7e3;border-radius:12px;padding:15px}.provider-steps h4{margin:0 0 9px}.provider-steps ol{margin:0;padding-right:20px;color:#56645e;font-size:12px;line-height:2}.provider-steps code{display:block;direction:ltr;text-align:left;overflow:auto;background:#eaf1ed;color:#285944;padding:9px 11px;border-radius:8px;margin-top:9px;font-size:11px}.danger-text{color:#a64343!important}.integration-settings-form input:disabled{background:#f3f5f4;color:#7b8882}@media(max-width:700px){.integration-settings-form>header{align-items:flex-start;flex-wrap:wrap}.connection-badge{margin-right:0}}.stat-card{--stat-accent:#27775a;--stat-soft:#e9f6ef;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#fff 0%,var(--stat-soft) 100%);border:1px solid color-mix(in srgb,var(--stat-accent) 18%,#fff);box-shadow:0 12px 28px color-mix(in srgb,var(--stat-accent) 11%,transparent);transition:transform .2s ease,box-shadow .2s ease}.stat-card:after{content:"";position:absolute;z-index:-1;width:105px;height:105px;border-radius:50%;background:color-mix(in srgb,var(--stat-accent) 10%,transparent);left:-32px;top:-45px;box-shadow:0 0 0 18px color-mix(in srgb,var(--stat-accent) 4%,transparent)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px color-mix(in srgb,var(--stat-accent) 16%,transparent)}.stat-card.green{--stat-accent:#23825b;--stat-soft:#e8f7ef}.stat-card.gold{--stat-accent:#b68125;--stat-soft:#fff5df}.stat-card.blue{--stat-accent:#347da3;--stat-soft:#e9f5fb}.stat-card.plum{--stat-accent:#85548d;--stat-soft:#f6ebf7}.stat-card.coral{--stat-accent:#bb5f55;--stat-soft:#fcecea}.stat-card.teal{--stat-accent:#16828a;--stat-soft:#e5f6f6}.stat-card .stat-icon{background:#ffffffb8!important;color:var(--stat-accent)!important;border:1px solid #ffffffd6;box-shadow:0 7px 18px color-mix(in srgb,var(--stat-accent) 12%,transparent)}.stat-card small{color:color-mix(in srgb,var(--stat-accent) 67%,#5d6964)}.stat-card strong{color:var(--stat-accent);letter-spacing:-.4px}.profile-stats .stat-card{min-height:108px;padding:20px 22px;border-radius:18px}.profile-stats .stat-card>div{display:flex;flex-direction:column;justify-content:center}@media(max-width:600px){.stat-card{padding:17px}.profile-stats .stat-card{min-height:96px}}