@import url("overrides.css");
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Cairo:wght@400;500;600;700;800&display=swap');
/* Unified Arabic typography across every portal. */
:root{--app-font:'Tajawal','Cairo',Tahoma,Arial,sans-serif}body,button,input,select,textarea{font-family:var(--app-font)!important}body{font-size:16px!important;line-height:1.65}.side-nav a,.top-actions button,.year-pill{font-size:12px}.topbar h1{font-size:21px}.card h2,.section-heading h2{letter-spacing:-.15px}.admin-table td,.admin-table th{font-size:13px}
:root{--navy:#0d1224;--navy-2:#111a31;--purple:#5745ed;--purple-dark:#4432d9;--purple-soft:#eeebff;--bg:#f5f7fb;--surface:#fff;--border:#e5e8f0;--text:#121a33;--muted:#77819c;--green:#1fc981;--green-soft:#e5faf1;--orange:#ef9c24;--orange-soft:#fff4df;--red:#ee5d68;--red-soft:#ffecef;--blue:#27a7db;--blue-soft:#e9f8ff;--radius:14px;--shadow:0 8px 28px rgba(34,43,73,.055)}*{box-sizing:border-box}body{margin:0;color:var(--text);font:14px/1.55 Cairo,Arial,sans-serif;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-body{min-height:100vh}.sidebar{position:fixed;inset:0 0 0 auto;width:255px;background:var(--navy);padding:17px 10px;display:flex;flex-direction:column;color:#d2d8ec;z-index:5}.side-brand{height:57px;display:flex;gap:9px;align-items:center;padding:0 11px;border-bottom:1px solid #25304a;margin-bottom:11px}.side-emblem,.atg-mark{width:35px;height:35px;display:grid;place-items:center;background:linear-gradient(135deg,#ed3041,#2455a7);color:#fff;border-radius:50%;font-size:20px;font-weight:800;box-shadow:0 5px 14px #0004}.side-brand b{display:block;font-size:14px;color:#fff}.side-brand span{display:block;font-size:11px;color:#3ed2a0;font-weight:700}.side-nav{overflow:auto;padding-bottom:12px}.side-nav a{display:flex;align-items:center;gap:12px;border-radius:9px;color:#bbc3da;text-decoration:none;padding:10px 11px;margin:2px 0;white-space:nowrap;transition:.15s}.side-nav a i{font-style:normal;width:19px;text-align:center;font-size:16px;color:#99a4c2}.side-nav a:hover{color:#fff;background:#1b2744}.side-nav a.active{background:linear-gradient(90deg,#4c39d9,#624cf3);color:#fff;font-weight:700;box-shadow:0 7px 18px #050a2591}.side-nav a.active i{color:#fff}.side-user{display:flex;align-items:center;gap:9px;padding:12px 10px;margin-top:auto;background:#151d34;border:1px solid #26304b;border-radius:10px}.avatar{height:30px;width:30px;border-radius:50%;background:#10bf80;display:grid;place-items:center;color:#fff;font-weight:800}.side-user b{font-size:12px;color:#fff;display:block}.side-user small{font-size:10px;color:#9faac5;display:block}.logout{display:block;text-align:center;text-decoration:none;color:#ff9fab;border-radius:8px;padding:9px;margin-top:6px;background:#2b1827;border:1px solid #4b2738;font-weight:600}.app-main{margin-right:255px;padding:0 22px 35px;min-height:100vh}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#fff;margin:0 -22px 18px;padding:0 25px}.topbar-title{display:flex;align-items:center;gap:10px}.topbar h1{font-size:20px;margin:0;font-weight:800;line-height:1.25}.topbar p{margin:2px 0 0;color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button,.year-pill{border:1px solid #e3e6f0;background:#fafbff;border-radius:8px;color:#495477;padding:8px 10px;font-size:12px;white-space:nowrap}.profile-switch{background:#20b4dd!important;color:#fff!important;border-color:#20b4dd!important;font-weight:700}.bell{position:relative;font-size:16px!important}.bell b{position:absolute;top:-7px;right:-5px;background:var(--red);color:#fff;border-radius:50%;font-size:9px;width:16px;height:16px;display:grid;place-items:center}.menu{display:none;border:0;background:#eff1f8;color:var(--navy);border-radius:8px;font-size:20px}.flash{padding:12px 15px;background:var(--green-soft);border:1px solid #b6ebd3;color:#14805a;border-radius:10px;margin-bottom:14px;font-weight:600}.flash span{margin-left:7px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.card h2{font-size:15px;margin:0;font-weight:800}.card h2 span{font-weight:500;color:var(--muted);font-size:12px}.hint,.empty,.card p{color:var(--muted)}.welcome-card{border-radius:13px;padding:22px 27px;background:linear-gradient(110deg,#17274f,#283e72 62%,#4a3fe7);color:#fff;display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;box-shadow:0 9px 23px #1d27572b}.welcome-card span{color:#88efd0;font-weight:700}.welcome-card h2{font-size:20px;margin:3px 0}.welcome-card p{margin:0;color:#d9e0f6;max-width:580px}.welcome-actions{display:flex;gap:8px;flex-wrap:wrap}.welcome-actions a{color:#fff;text-decoration:none;background:#2acb91;padding:10px 13px;border-radius:8px;font-weight:700;white-space:nowrap}.welcome-actions .ghost-action{background:#ffffff1f;border:1px solid #ffffff42}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stats article{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:16px;display:flex;gap:11px;align-items:center}.stats article>div{min-width:0}.stats small,.stats em{display:block;font-size:11px;color:var(--muted);font-style:normal}.stats b{display:block;font-size:22px;line-height:1.35;font-variant-numeric:tabular-nums}.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-size:20px;flex:none}.blue{background:var(--blue-soft);color:var(--blue)}.purple{background:var(--purple-soft);color:var(--purple)}.green{background:var(--green-soft);color:#149463}.orange{background:var(--orange-soft);color:#c67706}.red{background:var(--red-soft);color:#d73d4b}.amber{background:var(--orange-soft);color:#ce7901}.pending-strip,.info-banner{display:flex;align-items:center;gap:13px;background:#0b3c57;color:#fff;border:1px solid #276481;border-radius:12px;padding:13px 18px;margin:0 0 16px}.pending-strip b,.info-banner b{font-size:14px}.pending-strip p,.info-banner p{margin:1px 0 0;color:#cce7f4;font-size:12px}.pending-strip a{margin-right:auto;color:#fff;text-decoration:none;background:#ffffff18;padding:8px 10px;border:1px solid #ffffff29;border-radius:7px;font-size:12px}.notification-dot,.banner-icon{font-size:22px;background:#ffffff18;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;flex:none}.finance-banner{background:linear-gradient(115deg,#053650,#0c597c)}.grade-banner{background:#e9f8fc;color:#274a59;border-color:#c8ebf5}.grade-banner p{color:#668193}.grade-banner .banner-icon{background:#d5f2fb}.role-badge,.pending-label{margin-right:auto;border-radius:20px;padding:5px 10px;background:#f6932d;color:#fff;font-size:11px;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(255px,1fr);gap:16px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin-bottom:13px}.section-heading p{margin:2px 0 0;font-size:11px}.text-link{color:var(--purple);text-decoration:none;font-weight:700;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:600px;text-align:right}th{color:#7b849d;background:#fafbfe;font-size:11px;font-weight:700}th,td{padding:11px 12px;border-bottom:1px solid #eef0f5}td{font-size:12px}td small{color:var(--muted)}.badge{display:inline-block;font-style:normal;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700}.badge.green{background:var(--green-soft);color:#138058}.badge.red{background:var(--red-soft);color:#d53a49}.badge.orange{background:var(--orange-soft);color:#b67214}.finance-summary{padding:19px}.summary-number{margin:18px 0 10px}.summary-number small{display:block;color:var(--muted)}.summary-number b{display:block;font-size:25px;font-variant-numeric:tabular-nums}.progress{height:8px;background:#eef1f7;border-radius:50px;overflow:hidden;margin:17px 0}.progress span{height:100%;display:block;background:linear-gradient(90deg,#12b575,#32d497);border-radius:50px}.summary-row{display:flex;justify-content:space-between;padding:7px 0;color:var(--muted);font-size:12px}.summary-row b{color:var(--text)}.danger-text{color:var(--red)!important}.primary-button,.outline-button,.muted-button{display:inline-block;border:0;text-decoration:none;border-radius:8px;padding:9px 14px;background:var(--purple);color:#fff;font-weight:700;font-size:12px}.primary-button:hover{background:var(--purple-dark)}.primary-button.full{display:block;text-align:center;margin-top:14px}.outline-button{background:#fff;color:var(--purple);border:1px solid #cfc9ff}.muted-button{background:#eef1f7;color:#47516c}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.toolbar form,.inline{display:flex;gap:8px}.toolbar input{min-width:240px}.finance-toolbar>div{display:flex;gap:7px}.form-card{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wide{grid-column:1/-1}label{display:block;color:#46516e;font-size:12px;font-weight:700}input,select,textarea{width:100%;border:1px solid #dfe4ef;border-radius:8px;padding:9px 10px;margin-top:5px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#a69afa;box-shadow:0 0 0 3px #5545ed14}textarea{min-height:85px}.finance-grid{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}.request-list{padding:0;overflow:hidden}.request-list .section-heading{padding:17px 18px 0}.request-count{background:var(--purple-soft);color:var(--purple);font-size:11px;padding:4px 8px;border-radius:20px;font-weight:700}.transfer-card{margin:0 13px 12px;background:#092033;color:#eaf5fa;border:1px solid #1c435a;border-radius:10px;padding:13px}.transfer-head{display:flex;justify-content:space-between;gap:10px}.transfer-head b{display:block;font-size:13px}.transfer-head small{color:#9fc5d6;font-size:11px}.transfer-head strong{font-size:19px;color:#48d5a4}.transfer-card p{font-size:11px;color:#c1d7e0;margin:8px 0}.transfer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.transfer-actions form{display:flex;gap:6px}.approve-button,.reject-button{border:0;border-radius:6px;padding:6px 9px;font:inherit;font-size:10px;font-weight:700}.approve-button{background:#22c987;color:#fff}.reject-button{background:#512d3a;color:#ffb5bd}.channel-card h2{margin-bottom:14px}.channel{border-radius:9px;padding:12px;margin:8px 0;display:flex;justify-content:space-between;font-size:11px}.channel b{font-size:15px}.green-channel{background:#ebfbf1;color:#137c53}.blue-channel{background:#eaf7ff;color:#1476a2}.orange-channel{background:#fff4e6;color:#b7680e}.purple-channel{background:#f1efff;color:#5941c8}.academic-table th{background:#f8fafc}.academic-table td{height:47px}.good,.percent.good{color:#159b68;font-weight:800}.grade-input{margin:0;width:115px;text-align:center;font-weight:800}.grade-card{padding:0;overflow:hidden}.grade-card .section-heading{padding:18px 18px 0}.autosave{font-size:11px;color:#17a66f;background:var(--green-soft);padding:4px 8px;border-radius:15px}.form-actions{padding:13px 18px;background:#fafbfe;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.empty-state{background:#fff;border:1px dashed #cdd3e1;border-radius:14px;text-align:center;padding:55px 20px}.empty-state span{display:grid;place-items:center;margin:auto auto 12px;background:var(--purple-soft);width:55px;height:55px;color:var(--purple);font-size:26px;border-radius:50%}.empty-state h2{margin:0;font-size:17px}.empty-state p{color:var(--muted)}.empty-inline{padding:25px;text-align:center;color:var(--muted)}.notice{padding:13px 0;border-bottom:1px solid var(--border)}.notice p{margin:6px 0}.settings-card{max-width:760px}.auth-body{background:#fff}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;direction:ltr}.auth-panel{direction:rtl;position:relative;padding:31px clamp(40px,8vw,130px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 80% 28%,#334ca0 0,#222869 33%,#121841 82%);color:#fff;overflow:hidden}.auth-panel:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff0e;border-radius:50%;left:-220px;bottom:-260px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff04}.future-chip{position:absolute;top:31px;right:clamp(40px,8vw,130px);border:1px solid #ffffff2f;background:#ffffff12;border-radius:22px;padding:8px 14px;font-size:12px;font-weight:700;color:#e2e3f6}.auth-copy{max-width:560px}.auth-copy h1{font-size:clamp(37px,4vw,59px);line-height:1.2;margin:0 0 20px;font-weight:800;text-wrap:balance}.auth-copy p{font-size:17px;line-height:1.9;color:#d4dbf1;margin:0}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px;width:min(650px,100%)}.trust-row div{background:#ffffff0d;border:1px solid #ffffff1b;border-radius:16px;padding:15px;text-align:center}.trust-row b{font-size:27px;display:block}.trust-row b.mint{color:#34d99a}.trust-row span{color:#b9c2e6;font-size:11px;display:block}.secure-note{position:absolute;bottom:35px;right:clamp(40px,8vw,130px);color:#aab6db}.auth-card{direction:rtl;padding:32px clamp(34px,5vw,65px);max-width:650px;width:100%;margin:auto}.auth-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.lang-button,.mini-brand{background:#f1efff;border:1px solid #d3ccff;color:var(--purple);padding:8px 13px;border-radius:12px;font-weight:700}.mini-brand{font-size:12px}.institution-mark{display:flex;align-items:center;justify-content:flex-start;gap:13px;margin-bottom:26px}.institution-mark .atg-mark{width:58px;height:58px;font-size:30px}.institution-mark h2{font-size:23px;margin:0;line-height:1.25}.institution-mark p{color:var(--muted);margin:2px 0;font-size:11px}.fast-label{margin:0 0 8px;font-weight:700}.role-tabs{display:flex;background:#f1f4f9;border-radius:16px;padding:4px;margin-bottom:21px}.role-tab{border:1px solid transparent;flex:1;background:transparent;color:#61708d;border-radius:13px;padding:11px 6px;font-weight:700}.role-tab.active{background:#fff;border-color:#111;color:#3830c8;box-shadow:0 2px 4px #00113b12}.auth-error{color:#c93846;background:#ffe9ed;padding:9px;border-radius:8px;margin-bottom:12px;font-size:12px}.auth-form label{font-size:13px;color:#303a54}.auth-form input{padding:12px;margin-top:6px;margin-bottom:14px}.auth-submit{width:100%;border:0;background:linear-gradient(90deg,#5c46f1,#4f42db);color:#fff;border-radius:14px;padding:14px;font-weight:800;font-size:16px}.parent-portal{margin-top:30px;padding:14px;border:1px solid #dfe4ee;border-radius:14px;background:#fbfcff;display:flex;gap:12px;align-items:center}.parent-portal>span{font-size:23px}.parent-portal b{display:block;color:var(--purple);font-size:13px}.parent-portal small{color:var(--muted);font-size:10px}.parent-portal em{font-style:normal;color:var(--purple);margin-right:auto}.auth-footer{display:block;text-align:center;margin-top:28px;color:#a1a9bb;font-size:10px}.login{width:min(420px,92%);margin:9vh auto;padding:30px;background:#fff;border-radius:18px;box-shadow:0 15px 50px #24215d1c}.login .brand{font-weight:800;color:var(--purple)}.login form{display:grid;gap:14px}.error{color:#c23545;background:#ffeaed;padding:9px;border-radius:7px}@media(max-width:1120px){.stats{grid-template-columns:repeat(2,1fr)}.auth-panel{padding:35px 55px}.auth-card{padding:30px 42px}}@media(max-width:900px){.sidebar{transform:translateX(100%);transition:.2s}.menu-open .sidebar{transform:none}.app-main{margin-right:0;padding:0 15px 25px}.topbar{margin:0 -15px 14px;padding:0 15px}.menu{display:block}.dashboard-grid,.finance-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-panel{min-height:340px;padding:55px 40px}.auth-copy h1{font-size:38px}.secure-note{right:40px}.future-chip{right:40px}.auth-card{max-width:660px;padding:28px 40px}}@media(max-width:600px){.topbar{height:auto;min-height:70px}.top-actions{gap:4px}.language,.profile-switch{display:none}.year-pill{font-size:10px}.stats{grid-template-columns:1fr}.welcome-card{display:block;padding:18px}.welcome-card h2{font-size:17px}.welcome-actions{margin-top:15px}.toolbar{align-items:flex-start;gap:8px;flex-direction:column}.toolbar input{min-width:0}.form-grid,.filter-grid{grid-template-columns:1fr!important}.form-actions{align-items:flex-start;gap:10px;flex-direction:column}.auth-panel{padding:60px 25px 45px;min-height:420px}.future-chip{right:25px;top:22px}.secure-note{right:25px;bottom:20px}.auth-copy h1{font-size:35px}.auth-copy p{font-size:14px}.trust-row{gap:8px;margin-top:27px}.trust-row div{padding:10px 4px}.trust-row b{font-size:20px}.trust-row span{font-size:9px}.auth-card{padding:25px 20px}.institution-mark h2{font-size:18px}.role-tab{font-size:10px;padding:10px 3px}.finance-toolbar>div{flex-wrap:wrap}.pending-strip{align-items:flex-start;flex-wrap:wrap}.pending-strip a{margin-right:55px}}

/* Teacher dashboard */
.portal-teacher.page-dashboard .teacher-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:108px;padding:20px;border-radius:11px;background:linear-gradient(105deg,#139fe1,#4d43e7);box-shadow:0 5px 14px #1c84c52b;color:white;margin:0 0 16px}.teacher-welcome span{display:inline-block;background:#ffffff22;border-radius:8px;padding:3px 8px;font-size:10px;font-weight:800}.teacher-welcome h2{margin:7px 0 2px;font-size:20px;color:#fff}.teacher-welcome p{margin:0;color:#e7f3ff;font-size:11px}.teacher-welcome-links{display:flex;gap:8px;flex:none}.teacher-welcome-links a{color:#0c6043;background:white;border-radius:6px;padding:10px;text-decoration:none;font-size:11px;font-weight:800}.teacher-welcome-links a:last-child{background:#ffffff25;color:white;border:1px solid #ffffff75}.teacher-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:30px}.teacher-stats article{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:14px;background:white;border:1px solid #dce4ed;border-radius:10px;box-shadow:0 2px 4px #14233b0a}.teacher-stats small,.teacher-stats b,.teacher-stats span{display:block}.teacher-stats small{font-size:10px;color:#71819a;font-weight:700}.teacher-stats b{font-size:21px;line-height:1.45;color:#11203a}.teacher-stats span{font-size:10px;color:#77869e}.teacher-stats i{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#e7f5ff;color:#139add;font-style:normal;font-size:18px}.teacher-stats article:nth-child(2) i{background:#fff8e6;color:#d9a821}.teacher-stats article:nth-child(3) i{background:#eaf4ee;color:#218758}.teacher-stats article:nth-child(4) i{background:#eaf9f2;color:#10a36b}.teacher-sections{background:#fff;border:1px solid #dce5ed;border-radius:10px;overflow:hidden;margin-bottom:16px}.teacher-sections-heading{padding:16px 20px;border-bottom:1px solid #e2e8ef}.teacher-sections-heading h2{font-size:16px;margin:0}.teacher-sections-heading small{font-size:11px}.teacher-sections-heading p{font-size:10px;color:#71819b;margin:3px 0 0}.teacher-section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}.teacher-section-grid article{min-width:0;padding:14px;background:#f8fafc;border:1px solid #dde5ef;border-radius:9px}.teacher-section-title{display:flex;justify-content:space-between;align-items:start;gap:6px}.teacher-section-title h3{margin:0;font-size:14px}.teacher-section-title small{display:block;color:#7d8aa0;font-size:10px;margin-top:3px}.teacher-section-title span{color:#087447;background:#eaf8ef;border:1px solid #c5e4d4;border-radius:20px;font-size:10px;font-weight:700;padding:3px 7px;white-space:nowrap}.teacher-section-actions{display:flex;gap:8px;margin-top:14px}.teacher-section-actions a{flex:1;text-align:center;padding:8px 4px;border:1px solid #dce4ed;border-radius:6px;background:#fff;color:#17233d;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}.teacher-section-actions .attendance-link{color:white;background:#126f3f;border-color:#126f3f}.teacher-no-groups{grid-column:1/-1;text-align:center;color:#7b8799}.teacher-permission{padding:15px 18px;background:#e5f6ff;border:1px solid #a4dfff;border-radius:10px;text-align:right}.teacher-permission b{font-size:12px}.teacher-permission p{margin:4px 0 0;font-size:11px;color:#657e99}@media(max-width:1100px){.teacher-section-grid,.teacher-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.portal-teacher.page-dashboard .teacher-welcome{flex-direction:column;align-items:stretch}.teacher-welcome-links{flex-wrap:wrap}.teacher-stats,.teacher-section-grid{grid-template-columns:1fr}}

/* Teacher student directory and academic file */
.portal-teacher.page-students .teacher-students-notice{display:flex;align-items:center;gap:6px;padding:12px 16px;margin-bottom:14px;color:#16779b;background:#eefaff;border:1px solid #cfe9f5;border-radius:8px;font-size:11px}.teacher-students-notice span{margin-right:auto;color:#2499b7;background:#e0f5fb;border-radius:12px;padding:4px 8px}.teacher-students-toolbar{display:flex;align-items:center;gap:8px;background:white;border:1px solid #dfe6ee;border-radius:10px;padding:16px;margin-bottom:16px}.teacher-students-toolbar input{flex:1;min-width:190px}.teacher-students-toolbar select{width:auto;min-width:115px}.teacher-students-toolbar input,.teacher-students-toolbar select{height:38px;margin:0;font-size:11px}.teacher-students-toolbar button,.teacher-students-toolbar a{height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe6ee;border-radius:6px;background:white;color:#17243c;text-decoration:none;font-size:11px;font-weight:700;padding:0 10px;white-space:nowrap}.teacher-students-toolbar button{background:#139dd1;color:white;border-color:#139dd1}.teacher-students-table{border:1px solid #dfe6ee;border-radius:10px;background:white;overflow:hidden}.teacher-students-table table{min-width:940px}.teacher-students-table th{background:#f8fafc;color:#657894;font-size:10px;padding:13px}.teacher-students-table td{font-size:11px;padding:12px 13px}.teacher-students-table tr:nth-child(even){background:#fcfdff}.teacher-student-no{color:#177844;background:#f0f8f2;border-radius:4px;padding:4px}.teacher-student-name{display:flex;align-items:center;gap:8px}.teacher-student-name i,.teacher-profile-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#e6e9ff;color:#4851a1;font-style:normal;font-weight:800}.teacher-student-status{color:#147546}.teacher-student-view{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e2e7ed;border-radius:5px;text-decoration:none;color:#17243a}.teacher-students-pages{display:flex;gap:6px;margin-top:15px}.teacher-students-pages a{padding:7px 11px;border:1px solid #dce4ee;border-radius:5px;background:white;text-decoration:none;color:#28354e}.teacher-students-pages a.active{background:#168b59;color:white}.teacher-profile-back{display:flex;align-items:center;justify-content:space-between;margin:6px 0 18px;font-size:11px;color:#8190a6}.teacher-profile-back a{color:#263550;text-decoration:none;font-weight:700}.teacher-profile-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px;background:white;border:1px solid #e0e6ed;border-radius:10px;margin-bottom:12px}.teacher-profile-person{display:flex;align-items:center;gap:14px}.teacher-profile-avatar{width:65px;height:65px;background:linear-gradient(130deg,#178b83,#4b49c8);color:#fff;font-size:25px}.teacher-profile-person h2{margin:0 0 5px;font-size:21px}.teacher-profile-person p{margin:0;color:#8390a6;font-size:11px}.teacher-profile-numbers{display:flex;gap:10px}.teacher-profile-numbers div{min-width:105px;padding:14px;background:#eafaf1;text-align:center;border-radius:8px}.teacher-profile-numbers small,.teacher-profile-numbers b{display:block}.teacher-profile-numbers small{font-size:10px;color:#698775}.teacher-profile-numbers b{font-size:21px;color:#13a365}.teacher-profile-tabs{display:flex;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e0e6ed;border-radius:9px;padding:12px;margin-bottom:17px}.teacher-profile-tabs a{padding:7px 12px;color:#44536b;text-decoration:none;font-size:11px;font-weight:700;border-radius:5px}.teacher-profile-tabs a:first-child{background:#117545;color:white}.teacher-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.teacher-profile-card{background:#fff;border:1px solid #dfe6ee;border-radius:9px;padding:18px;margin-bottom:16px;scroll-margin-top:12px}.teacher-profile-card h3{display:flex;justify-content:space-between;margin:0 0 15px;font-size:15px}.teacher-profile-card h3 span{font-size:11px;color:#148a5e;background:#e8faef;padding:5px}.teacher-profile-card dl{margin:0}.teacher-profile-card dl div{margin-bottom:12px}.teacher-profile-card dt{font-size:10px;color:#8b96a9}.teacher-profile-card dd{margin:2px 0;font-size:12px;font-weight:800}.teacher-profile-card table{min-width:650px}.teacher-attendance-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.teacher-attendance-stats div{text-align:center;padding:12px;background:#f4f8fb;border-radius:7px;font-size:10px}.teacher-attendance-stats b{display:block;font-size:21px;color:#138356}.teacher-attendance-chip{display:inline-block;margin:5px;padding:5px 8px;border-radius:5px;background:#e8f9f0;color:#168a5d;font-size:10px}.teacher-student-empty{padding:35px;background:white;border-radius:9px;text-align:center}@media(max-width:900px){.teacher-students-toolbar{flex-wrap:wrap}.teacher-students-toolbar input{flex-basis:100%}.teacher-profile-grid{grid-template-columns:1fr}}@media(max-width:600px){.teacher-profile-hero{align-items:flex-start;flex-direction:column}.teacher-attendance-stats{grid-template-columns:repeat(2,1fr)}}

/* Teacher adds students directly to assigned sections. */
.portal-teacher.page-students .teacher-students-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 13px}.teacher-students-heading h2{font-size:18px;margin:0}.teacher-students-heading p{color:#71819b;font-size:11px;margin:3px 0}.teacher-students-heading a{background:#11794a;color:white;text-decoration:none;padding:10px 13px;border-radius:7px;font-size:11px;font-weight:800;white-space:nowrap}.teacher-student-modal-layer{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:15px;background:#14203cb3}.teacher-student-modal{width:min(650px,100%);max-height:calc(100dvh - 30px);overflow:auto;background:white;border-radius:14px;box-shadow:0 24px 70px #07132880}.teacher-student-modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid #e2e8ef}.teacher-student-modal-head h2{font-size:16px;margin:0}.teacher-student-modal-head a{color:#213049;text-decoration:none;font-size:23px}.teacher-student-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px 22px}.teacher-student-form label{font-size:11px;font-weight:700}.teacher-student-form label span{color:#cc4554}.teacher-student-form input,.teacher-student-form select,.teacher-student-form textarea{width:100%;box-sizing:border-box;margin-top:5px}.teacher-student-form .wide{grid-column:1/-1}.teacher-student-form-actions{display:flex;gap:10px;padding:14px 22px;border-top:1px solid #e2e8ef}.teacher-student-form-actions button,.teacher-student-form-actions a{padding:9px 13px;border:0;border-radius:6px;font-size:11px;font-weight:800;text-decoration:none}.teacher-student-form-actions button{color:white;background:#137b49}.teacher-student-form-actions button:disabled{opacity:.5}.teacher-student-form-actions a{background:#f1f4f7;color:#24344f}@media(max-width:600px){.portal-teacher.page-students .teacher-students-heading{align-items:stretch;flex-direction:column}.teacher-student-form{grid-template-columns:1fr}}

/* Teacher read-only result matrix */
.portal-teacher.page-results .teacher-results-alert{display:flex;align-items:center;gap:10px;background:#e8f8fb;color:#147f9b;border:1px solid #bfebf0;border-radius:9px;padding:14px 17px;margin-bottom:17px;font-size:11px}.teacher-results-alert span{font-size:18px}.teacher-results-alert em{font-style:normal;font-size:10px;font-weight:800;color:#168aa7;background:#daf3f7;border-radius:15px;padding:4px 8px;margin-right:auto;white-space:nowrap}.teacher-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;background:white;border:1px solid #dfe6ef;border-radius:10px;margin-bottom:18px}.teacher-results-toolbar form{display:flex;align-items:center;gap:8px}.teacher-results-toolbar select,.teacher-results-toolbar input{width:auto;min-width:160px;height:37px;margin:0;font-size:11px}.teacher-results-toolbar input{min-width:220px}.teacher-results-toolbar button{border:1px solid #dce5ed;border-radius:6px;background:#fff;color:#2e3e56;padding:9px;font-size:11px;font-weight:700}.teacher-results-toolbar>a{background:#117843;color:white;text-decoration:none;border-radius:6px;padding:10px 12px;font-size:11px;font-weight:800;white-space:nowrap}.teacher-results-card{padding:22px;background:white;border:1px solid #dfe6ef;border-radius:10px}.teacher-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 16px;border-bottom:1px solid #e5eaf0;margin-bottom:13px}.teacher-results-heading h2{font-size:16px;margin:0}.teacher-results-heading p{font-size:10px;color:#7a879a;margin:0}.teacher-results-table{width:100%;min-width:950px;border-collapse:collapse;text-align:center;white-space:nowrap}.teacher-results-table th{padding:12px 9px;background:#f8fafc;color:#657994;font-size:10px;border-bottom:2px solid #cedae6}.teacher-results-table td{padding:12px 9px;font-size:11px;border-bottom:1px solid #e3e8ed}.teacher-results-table tr:nth-child(even){background:#f8fafc}.teacher-results-table td small{display:block;direction:ltr;color:#8899ad;font-size:9px}.teacher-result-number{color:#147c4d}.teacher-result-percent{color:#168653;font-size:10px}.teacher-result-percent.low{color:#b9760e}.teacher-result-average{background:#dff9e8;color:#0c8148;border-radius:5px;padding:5px 8px;font-weight:800}.teacher-result-average.low{background:#ffedee;color:#c14956}@media(max-width:700px){.teacher-results-toolbar,.teacher-results-toolbar form{align-items:stretch;flex-direction:column}.teacher-results-toolbar select,.teacher-results-toolbar input{width:100%}.teacher-results-heading{align-items:flex-start;flex-direction:column}.teacher-results-alert em{display:none}}

/* Teacher account settings */
.portal-teacher.page-account .account-settings{max-width:880px;margin:8px auto 30px;display:grid;gap:24px}.portal-teacher.page-account .account-panel{background:#fff;border:1px solid #dce4ed;border-radius:10px;padding:25px;box-shadow:0 2px 5px #14233b08}.account-panel h2{font-size:17px;color:#142038;margin:0}.account-panel p{font-size:12px;color:#71829d;line-height:1.8;margin:6px 0 0}.account-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.identity-lock{font-size:11px;color:#187349;background:#f1f0ff;border:1px solid #d8d1ff;border-radius:20px;padding:7px 11px;white-space:nowrap}.identity-preview{display:flex;align-items:center;gap:15px;margin-top:17px;padding:16px;background:#f8fafc;border:1px solid #dce5ee;border-radius:12px}.identity-preview img{width:66px;height:66px;object-fit:contain;background:white;border-radius:9px;border:1px solid #e4e8ed;padding:4px}.identity-preview h3{font-size:15px;margin:0;color:#142039}.identity-preview p{margin:3px 0 0}.brand-color{margin-right:auto;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;white-space:nowrap}.brand-color span{width:17px;height:17px;border-radius:4px}.identity-note{text-align:right!important;margin-top:12px!important}.password-panel form{max-width:440px;margin-top:16px;display:grid;gap:12px}.password-panel label{display:grid;gap:6px;color:#19263b;font-weight:700;font-size:11px}.password-panel input{height:40px;box-sizing:border-box;border:1px solid #dce5ef;border-radius:9px;padding:0 12px;font-family:inherit;font-size:12px;text-align:right}.password-panel input:focus{outline:1px solid #168657;box-shadow:0 0 0 3px #16865720}.password-panel button{justify-self:start;background:#146b3d;color:white;border:0;border-radius:6px;padding:10px 14px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:800}.system-panel p{margin-top:14px}@media(max-width:650px){.account-panel-heading,.identity-preview{flex-wrap:wrap}.brand-color{margin-right:0;width:100%}.portal-teacher.page-account .account-panel{padding:18px}}

.portal-teacher.page-account .teacher-personal-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:13px}.teacher-personal-fields small,.teacher-personal-fields b{display:block}.teacher-personal-fields small{font-size:10px;color:#8897aa}.teacher-personal-fields b{font-size:11px;margin-top:5px;overflow-wrap:anywhere}@media(max-width:600px){.portal-teacher.page-account .teacher-personal-fields{grid-template-columns:1fr}}

.student-actions{white-space:nowrap}.student-actions>a,.student-actions button{font-size:18px!important;min-width:34px!important;min-height:34px!important;display:inline-grid!important;place-items:center!important}.student-actions form{display:inline-block}.portal-registrar .registrar-hero-actions>a[href*="finance"]{display:none}
.visitor-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:15px}.visitor-filters>input{max-width:250px}.visitor-filters label{width:160px}.visitor-actions{white-space:nowrap}.visitor-actions form{display:inline}.visitor-actions button{background:#f4f6fa;border:1px solid #dce4ef;border-radius:8px;padding:6px;font-size:17px}.visitor-dialog{border:0;border-radius:17px;width:min(500px,94vw);max-height:90vh;overflow:auto;padding:25px;box-shadow:0 20px 60px #0003}.visitor-dialog::backdrop{background:#0d193c99}.visitor-dialog form{display:grid;gap:12px}.visitor-dialog form>div{display:flex;gap:9px}@media print{.sidebar,.topbar,.visitor-filters,.no-print,.visitor-dialog{display:none!important}.app-main{margin:0;padding:0}.card{box-shadow:none}}

.permissions-dialog{width:min(530px,94vw)}.permission-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:42vh;overflow:auto}.permission-options label{display:flex;align-items:center;gap:8px;padding:8px;background:#f4f7fb;border-radius:8px}.permission-options input{width:auto;margin:0}

.teacher-certificates{margin:18px 0;padding:14px;border:1px solid #d9e3ee;border-radius:10px;background:#f8fbff}.teacher-certificates h4{margin:0 0 10px}.teacher-certificates>div{display:flex;justify-content:space-between;align-items:center;padding:7px;border-bottom:1px solid #e0e8f0}.teacher-certificates>div form{display:inline}.teacher-certificates>form{display:grid;gap:8px;margin-top:12px}.teacher-certificates button{cursor:pointer}

.branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.branch-grid .inline{align-items:end}.branch-grid .inline label{flex:1}