:root{--primary: #173f35;--primary-2: #245b4e;--accent: #b98b3d;--bg: #f7f3ea;--surface: #ffffff;--surface-2: #fbfaf7;--text: #1f2933;--muted: #667085;--border: #e5ddcf;--shadow: 0 18px 45px rgba(16, 24, 40, .08)}*{box-sizing:border-box}html{direction:rtl}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.authShell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;padding:28px;background:radial-gradient(circle at top right,rgba(185,139,61,.2),transparent 34%),radial-gradient(circle at bottom left,rgba(23,63,53,.14),transparent 34%),var(--bg)}.authBrand,.authCard,.panel,.welcomeCard,.statCard{background:#ffffffe0;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px}.authBrand{padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;justify-content:center}.brandMark{width:58px;height:58px;display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:18px;font-weight:900;font-size:30px;margin-bottom:18px}.brandMark.small{width:42px;height:42px;font-size:22px;margin:0;border-radius:14px}.eyebrow{color:var(--accent);font-weight:800;margin:0 0 8px}.authBrand h1,.topbar h1{color:var(--primary);line-height:1.2;margin:0}.authBrand h1{font-size:clamp(34px,5vw,60px);max-width:850px}.lead{color:#344054;font-size:20px;line-height:1.9;max-width:760px}.rolePreview{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.rolePreview button,.primaryBtn,.inviteRow button,.switcher button{border:0;border-radius:14px;padding:12px 18px;font-weight:800}.rolePreview button,.primaryBtn,.inviteRow button{background:var(--primary);color:#fff}.authCard{align-self:center;padding:clamp(22px,4vw,38px)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--surface-2);border:1px solid var(--border);padding:6px;border-radius:18px;margin-bottom:26px}.tabs button{border:0;background:transparent;border-radius:14px;padding:12px;color:var(--muted);font-weight:800}.tabs button.active{background:#fff;color:var(--primary);box-shadow:0 6px 18px #10182812}.authCard h2{margin:0 0 8px;color:var(--primary)}.muted{color:var(--muted)}.form{display:grid;gap:16px;margin-top:22px}label{display:grid;gap:8px;color:#344054;font-weight:700}input,select{width:100%;border:1px solid var(--border);background:#fff;border-radius:14px;padding:13px 14px;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--primary-2);box-shadow:0 0 0 4px #245b4e1f}.primaryBtn{margin-top:8px;width:100%}.dashboard{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:var(--primary);color:#fff;padding:24px;position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column}.sideBrand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.sideBrand strong,.sideBrand span{display:block}.sideBrand span{color:#cddbd7;font-size:13px}.sidebar nav{display:grid;gap:8px}.sidebar nav a,.logout{color:#fff;border-radius:14px;padding:12px 14px;text-decoration:none;border:1px solid transparent;background:transparent;text-align:right}.sidebar nav a.active,.sidebar nav a:hover,.logout:hover{background:#ffffff1c;border-color:#ffffff24}.logout{margin-top:auto}.content{padding:28px;overflow:hidden}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.switcher{display:flex;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--border);padding:6px;border-radius:18px}.switcher button{background:transparent;color:var(--muted)}.switcher button.active{background:var(--primary);color:#fff}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.statCard{padding:20px}.statCard span{color:var(--muted);font-weight:700}.statCard strong{display:block;color:var(--primary);font-size:34px;margin:8px 0}.statCard p{margin:0;color:var(--muted)}.panel,.welcomeCard{padding:24px;margin-bottom:18px}.panelHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.panel h2,.welcomeCard h2{color:var(--primary);margin:0 0 6px}.panel p,.welcomeCard p{margin:0;color:var(--muted)}.inviteRow{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:16px}.list{display:grid;gap:10px}.listItem{display:flex;justify-content:space-between;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:14px}.listItem strong,.pill{color:var(--primary);background:#173f3514;border-radius:999px;padding:4px 10px;font-size:13px}.tableWrap{width:100%;overflow-x:auto}table{width:100%;min-width:680px;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid var(--border);text-align:right}th{color:var(--primary);background:var(--surface-2)}.lessonGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lessonCard{border:1px solid var(--border);background:var(--surface-2);border-radius:18px;padding:18px}.lessonCard h3{margin:0 0 8px;color:var(--primary)}.lessonCard p{margin:0 0 10px}.lessonCard span{color:var(--accent);font-weight:800}@media (max-width: 1100px){.statsGrid{grid-template-columns:repeat(2,1fr)}.lessonGrid{grid-template-columns:1fr}}@media (max-width: 860px){.authShell{grid-template-columns:1fr;padding:16px}.dashboard{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.logout{margin-top:18px}.topbar{align-items:stretch;flex-direction:column}.switcher{width:100%}.switcher button{flex:1}.content{padding:16px}}@media (max-width: 560px){.statsGrid,.inviteRow{grid-template-columns:1fr}.listItem{flex-direction:column}.sidebar nav{grid-template-columns:1fr}.rolePreview{flex-direction:column}.rolePreview button{width:100%}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}button,input,select,.authShell,.dashboard,.content,.panel,.welcomeCard,.statCard,.authCard,.authBrand{max-width:100%}.content{min-width:0}.panel,.welcomeCard,.statCard,.authCard,.authBrand{overflow-wrap:anywhere}.tableWrap{-webkit-overflow-scrolling:touch}@media (max-width: 1200px){.dashboard{grid-template-columns:240px 1fr}.sidebar{padding:20px}.content{padding:22px}}@media (max-width: 900px){.authShell{min-height:auto;grid-template-columns:1fr;padding:18px}.authBrand,.authCard{border-radius:22px}.authBrand h1{font-size:clamp(28px,8vw,42px)}.lead{font-size:17px;line-height:1.8}.dashboard{display:block}.sidebar{position:static;min-height:auto;border-left:0;border-bottom:1px solid var(--border)}.sideBrand{margin-bottom:18px}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.logout{margin-top:16px}.content{padding:18px}.topbar{align-items:stretch}.switcher{width:100%}.switcher button{flex:1}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.inviteRow{grid-template-columns:1fr}}@media (max-width: 640px){.authShell{padding:12px;gap:14px}.authBrand,.authCard,.panel,.welcomeCard,.statCard{border-radius:18px}.authBrand,.authCard,.panel,.welcomeCard{padding:18px}.brandMark{width:48px;height:48px;font-size:24px;border-radius:15px}.authBrand h1,.topbar h1{font-size:28px;line-height:1.35}.lead{font-size:16px}.rolePreview,.switcher,.panelHeader,.listItem{flex-direction:column}.rolePreview button,.switcher button,.inviteRow button,.primaryBtn{width:100%}.tabs{grid-template-columns:1fr}.sidebar nav{grid-template-columns:1fr}.content{padding:12px}.topbar{gap:12px;margin-bottom:16px}.statsGrid,.cardsGrid{grid-template-columns:1fr}.statCard{padding:16px}.statCard strong,.statCard .value{font-size:28px}table{min-width:620px}th,td{padding:12px;font-size:14px}}@media (max-width: 380px){.authBrand h1,.topbar h1{font-size:24px}.authBrand,.authCard,.panel,.welcomeCard{padding:14px}.content{padding:10px}}.divider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;color:var(--muted);font-weight:800;margin:4px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--border)}.googleBtn{width:100%;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:14px;padding:13px 14px;font-weight:900}.googleBtn:hover{border-color:var(--primary-2);box-shadow:0 0 0 4px #245b4e1a}.authNotice{margin-top:22px;padding:14px 16px;border:1px solid var(--border);border-radius:18px;color:var(--primary);background:#ffffffb8;font-weight:800}.alert{margin:14px 0;padding:12px 14px;border-radius:14px;font-weight:800;line-height:1.7}.alert.error{color:#8a1f11;background:#fff1ed;border:1px solid #ffd6cc}.alert.success{color:#14532d;background:#ecfdf3;border:1px solid #bbf7d0}.secondaryBtn{width:100%;border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:14px;padding:13px 14px;font-weight:900}.primaryBtn:disabled,.secondaryBtn:disabled,.googleBtn:disabled{opacity:.65;cursor:not-allowed}.roleBadge{border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:999px;padding:10px 16px;font-weight:900;box-shadow:0 6px 18px #1018280f}.adminTabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.adminTabs button{border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:999px;padding:10px 16px;font-weight:900}.adminTabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.inlineSelect{min-width:120px;padding:8px 10px;border-radius:10px}.rowActions{display:flex;gap:8px;flex-wrap:wrap}.rowActions button,.secondaryBtn.compact{border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:12px;padding:8px 10px;font-weight:900}.badge.danger{background:#fff1ed;color:#8a1f11}.impersonationBar{position:fixed;z-index:50;top:12px;left:50%;transform:translate(-50%);width:min(920px,calc(100% - 24px));display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:#111827;color:#fff;box-shadow:0 18px 45px #1018282e}.impersonationBar button{border:0;background:#fff;color:#111827;border-radius:12px;padding:8px 12px;font-weight:900}@media (max-width: 640px){.impersonationBar{flex-direction:column;align-items:stretch;text-align:center}.rowActions{flex-direction:column}.rowActions button{width:100%}}.dangerBtn{border-color:#ffd6cc!important;color:#8a1f11!important;background:#fff1ed!important}.dangerBtn:hover{border-color:#ef4444!important}.financeHero .statCard strong{font-size:26px}.financeReportsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.financeReportCard{background:var(--surface-2);border:1px solid var(--border);border-radius:18px;padding:18px}.financeReportCard h3{margin:0 0 12px;color:var(--primary)}@media (max-width: 760px){.financeReportsGrid{grid-template-columns:1fr}}