@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@500;700;800;900&display=swap";:root{color:#172239;font-synthesis:none;--navy:#132f58;--blue:#216bd1;--blue2:#2c7ef0;--line:#e2e9f2;--muted:#76859a;--red:#d94f50;background:#f5f8fc;font-family:Tajawal,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}button,a{transition:all .22s}.icon{fill:currentColor;display:block}.public-page{background:#fff;min-height:100vh}.public-nav{z-index:10;align-items:center;gap:48px;max-width:1240px;height:96px;margin:auto;padding:0 24px;display:flex;position:relative}.brand{align-items:center;gap:12px;min-width:max-content;display:flex}.brand img{object-fit:contain;width:66px;height:66px}.brand div{flex-direction:column;display:flex}.brand strong{color:#1b2c49;font-size:20px;font-weight:900}.brand span{color:#7d8898;margin-top:1px;font-size:13px}.brand.compact img{width:55px;height:55px}.brand.compact strong{font-size:17px}.public-nav nav{gap:30px;margin-right:auto;display:flex}.public-nav nav a{color:#43536a;font-size:15px;font-weight:700;text-decoration:none}.public-nav nav a:hover{color:var(--blue)}.login-nav,.primary,.contact-strip button{background:linear-gradient(135deg,var(--blue2),#1556af);color:#fff;cursor:pointer;border:0;border-radius:13px;align-items:center;gap:9px;padding:13px 21px;font-weight:800;display:flex;box-shadow:0 10px 24px #1c67c52c}.login-nav:hover,.primary:hover,.contact-strip button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #1c67c542}.hero{background:radial-gradient(circle at 78% 40%,#e7f1ff 0,#0000 34%),linear-gradient(135deg,#f8fbff 0%,#eef5fe 100%);grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;min-height:650px;padding:75px max(24px,50vw - 620px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(#1a63b708 1px,#0000 1px),linear-gradient(90deg,#1a63b708 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000 78%);mask-image:linear-gradient(270deg,#000,#0000 78%)}.hero-copy{z-index:2;position:relative}.eyebrow,.section-kicker{color:#1e6dce;background:#e3efff;border:1px solid #c8ddfb;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:800;display:inline-block}.hero h1{color:#142b4e;letter-spacing:-1px;margin:25px 0 18px;font-size:64px;font-weight:900;line-height:1.18}.hero h1 em{color:#d94d45;font-style:normal}.hero-copy>p{color:#607086;max-width:640px;margin:0;font-size:19px;line-height:1.95}.hero-actions{gap:13px;margin-top:31px;display:flex}.hero-actions .primary{padding:16px 25px;font-size:16px}.secondary{color:#30445f;background:#ffffffb8;border:1px solid #cfd9e7;border-radius:13px;padding:15px 23px;font-weight:800;text-decoration:none}.secondary:hover{background:#fff;border-color:#9cb7d8}.trust{border-top:1px solid #dce5f1;gap:30px;margin-top:42px;padding-top:25px;display:flex}.trust span{color:#8692a3;flex-direction:column;font-size:12px;display:flex}.trust b{color:#263b59;margin-bottom:3px;font-size:15px}.hero-visual{place-items:center;height:520px;display:grid;position:relative}.logo-stage{z-index:2;background:linear-gradient(145deg,#fff,#edf4fc);border-radius:50%;place-items:center;width:370px;height:370px;display:grid;position:relative;box-shadow:0 35px 80px #194f8f28,0 0 0 18px #fff8}.logo-stage img{object-fit:contain;width:88%;height:88%}.hero-orbit{border:1px solid #2a70c82b;border-radius:50%;position:absolute}.orbit-one{width:465px;height:465px}.orbit-two{border-style:dashed;width:540px;height:540px;animation:30s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.floating-card{z-index:4;color:#256cc8;background:#fff;border-radius:15px;align-items:center;gap:11px;padding:14px 18px;font-weight:800;display:flex;position:absolute;box-shadow:0 15px 40px #173f7026}.card-a{top:90px;right:0}.card-b{bottom:85px;left:5px}.about-section{grid-template-columns:1fr 1fr;align-items:end;gap:100px;max-width:1180px;margin:0 auto;padding:105px 24px 58px;display:grid}.about-section h2{color:#192f50;margin:17px 0 0;font-size:40px;line-height:1.45}.about-section>p{color:#69798d;margin:0;font-size:18px;line-height:2}.level-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto;padding:0 24px 100px;display:grid}.level-grid article{background:#fff;border:1px solid #e0e8f2;border-radius:20px;padding:28px;position:relative;overflow:hidden;box-shadow:0 14px 34px #122e5010}.level-grid article>span{color:#e7edf5;font-size:45px;font-weight:900;position:absolute;top:16px;left:22px}.level-grid .icon{color:#276dcb;margin-bottom:20px}.level-grid h3{margin:0 0 8px;font-size:23px}.level-grid p{color:#758397;margin:0;line-height:1.8}.contact-strip{color:#fff;background:#142f58;border-radius:22px;align-items:center;gap:45px;max-width:1180px;margin:0 auto 45px;padding:24px 28px;display:flex;box-shadow:0 20px 50px #102d5528}.contact-strip .brand strong,.contact-strip .brand span{color:#fff}.contact-strip>div:not(.brand){flex-direction:column;display:flex}.contact-strip small{color:#a9bed9}.contact-strip b{margin-top:4px;font-size:15px}.contact-strip button{color:#164f96;box-shadow:none;background:#fff;margin-right:auto}footer{text-align:center;color:#8794a4;border-top:1px solid #edf1f5;padding:25px;font-size:13px}.login-page{direction:rtl;background:#fff;grid-template-columns:1fr 1.08fr;min-height:100vh;display:grid;position:relative}.back-home{z-index:5;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:11px;padding:10px 14px;position:absolute;top:28px;left:28px}.login-brand{color:#fff;background:radial-gradient(circle at 70% 25%,#2b73be 0,#0000 34%),linear-gradient(145deg,#0b294c,#145e9f);flex-direction:column;padding:50px 58px;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-180px;left:-150px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.login-brand .brand strong,.login-brand .brand span{color:#fff}.login-brand-copy{z-index:2;margin:auto 0;position:relative}.login-brand-copy>span{background:#ffffff14;border:1px solid #ffffff1f;border-radius:99px;padding:8px 14px;font-size:13px;display:inline-block}.login-brand h1{margin:24px 0 16px;font-size:52px;line-height:1.35}.login-brand-copy p{color:#cfdeed;max-width:520px;font-size:17px;line-height:2}.login-features{z-index:2;grid-template-columns:repeat(3,1fr);gap:15px;display:grid;position:relative}.login-features div{flex-direction:column;display:flex}.login-features b{font-size:20px}.login-features span{color:#bcd0e5;margin-top:3px;font-size:12px}.login-form-wrap{place-items:center;padding:80px 40px;display:grid}.login-form-wrap form{width:min(440px,100%)}.form-mark{color:#246ed0;background:#e8f2ff;border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.login-form-wrap h2{margin:22px 0 5px;font-size:36px}.login-form-wrap form>p{color:#7c899a;margin:0 0 36px}.login-form-wrap label:not(.remember){margin:18px 0 8px;font-weight:800;display:block}.field{color:#8694a6;background:#fbfcfe;border:1px solid #dbe3ed;border-radius:12px;align-items:center;height:54px;padding:0 14px;display:flex}.field:focus-within{border-color:#2c73d1;box-shadow:0 0 0 3px #2b72d117}.field input{color:#1b2940;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 11px}.show-pass{color:#2b68b4;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.remember{color:#526176;align-items:center;gap:9px;margin-top:15px;font-size:14px;display:flex}.remember input{accent-color:#246bd0;width:17px;height:17px}.form-error{color:#c94444;background:#fff1f1;border:1px solid #f3caca;border-radius:10px;margin-top:15px;padding:10px 13px;font-size:14px}.submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2877df,#1455ad);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:55px;margin-top:18px;font-weight:900;display:flex;box-shadow:0 12px 26px #1f67c62e}.submit:disabled{opacity:.7;cursor:wait}.spinner{border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.admin-shell{direction:rtl;background:#f4f7fb;min-height:100vh}.sidebar{z-index:30;background:#f9fbfe;border-left:1px solid #e0e7f0;flex-direction:column;width:298px;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar-head{background:linear-gradient(135deg,#12345f,#1b67ad);align-items:center;height:105px;padding:14px 18px;display:flex}.sidebar-head .brand img{width:62px;height:62px}.sidebar-head .brand strong{font-size:18px}.sidebar-head .brand strong,.sidebar-head .brand span{color:#fff}.sidebar-head>button{color:#fff;background:#ffffff18;border:0;border-radius:9px;width:35px;height:35px;margin-right:auto;font-size:25px;display:none}.sidebar-caption{color:#8492a5;justify-content:space-between;padding:18px 20px 9px;font-size:11px;font-weight:800;display:flex}.sidebar-caption small{color:#b0bac7}.side-nav{scrollbar-width:thin;flex:1;padding:0 13px 16px;overflow-y:auto}.side-nav button{color:#536278;cursor:pointer;text-align:right;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;height:45px;margin:2px 0;padding:0 13px;font-size:14px;font-weight:700;display:flex}.side-nav button:hover{color:#245f9f;background:#eef4fb}.side-nav button.active{color:#1765be;background:linear-gradient(135deg,#e0edff,#edf5ff);box-shadow:inset -3px 0 #2371ce}.nav-parent i{margin-right:auto;font-size:20px;font-style:normal;transition:all .2s}.nav-parent i.up{transform:rotate(180deg)}.nav-parent.in-path{color:#235f9f}.nav-children{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.nav-children:before{content:"";overflow:hidden}.nav-children.expanded{grid-template-rows:1fr}.nav-children.expanded:before,.nav-children:not(.expanded) button{display:none}.nav-children button{height:41px;padding-right:27px;font-size:13px}.sidebar-user{background:#fff;border-top:1px solid #e4e9f0;padding:12px 14px 15px}.user-card{background:#f3f7fc;border:1px solid #e3e9f1;border-radius:12px;align-items:center;gap:9px;padding:10px;display:flex}.avatar{color:#226ac3;background:#e0edff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.user-card>div:nth-child(2){flex-direction:column;flex:1;display:flex}.user-card b{font-size:13px}.user-card span{color:#8a97a7;font-size:11px}.user-card>i{background:#23b46e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #d8f4e6}.logout{color:#d24b4b;cursor:pointer;background:snow;border:1px solid #f0caca;border-radius:10px;width:100%;height:41px;margin-top:8px;font-weight:800}.admin-main{min-height:100vh;margin-right:298px}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e4eaf1;align-items:center;gap:14px;height:92px;padding:0 30px;display:flex;position:sticky;top:0}.topbar small{color:#8491a1;font-size:12px}.topbar h1{margin:3px 0 0;font-size:21px}.menu-toggle{color:#244f82;background:#edf3fa;border:0;border-radius:11px;width:42px;height:42px;font-size:21px;display:none}.top-actions{align-items:center;gap:10px;margin-right:auto;display:flex}.top-actions button{color:#65758a;background:#fff;border:1px solid #e1e7ee;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.today{color:#2766b4;background:#eef5ff;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:800}.dashboard-content,.placeholder{max-width:1500px;margin:auto;padding:24px 28px 50px}.welcome-panel{color:#fff;background:radial-gradient(circle at 15% 40%,#327bc4 0,#0000 25%),linear-gradient(135deg,#103258,#1b68ad);border-radius:22px;align-items:center;min-height:190px;padding:33px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 35px #123e6b1d}.welcome-panel:after{content:"";border:1px solid #ffffff1b;border-radius:50%;width:370px;height:370px;position:absolute;top:-180px;left:-80px;box-shadow:0 0 0 45px #ffffff09,0 0 0 90px #ffffff06}.welcome-panel div{z-index:2;position:relative}.welcome-panel span{color:#c7daed;font-size:12px}.welcome-panel h2{margin:8px 0;font-size:29px}.welcome-panel p{color:#d1dfed;margin:0}.welcome-panel img{object-fit:contain;filter:drop-shadow(0 8px 15px #061a3038);z-index:2;width:145px;height:145px;margin-right:auto;position:relative}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:17px;display:grid}.metrics article{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;padding:18px;display:flex;box-shadow:0 8px 20px #142d4b08}.metrics article>div{flex-direction:column;display:flex}.metrics small{color:#7c899a;font-size:12px}.metrics strong{margin:5px 0;font-size:26px}.metrics span{color:#a2acb9;font-size:10px}.metrics i{background:color-mix(in srgb,var(--accent) 12%,white);width:48px;height:48px;color:var(--accent);border-radius:13px;place-items:center;margin-right:auto;font-style:normal;display:grid}.dashboard-grid{grid-template-columns:1.5fr .8fr;gap:15px;margin-top:16px;display:grid}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:20px}.panel-title{align-items:center;margin-bottom:16px;display:flex}.panel-title h3{margin:0;font-size:17px}.panel-title p{color:#8a97a7;margin:4px 0 0;font-size:11px}.status-badge{color:#168a5e;background:#e4f7ed;border-radius:99px;margin-right:auto;padding:6px 10px;font-size:11px;font-weight:800}.quick-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.quick-grid button{cursor:pointer;text-align:right;background:#fbfcfe;border:1px solid #e4eaf1;border-radius:13px;align-items:center;gap:10px;padding:13px;display:flex}.quick-grid button:hover{background:#f5f9ff;border-color:#bcd2ed;transform:translateY(-1px)}.quick-grid i{color:#286cc5;background:#e8f2ff;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.quick-grid span{flex-direction:column;display:flex}.quick-grid b{font-size:13px}.quick-grid small{color:#8996a7;margin-top:3px;font-size:10px}.quick-grid em{color:#7590b0;margin-right:auto;font-style:normal}.system-row{border-bottom:1px solid #edf1f5;align-items:center;gap:10px;padding:14px 0;display:flex}.system-row:last-child{border:0}.system-row>i{background:#20ad6d;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #e1f6ec}.system-row.muted>i{background:#d79a28;box-shadow:0 0 0 4px #fff2d8}.system-row>span{flex-direction:column;display:flex}.system-row b{font-size:13px}.system-row small{color:#8d99a8;margin-top:2px;font-size:10px}.system-row strong{color:#288a66;margin-right:auto;font-size:10px}.system-row.muted strong{color:#bd7d10}.placeholder-head{color:#fff;background:linear-gradient(135deg,#153862,#2373c2);border-radius:19px;align-items:center;padding:24px 28px;display:flex}.placeholder-head span{color:#c4d8eb;font-size:11px}.placeholder-head h2{margin:5px 0 0;font-size:25px}.page-icon{background:#ffffff16;border:1px solid #ffffff1e;border-radius:14px;place-items:center;width:54px;height:54px;margin-right:auto;display:grid}.placeholder-card{text-align:center;background:#fff;border:1px solid #e1e8f0;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:470px;margin-top:15px;padding:35px;display:flex}.construction-icon{color:#2a6dc2;background:#eaf3ff;border-radius:22px;place-items:center;width:82px;height:82px;display:grid}.placeholder-card h3{margin:20px 0 8px;font-size:22px}.placeholder-card p{color:#79879a;max-width:530px;margin:0;line-height:1.9}.placeholder-card>span{color:#16865b;background:#edf7f2;border-radius:99px;margin-top:18px;padding:8px 13px;font-size:12px;font-weight:800}.sidebar-overlay{display:none}@media (width<=1050px){.public-nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.hero-actions,.trust{justify-content:center}.hero-visual{height:440px}.logo-stage{width:310px;height:310px}.orbit-one{width:380px;height:380px}.orbit-two{width:430px;height:430px}.about-section{gap:45px}.login-page{grid-template-columns:1fr}.login-brand{display:none}.back-home{color:#285f9f;background:#fff;border-color:#d8e2ef}.login-form-wrap{min-height:100vh}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media (width<=820px){.sidebar{transition:all .25s;transform:translate(105%);box-shadow:-20px 0 50px #0e263f24}.sidebar.open{transform:translate(0)}.sidebar-head>button,.menu-toggle{display:block}.sidebar-overlay{z-index:29;opacity:0;pointer-events:none;background:#0b1e3688;transition:all .2s;display:block;position:fixed;inset:0}.sidebar-overlay.show{opacity:1;pointer-events:auto}.admin-main{margin-right:0}.topbar{padding:0 17px}.hero h1{font-size:47px}.hero{padding-bottom:35px}.hero-visual{height:390px}.about-section{grid-template-columns:1fr;padding-top:75px}.level-grid{grid-template-columns:1fr}.contact-strip{flex-wrap:wrap;gap:20px;margin:0 20px 35px}.contact-strip button{margin-left:auto;margin-right:0}.public-nav{height:82px}.public-nav .brand span{display:none}.public-nav .brand img{width:54px;height:54px}.public-nav .brand strong{font-size:16px}.dashboard-content,.placeholder{padding:16px}.welcome-panel{padding:26px}.welcome-panel img{width:100px;height:100px}.today{display:none}}@media (width<=600px){.login-nav{padding:12px;font-size:0}.login-nav .icon{width:22px}.public-nav{padding:0 15px}.hero{padding:45px 18px 25px}.hero h1{font-size:39px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions>*{justify-content:center}.trust{gap:12px}.trust span{flex:1}.hero-visual{height:330px}.logo-stage{width:245px;height:245px}.orbit-one{width:290px;height:290px}.orbit-two{width:330px;height:330px}.floating-card{padding:10px;font-size:12px}.card-a{right:4px}.card-b{left:4px}.about-section{gap:25px;padding:65px 20px 42px}.about-section h2{font-size:30px}.level-grid{padding:0 20px 70px}.contact-strip{flex-direction:column;align-items:flex-start}.contact-strip button{justify-content:center;width:100%}.login-form-wrap{padding:75px 20px 40px}.login-form-wrap h2{font-size:31px}.metrics{grid-template-columns:1fr}.dashboard-grid{display:block}.status-panel{margin-top:14px}.quick-grid{grid-template-columns:1fr}.welcome-panel img{display:none}.welcome-panel h2{font-size:24px}.top-actions button{display:none}.placeholder-head{padding:20px}.placeholder-card{min-height:390px}.back-home{top:15px;left:15px}}.admin-shell{--sidebar-width:286px;--admin-bg:#f3f6fb;--admin-navy:#0c203b;--admin-navy-2:#102b4e;--admin-blue:#2674db;background:var(--admin-bg);min-height:100vh}.admin-shell .sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--admin-navy) 0%,#0d2544 58%,#0b1d35 100%);color:#fff;border:0;box-shadow:-18px 0 55px #0b1c3015}.admin-shell .sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% -5%,#3981c934,#0000 27%),linear-gradient(115deg,#0000 0 48%,#ffffff05 49% 50%,#0000 51%);position:absolute;inset:0}.admin-shell .sidebar-head{z-index:1;background:0 0;border-bottom:1px solid #ffffff12;height:112px;padding:17px 20px;position:relative}.admin-shell .sidebar-head .brand{gap:11px}.admin-shell .sidebar-head .brand img{background:#fff;border-radius:18px;width:67px;height:67px;padding:4px;box-shadow:0 10px 25px #030d1938}.admin-shell .sidebar-head .brand strong{letter-spacing:0;font-size:18px;font-weight:900}.admin-shell .sidebar-head .brand span{color:#9fb6ce;margin-top:4px;font-size:12px}.admin-shell .sidebar-caption{z-index:1;color:#8ba4be;padding:21px 21px 10px;font-size:12px;position:relative}.admin-shell .sidebar-caption small{color:#617c99;font-size:11px}.admin-shell .side-nav{z-index:1;scrollbar-color:#47627d transparent;padding:0 12px 18px;position:relative}.admin-shell .side-nav button{color:#aec0d2;border-radius:12px;gap:12px;height:47px;padding:0 14px;font-size:14px;font-weight:700}.admin-shell .side-nav button .icon{color:#7893ae}.admin-shell .side-nav button:hover{color:#fff;background:#ffffff0b}.admin-shell .side-nav button:hover .icon{color:#9dc8f7}.admin-shell .side-nav button.active{color:#fff;background:linear-gradient(100deg,#2a78d9,#2465b6);box-shadow:0 10px 24px #0413244d,inset 0 1px #ffffff27}.admin-shell .side-nav button.active .icon{color:#fff}.admin-shell .nav-parent.in-path{color:#fff;background:#ffffff08}.admin-shell .nav-parent i{color:#718aa4}.admin-shell .nav-children{position:relative}.admin-shell .nav-children.expanded{padding:4px 0 7px}.admin-shell .nav-children.expanded:after{content:"";background:#ffffff14;width:1px;position:absolute;top:3px;bottom:9px;right:25px}.admin-shell .nav-children button{z-index:1;height:42px;padding-right:38px;font-size:13px;position:relative}.admin-shell .nav-children button.active{box-shadow:0 8px 20px #06192d45}.admin-shell .sidebar-user{z-index:1;background:#081a30;border-top:1px solid #ffffff12;padding:13px;position:relative}.admin-shell .user-card{color:#fff;background:#ffffff09;border:1px solid #ffffff10;border-radius:14px;padding:11px}.admin-shell .avatar{color:#fff;background:linear-gradient(145deg,#2c7ee5,#1d5dab);border-radius:12px}.admin-shell .user-card b{font-size:14px}.admin-shell .user-card span{color:#829bb4;margin-top:2px;font-size:12px}.admin-shell .logout{color:#f08d8d;background:#dc50500b;border-color:#dc646438;height:43px;font-size:13px}.admin-shell .logout:hover{color:#ffb0b0;background:#d9525220;border-color:#e077775f}.admin-shell .admin-main{margin-right:var(--sidebar-width);background:linear-gradient(#f8fafe 0,#f3f6fb 240px);min-height:100vh}.admin-shell .topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffde;border-bottom:1px solid #dee6f0;height:88px;padding:0 31px;box-shadow:0 8px 28px #142b4609}.admin-shell .breadcrumb small{color:#8391a3;font-size:12px;font-weight:700}.admin-shell .breadcrumb h1{color:#182b46;margin-top:4px;font-size:21px;font-weight:900}.admin-shell .top-actions{gap:11px}.admin-shell .top-actions>button{color:#60738b;border-color:#dfe6ee;border-radius:12px;width:43px;height:43px}.admin-shell .top-actions>button:hover{color:#276cc5;background:#eef5ff;border-color:#cbdcf0}.admin-shell .today{color:#2c67ae;background:#edf4fd;border:1px solid #dbe8f7;border-radius:12px;align-items:center;gap:8px;height:43px;padding:0 14px;font-size:12px;display:flex}.top-school{border-left:1px solid #e1e7ee;align-items:center;gap:8px;padding-left:13px;display:flex}.top-school img{object-fit:contain;width:39px;height:39px}.top-school span{flex-direction:column;display:flex}.top-school small{color:#8794a5;font-size:10px}.top-school b{color:#293b54;margin-top:1px;font-size:12px}.admin-shell .dashboard-content,.admin-shell .placeholder{max-width:1550px;padding:25px 28px 55px}.admin-shell .welcome-panel{isolation:isolate;background:linear-gradient(118deg,#112e52 0%,#174a7d 52%,#1c68a8 100%);border:1px solid #ffffff1e;border-radius:24px;min-height:230px;padding:35px 42px;box-shadow:0 22px 48px #153c6724}.admin-shell .welcome-panel:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000 0 63%,#ffffff08 63% 63.3%,#0000 63.3%),radial-gradient(circle at 88% 10%,#70b5ff30,#0000 28%);position:absolute;inset:0}.admin-shell .welcome-panel:after{border-color:#ffffff12;width:440px;height:440px;top:-270px;left:-85px;box-shadow:0 0 0 60px #ffffff06,0 0 0 120px #ffffff04}.admin-shell .welcome-copy{display:block}.admin-shell .welcome-label{color:#bdd5ea;background:#fff1;border:1px solid #ffffff1b;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-flex}.admin-shell .welcome-panel h2{letter-spacing:0;margin:16px 0 8px;font-size:31px}.admin-shell .welcome-panel p{color:#bed1e4;font-size:15px}.welcome-date{color:#d7e5f2;align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}.welcome-logo{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff18;border-radius:19px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;min-width:215px;margin-right:auto;display:flex;position:relative}.welcome-logo img{background:#fff;border-radius:20px;padding:5px;box-shadow:0 12px 30px #06162940;width:105px!important;height:105px!important;margin:0!important}.welcome-logo span{color:#acc5dc;margin-top:11px;font-size:11px}.welcome-logo b{direction:ltr;margin-top:2px;font-size:16px}.admin-shell .metrics{gap:14px;margin-top:18px}.admin-shell .metrics article{border:1px solid #e0e7ef;border-radius:18px;min-height:112px;padding:18px 19px;transition:all .22s;box-shadow:0 12px 30px #142d4b0b}.admin-shell .metrics article:hover{border-color:#d1dce9;transform:translateY(-3px);box-shadow:0 17px 36px #142d4b13}.admin-shell .metrics article>i{border-radius:15px;order:0;width:52px;height:52px;margin:0 0 0 14px}.admin-shell .metrics article>div{order:1}.admin-shell .metrics small{color:#6f7e91;font-size:13px;font-weight:700}.admin-shell .metrics strong{color:#1b2e49;margin:3px 0 1px;font-size:26px}.admin-shell .metrics span{color:#9aa6b4;font-size:11px}.admin-shell .dashboard-grid{grid-template-columns:1.45fr .85fr;gap:15px;margin-top:15px}.admin-shell .panel{border-color:#e0e7ef;border-radius:19px;padding:22px;box-shadow:0 12px 32px #142d4b0a}.panel-eyebrow{margin-bottom:5px;font-weight:800;display:block;color:#2b73cb!important;font-size:10px!important}.admin-shell .panel-title{margin-bottom:19px}.admin-shell .panel-title h3{color:#1d304b;font-size:18px;font-weight:900}.admin-shell .panel-title p{color:#8592a3;margin-top:5px;font-size:12px}.admin-shell .quick-grid{gap:11px}.admin-shell .quick-grid button{background:linear-gradient(145deg,#fff,#fafcff);border-color:#e2e8ef;border-radius:15px;min-height:76px;padding:14px}.admin-shell .quick-grid button:hover{background:#f5f9ff;border-color:#b7d0ed;box-shadow:0 10px 24px #1a4f860e}.admin-shell .quick-grid i{background:linear-gradient(145deg,#e6f1ff,#f1f7ff);border-radius:14px;width:47px;height:47px}.admin-shell .quick-grid b{color:#243750;font-size:14px}.admin-shell .quick-grid small{margin-top:4px;font-size:11px}.admin-shell .quick-grid em{font-size:18px}.admin-shell .status-badge{padding:7px 11px;font-size:11px}.admin-shell .system-row{padding:15px 2px}.admin-shell .system-row b{font-size:13px}.admin-shell .system-row small{margin-top:4px;font-size:11px}.admin-shell .system-row strong{font-size:11px}.admin-shell .placeholder-head{background:linear-gradient(120deg,#112e52,#1d65a4);border-radius:20px;min-height:116px;padding:25px 30px;box-shadow:0 15px 35px #123b661c}.admin-shell .placeholder-head span{font-size:12px}.admin-shell .placeholder-head h2{margin-top:6px;font-size:26px}.admin-shell .page-icon{border-radius:16px;width:60px;height:60px}.admin-shell .placeholder-card{border-color:#e0e7ef;border-radius:20px;min-height:500px;box-shadow:0 12px 34px #142d4b09}.admin-shell .placeholder-card h3{font-size:23px}.admin-shell .placeholder-card p{font-size:14px}.admin-shell .placeholder-card>span{font-size:12px}@media (width<=1180px){.admin-shell .metrics{grid-template-columns:repeat(2,1fr)}.admin-shell .dashboard-grid{grid-template-columns:1fr}.admin-shell .welcome-logo{min-width:190px}}@media (width<=820px){.admin-shell .sidebar{transform:translate(105%)}.admin-shell .sidebar.open{transform:translate(0)}.admin-shell .admin-main{margin-right:0}.admin-shell .topbar{padding:0 17px}.top-school{display:none}.admin-shell .dashboard-content,.admin-shell .placeholder{padding:17px}.admin-shell .welcome-panel{padding:27px}.welcome-logo{min-width:165px}.admin-shell .welcome-panel h2{font-size:26px}}@media (width<=600px){.admin-shell .metrics{grid-template-columns:1fr}.admin-shell .welcome-panel{min-height:245px}.welcome-logo{display:none}.admin-shell .welcome-panel p{line-height:1.8}.admin-shell .today{display:none}.admin-shell .quick-grid{grid-template-columns:1fr}.admin-shell .placeholder-card{min-height:400px}.admin-shell .topbar{height:78px}.admin-shell .breadcrumb h1{font-size:18px}}.academic-page{color:#172942;max-width:1550px;padding:25px 28px 55px}.academic-page button,.academic-page input,.academic-page select{font-family:inherit}.academic-hero{color:#fff;background:linear-gradient(120deg,#102d51,#17609d);border-radius:23px;justify-content:space-between;align-items:center;gap:25px;min-height:154px;padding:28px 31px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #153d6824}.academic-hero:after{content:"";border:1px solid #ffffff15;border-radius:50%;width:310px;height:310px;position:absolute;top:-210px;left:-70px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.academic-hero-copy{z-index:1;align-items:center;gap:17px;display:flex;position:relative}.academic-hero-icon{background:#ffffff12;border:1px solid #ffffff25;border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.academic-hero-copy span{color:#a9c8e4;font-size:12px}.academic-hero-copy h2{margin:4px 0 5px;font-size:27px}.academic-hero-copy p{color:#c3d6e8;font-size:13px}.academic-actions{z-index:1;gap:10px;display:flex;position:relative}.academic-actions button,.academic-primary,.academic-refresh{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 17px;font-size:13px;font-weight:800;display:inline-flex}.academic-primary{color:#fff;background:linear-gradient(135deg,#3184eb,#2165bd);box-shadow:0 9px 20px #0a326a28}.academic-primary:hover{filter:brightness(1.06)}.academic-primary.small{height:40px;padding:0 14px}.academic-refresh{color:#fff;background:#ffffff12;border:1px solid #ffffff28}.academic-refresh:hover{background:#ffffff1e}.academic-refresh:disabled,.academic-primary:disabled{opacity:.6;cursor:wait}.academic-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0;display:grid}.academic-stats article{background:#fff;border:1px solid #e0e7f0;border-radius:18px;align-items:center;gap:14px;padding:17px;display:flex;box-shadow:0 10px 28px #142d4b09}.academic-stats i{border-radius:15px;place-items:center;width:51px;height:51px;display:grid}.academic-stats i.blue{color:#2470ce;background:#eaf3ff}.academic-stats i.violet{color:#7258cf;background:#f0edff}.academic-stats i.green{color:#159563;background:#e9f8f2}.academic-stats div{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.academic-stats small{color:#7f8da0;grid-column:1/-1;font-size:12px;font-weight:700}.academic-stats strong{color:#1c304b;font-size:26px}.academic-stats span{color:#98a4b3;font-size:11px}.academic-workspace{background:#fff;border:1px solid #dfe7f0;border-radius:21px;padding:22px;box-shadow:0 13px 35px #142d4b0b}.academic-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.academic-toolbar h3{margin:0 0 3px;font-size:19px}.academic-toolbar p{color:#8492a4;font-size:12px}.academic-search{color:#8190a3;background:#fbfcfe;border:1px solid #dce5ef;border-radius:12px;align-items:center;gap:9px;width:min(340px,100%);height:44px;padding:0 13px;display:flex}.academic-search:focus-within{border-color:#5d94d3;box-shadow:0 0 0 3px #2d74ca12}.academic-search input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.academic-filters{border-bottom:1px solid #e8edf3;gap:8px;margin:18px 0;padding-bottom:17px;display:flex;overflow:auto}.academic-filters button{color:#64748a;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dfe6ee;border-radius:10px;height:37px;padding:0 13px;font-size:12px;font-weight:800}.academic-filters button span{background:#edf1f6;border-radius:7px;place-items:center;min-width:21px;height:21px;margin-right:7px;font-size:10px;display:inline-grid}.academic-filters button.active{color:#fff;background:#153f70;border-color:#153f70}.academic-filters button.active span{background:#ffffff18}.academic-columns{grid-template-columns:minmax(285px,.72fr) minmax(420px,1.45fr);gap:16px;display:grid}.stages-column,.divisions-column{background:#fbfcfe;border:1px solid #e2e8f0;border-radius:17px;min-height:430px;padding:15px}.column-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.column-heading>span{align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.column-heading svg{color:#2c75cb}.column-heading small{color:#8390a1;background:#eef2f6;border-radius:8px;padding:5px 8px;font-size:10px}.stage-list{flex-direction:column;gap:7px;display:flex}.stage-row{text-align:right;color:#253851;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:13px;align-items:center;width:100%;min-height:64px;padding:9px 10px;display:flex}.stage-row:hover{border-color:#cddceb}.stage-row.selected{background:#edf5ff;border-color:#8fb7e6;box-shadow:0 7px 18px #245f9e0b}.stage-number{color:#51677f;background:#edf2f8;border-radius:11px;place-items:center;width:38px;height:38px;font-size:14px;font-weight:900;display:grid}.selected .stage-number{color:#fff;background:#2b73cc}.stage-copy{flex-direction:column;flex:1;margin-right:10px;display:flex}.stage-copy b{font-size:13px}.stage-copy small{color:#8592a2;margin-top:4px;font-size:10px}.stage-arrow{color:#a1adbb;font-size:18px}.selected .stage-arrow{color:#2b73cc}.division-title{background:linear-gradient(120deg,#eef5ff,#f5f8fc);border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;padding:17px;display:flex}.division-title>div:last-child{gap:8px;display:flex}.division-title span{color:#2a70c6;font-size:10px;font-weight:800}.division-title h3{margin:3px 0;font-size:18px}.division-title p{color:#7f8da0;font-size:11px}.danger-ghost{color:#d45359;cursor:pointer;background:#fff;border:1px solid #f0c9cb;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.danger-ghost:disabled{opacity:.35;cursor:not-allowed}.division-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.division-grid article{background:#fff;border:1px solid #e0e7ef;border-radius:14px;align-items:center;gap:11px;min-height:113px;padding:14px;transition:all .2s;display:flex;position:relative}.division-grid article:hover{transform:translateY(-2px);box-shadow:0 10px 25px #173b640e}.division-grid article>i{color:#2872ca;background:#eaf3ff;border-radius:13px;place-items:center;width:45px;height:45px;display:grid}.division-grid article div{flex:1}.division-grid small{color:#8b98a8;font-size:9px}.division-grid h4{margin:4px 0;font-size:14px}.division-grid p{color:#9aa5b2;font-size:9px}.division-grid article>button{color:#d8565b;cursor:pointer;background:#fff0f1;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.division-index{color:#a6b0bd;font-size:9px;position:absolute;top:7px;left:9px}.academic-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:28px;display:flex}.academic-empty>i{color:#7892af;background:#edf3fa;border-radius:19px;place-items:center;width:67px;height:67px;display:grid}.academic-empty h4{margin:13px 0 5px;font-size:16px}.academic-empty p{color:#8794a4;max-width:310px;margin-bottom:12px;font-size:11px;line-height:1.8}.academic-loading{flex-direction:column;gap:8px;display:flex}.academic-loading span{background:linear-gradient(90deg,#edf1f5,#f8fafc,#edf1f5) 0 0/200% 100%;border-radius:13px;height:64px;animation:1.3s infinite academic-shimmer}.academic-toast{z-index:100;color:#fff;background:#173d69;border-radius:13px;align-items:center;gap:10px;width:min(390px,100vw - 30px);padding:13px 15px;font-size:13px;font-weight:700;display:flex;position:fixed;top:104px;left:27px;box-shadow:0 15px 35px #10294338}.academic-toast span{background:#28a777;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.academic-toast.error{background:#a93e45}.academic-toast.error span{background:#d65d63}.modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#091827a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.academic-modal{background:#fff;border-radius:21px;width:min(510px,100%);overflow:hidden;box-shadow:0 30px 80px #06111e61}.modal-top{border-bottom:1px solid #e8edf3;align-items:center;gap:12px;padding:20px 21px;display:flex}.modal-top>i{color:#2872cc;background:#eaf3ff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.modal-top div{flex:1}.modal-top h3{font-size:18px}.modal-top p{color:#8693a3;margin-top:3px;font-size:11px}.modal-top>button{color:#66778b;cursor:pointer;background:#f1f4f7;border:0;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.modal-body{padding:21px}.modal-body label{margin:0 0 8px;font-size:12px;font-weight:900;display:block}.modal-body label:not(:first-child){margin-top:17px}.modal-body select,.modal-body input{background:#fbfcfe;border:1px solid #dce4ed;border-radius:12px;outline:0;width:100%;height:48px;padding:0 13px;font-size:13px}.modal-body input:focus,.modal-body select:focus{border-color:#5b92d2;box-shadow:0 0 0 3px #2b72c817}.choice-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.choice-grid button{color:#65758a;cursor:pointer;background:#fff;border:1px solid #dfe6ee;border-radius:11px;height:43px;font-size:12px;font-weight:800}.choice-grid button.active{color:#fff;background:#153f70;border-color:#153f70}.selection-preview,.selected-stage-box{color:#2a70c5;background:#eef5ff;border-radius:13px;align-items:center;gap:10px;margin-top:16px;padding:13px;display:flex}.selection-preview span{color:#75879c;font-size:11px}.selection-preview b{color:#203650;font-size:13px}.selected-stage-box span{flex-direction:column;display:flex}.selected-stage-box small{color:#75879c;font-size:9px}.selected-stage-box b{color:#203650;margin-top:3px;font-size:13px}.delete-warning{text-align:center;padding:8px}.delete-warning i{color:#dc565c;background:#fff0f1;border-radius:20px;place-items:center;width:68px;height:68px;margin:0 auto 13px;display:grid}.delete-warning h4{font-size:17px}.delete-warning p{color:#7c8999;margin-top:6px;font-size:12px;line-height:1.8}.modal-actions{border-top:1px solid #e7edf3;justify-content:flex-end;gap:9px;padding:15px 21px;display:flex}.modal-actions button{cursor:pointer;border-radius:11px;height:42px;padding:0 17px;font-size:12px;font-weight:900}.modal-actions .cancel{color:#607187;background:#fff;border:1px solid #dce4ed}.modal-actions .save{color:#fff;background:#256fc8;border:1px solid #256fc8}.modal-actions .save.danger{background:#d45057;border-color:#d45057}.modal-actions button:disabled{opacity:.55;cursor:wait}@keyframes academic-shimmer{to{background-position:-200% 0}}@media (width<=1050px){.academic-columns{grid-template-columns:1fr}.stages-column{min-height:auto}.stage-list{grid-template-columns:repeat(2,1fr);display:grid}.academic-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.academic-page{padding:17px}.academic-hero{flex-direction:column;align-items:flex-start}.academic-actions{width:100%}.academic-actions button{flex:1}.academic-stats{grid-template-columns:1fr}.academic-toolbar{flex-direction:column;align-items:flex-start}.academic-search{width:100%}.division-grid{grid-template-columns:1fr}}@media (width<=560px){.academic-page{padding:12px}.academic-hero{padding:22px 19px}.academic-hero-icon{display:none}.academic-hero-copy h2{font-size:22px}.academic-actions{flex-direction:column}.stage-list{grid-template-columns:1fr}.academic-workspace{padding:14px}.academic-columns{display:block}.divisions-column{margin-top:12px}.division-title{flex-direction:column;align-items:flex-start}.division-title>div:last-child{width:100%}.division-title .academic-primary{flex:1}.choice-grid{grid-template-columns:1fr}.academic-modal{border-radius:17px}}.secure-session-loading{color:#28405e;background:#f3f6fb;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:15px;font-weight:800;display:flex}.secure-session-loading .spinner{border-color:#276fc1 #276fc13b #276fc13b}.subjects-page{color:#172942;max-width:1550px;padding:25px 28px 55px}.subjects-page button,.subjects-page input,.subjects-page select{font-family:inherit}.subjects-hero{color:#fff;background:radial-gradient(circle at 88% 10%,#70b5ff28,#0000 28%),linear-gradient(120deg,#102d51,#17609d);border-radius:23px;justify-content:space-between;align-items:center;gap:24px;min-height:154px;padding:28px 31px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #153d6824}.subjects-hero:after{content:"";border:1px solid #ffffff13;border-radius:50%;width:360px;height:360px;position:absolute;top:-240px;left:-100px;box-shadow:0 0 0 60px #ffffff07,0 0 0 120px #ffffff04}.subjects-hero-copy{z-index:1;align-items:center;gap:17px;display:flex;position:relative}.subjects-hero-copy>i{background:#ffffff12;border:1px solid #ffffff24;border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.subjects-hero-copy span{color:#a9c8e4;font-size:12px}.subjects-hero-copy h2{margin:4px 0 5px;font-size:27px}.subjects-hero-copy p{color:#c3d6e8;font-size:13px}.subjects-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0;display:grid}.subjects-stats article{background:#fff;border:1px solid #e0e7f0;border-radius:18px;align-items:center;gap:14px;min-height:94px;padding:17px;display:flex;box-shadow:0 10px 28px #142d4b09}.subjects-stats article>i{border-radius:15px;place-items:center;width:51px;height:51px;display:grid}.subjects-stats .blue{color:#2470ce;background:#eaf3ff}.subjects-stats .violet{color:#7258cf;background:#f0edff}.subjects-stats .green{color:#159563;background:#e9f8f2}.subjects-stats article>div{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.subjects-stats small{color:#7f8da0;grid-column:1/-1;font-size:12px;font-weight:700}.subjects-stats strong{color:#1c304b;font-size:26px}.subjects-stats span{color:#98a4b3;font-size:11px}.subjects-workspace{background:#fff;border:1px solid #dfe7f0;border-radius:21px;padding:22px;box-shadow:0 13px 35px #142d4b0b}.subjects-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.subjects-toolbar h3{margin:0 0 4px;font-size:19px}.subjects-toolbar p{color:#8492a4;font-size:12px}.subjects-layout{grid-template-columns:minmax(280px,.68fr) minmax(450px,1.55fr);gap:16px;display:grid}.subject-stage-list{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:7px;padding:9px;display:flex}.subject-stage-list button{text-align:right;color:#253851;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:13px;align-items:center;min-height:68px;padding:10px;display:flex}.subject-stage-list button:hover{border-color:#cbd9e8}.subject-stage-list button.active{background:linear-gradient(115deg,#edf5ff,#f7faff);border-color:#8fb7e6;box-shadow:0 8px 20px #245f9e0b}.stage-emblem{color:#51677f;background:#edf2f8;border-radius:12px;place-items:center;width:40px;height:40px;font-size:14px;font-weight:900;display:grid}.subject-stage-list .active .stage-emblem{color:#fff;background:#2b73cc}.subject-stage-list button>span:nth-child(2){flex-direction:column;flex:1;margin-right:10px;display:flex}.subject-stage-list b{font-size:13px}.subject-stage-list small{color:#8492a3;margin-top:4px;font-size:10px}.subject-stage-list em{color:#9aa8b7;font-size:18px;font-style:normal}.subject-content{background:#fbfcfe;border:1px solid #e2e8f0;border-radius:16px;min-height:440px;padding:15px}.subject-content>header{background:linear-gradient(120deg,#eef5ff,#f7f9fc);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;min-height:104px;margin-bottom:13px;padding:17px;display:flex}.subject-content header span{color:#2871c7;font-size:11px;font-weight:800}.subject-content header h3{margin:3px 0;font-size:19px}.subject-content header p{color:#7d8b9d;font-size:11px;line-height:1.7}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.subject-grid article{background:#fff;border:1px solid #e0e7ef;border-radius:14px;align-items:center;gap:11px;min-height:116px;padding:14px;transition:all .2s;display:flex;position:relative}.subject-grid article:hover{border-color:#cbd9e8;transform:translateY(-2px);box-shadow:0 10px 25px #173b640e}.subject-grid article>i{color:#2872ca;background:#eaf3ff;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.subject-grid article>div{flex:1}.subject-grid small{color:#8b98a8;font-size:10px}.subject-grid h4{margin:4px 0;font-size:15px}.subject-grid p{color:#8694a5;font-size:10px}.subject-grid article>button{color:#d8565b;cursor:pointer;background:#fff0f1;border:0;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.subject-order{color:#a6b0bd;font-size:9px;position:absolute;top:7px;left:9px}.subject-auto-note{color:#18815e;background:#eaf7f1;border:1px solid #cceadb;border-radius:12px;align-items:center;gap:9px;margin-top:12px;padding:12px;display:flex}.subject-auto-note span{font-size:12px;line-height:1.7}.subject-skeleton{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.subject-skeleton span{background:linear-gradient(90deg,#edf1f5,#f8fafc,#edf1f5) 0 0/200% 100%;border-radius:14px;height:112px;animation:1.3s infinite academic-shimmer}@media (width<=1050px){.subjects-layout{grid-template-columns:1fr}.subject-stage-list{grid-template-columns:repeat(2,1fr);display:grid}.subject-content{min-height:360px}}@media (width<=820px){.subjects-page{padding:17px}.subjects-hero{flex-direction:column;align-items:flex-start}.subjects-hero .academic-actions{width:100%}.subjects-hero .academic-actions button{flex:1}.subjects-stats{grid-template-columns:1fr}.subjects-toolbar{flex-direction:column;align-items:flex-start}.subjects-toolbar .academic-search{width:100%}}@media (width<=560px){.subjects-page{padding:12px}.subjects-hero{padding:22px 19px}.subjects-hero-copy>i{display:none}.subjects-hero-copy h2{font-size:22px}.subjects-hero .academic-actions{flex-direction:column}.subjects-workspace{padding:14px}.subject-stage-list,.subject-grid,.subject-skeleton{grid-template-columns:1fr}.subject-content>header{flex-direction:column;align-items:flex-start}.subject-content>header button{width:100%}}.teachers-page{color:#172942;max-width:1550px;padding:25px 28px 55px}.teachers-page button,.teachers-page input,.teachers-page select{font-family:inherit}.teachers-hero{color:#fff;background:radial-gradient(circle at 87% 20%,#4d9bea35,#0000 26%),linear-gradient(120deg,#102d51,#175f9c);border-radius:23px;justify-content:space-between;align-items:center;gap:20px;min-height:148px;padding:28px 31px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #153d6824}.teachers-hero:after{content:"";border:1px solid #ffffff13;border-radius:50%;width:340px;height:340px;position:absolute;top:-235px;left:-90px;box-shadow:0 0 0 58px #ffffff07,0 0 0 116px #ffffff04}.teachers-hero-copy{z-index:1;align-items:center;gap:17px;display:flex;position:relative}.teachers-hero-copy>i{background:#ffffff12;border:1px solid #ffffff24;border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.teachers-hero-copy span{color:#a9c8e4;font-size:12px}.teachers-hero>.academic-refresh{z-index:1;position:relative}.teacher-metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0;display:grid}.teacher-metrics article{background:#fff;border:1px solid #e0e7f0;border-radius:17px;align-items:center;gap:13px;min-height:92px;padding:15px;display:flex;box-shadow:0 10px 28px #142d4b09}.teacher-metrics article>i{border-radius:14px;place-items:center;width:49px;height:49px;display:grid}.teacher-metrics .blue{color:#2470ce;background:#eaf3ff}.teacher-metrics .green{color:#159563;background:#e9f8f2}.teacher-metrics .amber{color:#d58b10;background:#fff6e5}.teacher-metrics .red{color:#d9565c;background:#fff0f1}.teacher-metrics article>span{flex-direction:column;display:flex}.teacher-metrics small{color:#7e8c9f;font-size:12px;font-weight:700}.teacher-metrics strong{margin-top:2px;font-size:25px}.teachers-panel{background:#fff;border:1px solid #dfe7f0;border-radius:21px;padding:22px;box-shadow:0 13px 35px #142d4b0b}.teachers-panel>header{border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;display:flex}.teachers-panel h3{margin:0 0 4px;font-size:19px}.teachers-panel header p{color:#8492a4;font-size:12px}.teacher-tools{gap:9px;display:flex}.teacher-tools label{color:#8391a3;background:#fbfcfe;border:1px solid #dce5ef;border-radius:12px;align-items:center;gap:8px;width:310px;height:44px;padding:0 12px;display:flex}.teacher-tools label:focus-within{border-color:#5e94d3;box-shadow:0 0 0 3px #2c74ca12}.teacher-tools input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.teacher-tools select{color:#485b72;background:#fff;border:1px solid #dce5ef;border-radius:12px;outline:0;min-width:135px;height:44px;padding:0 12px;font-size:13px}.teacher-table{margin-top:10px}.teacher-table-head,.teacher-row{grid-template-columns:55px 1.5fr 1.05fr .72fr 1fr .72fr .62fr;align-items:center;gap:11px;display:grid}.teacher-table-head{color:#8794a4;min-height:43px;padding:0 11px;font-size:11px;font-weight:800}.teacher-table-head span:first-child{grid-column:1/3}.teacher-row{text-align:right;color:#253851;cursor:pointer;background:#fff;border:0;border-top:1px solid #e8edf3;width:100%;min-height:81px;padding:10px 11px}.teacher-row:hover{background:#f7faff}.teacher-avatar{color:#1e5fae;background:linear-gradient(145deg,#dcecff,#b9d7fa);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:15px;font-weight:900;display:grid;overflow:hidden}.teacher-avatar img{object-fit:cover;width:100%;height:100%}.teacher-name,.teacher-specialty,.teacher-row>span{flex-direction:column;display:flex}.teacher-row small{color:#8794a4;margin-top:4px;font-size:10px}.teacher-row em{color:#3478c7;font-size:11px;font-style:normal;font-weight:800}.teacher-status{color:#16835e;background:#eaf8f2;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:7px 9px;font-size:10px;font-weight:900;display:flex}.teacher-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.teacher-status.blocked{color:#c7800d;background:#fff6e5}.teacher-status.dismissed{color:#d24d54;background:#fff0f1}.teacher-loading{flex-direction:column;gap:8px;margin-top:12px;display:flex}.teacher-loading span{background:linear-gradient(90deg,#edf1f5,#f8fafc,#edf1f5) 0 0/200% 100%;border-radius:13px;height:78px;animation:1.3s infinite academic-shimmer}.teacher-profile-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#091827a9;justify-content:flex-start;align-items:stretch;display:flex;position:fixed;inset:0}.teacher-profile{background:#f5f7fb;width:min(940px,94vw);height:100%;animation:.25s teacher-slide;overflow:auto;box-shadow:25px 0 70px #04101e57}.teacher-profile>header{color:#fff;background:radial-gradient(circle at 85% 0,#4d9bea38,#0000 30%),linear-gradient(125deg,#102d51,#17609d);justify-content:space-between;align-items:flex-end;gap:20px;min-height:210px;padding:25px 28px;display:flex;position:relative}.teacher-profile>header>button:first-child{color:#fff;cursor:pointer;background:#ffffff10;border:1px solid #ffffff24;border-radius:11px;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:22px;left:22px}.teacher-profile-identity{align-items:center;gap:17px;display:flex}.teacher-avatar.large{color:#2468b8;background:#fff;border:4px solid #ffffff28;border-radius:24px;width:98px;height:98px;font-size:28px}.teacher-profile-identity>span{flex-direction:column;align-items:flex-start;display:flex}.teacher-profile-identity small{color:#afc9e1;font-size:11px}.teacher-profile-identity h2{margin:5px 0;font-size:27px}.teacher-profile-identity p{color:#c8d9e9;margin:0 0 10px;font-size:12px}.teacher-profile .teacher-status{font-size:10px}.teacher-pdf{color:#18579e;cursor:pointer;background:#fff;border:1px solid #ffffff28;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 15px;font-size:12px;font-weight:900;display:flex}.teacher-pdf:disabled{opacity:.65;cursor:wait}.teacher-info-group{background:#fff;border:1px solid #dfe7ef;border-radius:17px;margin-bottom:13px;padding:18px;box-shadow:0 8px 24px #142d4b08}.teacher-info-group>h4{color:#1c3f68;border-bottom:1px solid #edf1f5;margin:0 0 14px;padding-bottom:11px;font-size:15px}.teacher-info-group>div:not(.assignment-list):not(.document-list):not(.dismissal-box){grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.teacher-info-group>div>span{background:#f8fafc;border:1px solid #e6ebf1;border-radius:12px;flex-direction:column;min-height:64px;padding:10px;display:flex}.teacher-info-group span small{color:#8794a4;font-size:10px}.teacher-info-group span b{color:#293c55;margin-top:5px;font-size:12px;line-height:1.5}.assignment-list{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.assignment-list>span{grid-template-columns:39px 1fr;align-items:center;column-gap:10px;min-height:72px;display:grid!important}.assignment-list svg{color:#2872ca;background:#eaf3ff;border-radius:11px;grid-row:1/3;width:39px;height:39px;padding:9px}.assignment-list b,.assignment-list small{margin:0!important}.document-list{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.document-list a{color:#293d58;background:#fbfcfe;border:1px solid #e3e9f0;border-radius:12px;align-items:center;gap:10px;min-height:65px;padding:10px;text-decoration:none;display:flex}.document-list a>svg{color:#2872ca;background:#edf4fd;border-radius:10px;width:39px;height:39px;padding:9px}.document-list a span{flex-direction:column;flex:1;display:flex}.document-list a small{color:#8794a4;margin-top:3px;font-size:10px}.document-list em{color:#3979c3;font-style:normal}.dismissal-box{border-radius:12px;align-items:center;gap:12px;margin-top:10px;padding:12px;background:#fff3f3!important;border:1px solid #f0c8ca!important;display:flex!important}.dismissal-box b{font-size:12px}.dismissal-box span{color:#8d6466;font-size:11px}.dismissal-box a{color:#c7484f;margin-right:auto;font-size:11px;font-weight:800}.empty-copy{color:#8996a6;font-size:12px}.teacher-pdf-sheet{color:#162840;z-index:-10;direction:rtl;background:#fff;width:794px;padding:35px;font-family:Tajawal,sans-serif;line-height:1.5;position:fixed;top:0;right:-10000px}.pdf-head{color:#fff;background:linear-gradient(120deg,#102e53,#17629f);border-radius:18px;align-items:center;gap:16px;height:108px;padding:19px 22px;display:flex}.pdf-head img{object-fit:contain;background:#fff;border-radius:14px;width:72px;height:72px;padding:4px}.pdf-head div{flex:1}.pdf-head h1{margin:0;font-size:22px}.pdf-head p{color:#c7d9ea;margin:4px 0 0;font-size:12px}.pdf-head>small{border:1px solid #ffffff35;border-radius:9px;padding:7px 10px;font-size:11px}.pdf-person{background:#f8fbff;border:1px solid #dce5ef;border-radius:15px;align-items:center;gap:13px;margin:14px 0;padding:16px;display:flex}.pdf-person>img,.pdf-person>div{object-fit:cover;color:#2869b7;background:#dcecff;border-radius:15px;place-items:center;width:72px;height:72px;font-size:25px;font-weight:900;display:grid}.pdf-person span{flex:1}.pdf-person small{color:#2d71c3;font-size:10px}.pdf-person h2{margin:3px 0;font-size:20px}.pdf-person p{color:#69798d;margin:0;font-size:11px}.pdf-person>b{color:#16835e;background:#e9f8f2;border-radius:99px;padding:7px 10px;font-size:11px}.teacher-pdf-sheet section{break-inside:avoid;margin:12px 0}.teacher-pdf-sheet section h3{color:#174f8c;border-right:4px solid #2c79d1;margin:0 0 7px;padding-right:8px;font-size:14px}.pdf-info{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pdf-info>span{background:#fbfcfe;border:1px solid #e1e7ef;border-radius:9px;flex-direction:column;min-height:50px;padding:8px;display:flex}.pdf-info small{color:#7b899b;font-size:8px}.pdf-info b{margin-top:3px;font-size:10px}.pdf-chips{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.pdf-chip{background:#f5f9ff;border:1px solid #dbe5f1;border-radius:9px;flex-direction:column;padding:8px;display:flex}.pdf-chip b{font-size:10px}.pdf-chip span{color:#78889b;font-size:8px}.pdf-docs{flex-wrap:wrap;gap:5px;display:flex}.pdf-docs span{background:#f2f5f8;border:1px solid #e0e6ed;border-radius:7px;padding:6px 8px;font-size:9px}.pdf-security{background:#edf5ff;border:1px solid #c9dcf4;border-radius:11px;flex-direction:column;gap:3px;margin-top:12px;padding:12px;display:flex}.pdf-security b{color:#164f8e;font-size:11px}.pdf-security span{color:#51677f;font-size:9px}.teacher-pdf-sheet footer{color:#7c8999;border-top:1px solid #dfe5ec;justify-content:space-between;margin-top:14px;padding-top:9px;font-size:8px;display:flex}@keyframes teacher-slide{0%{opacity:.7;transform:translate(-50px)}}@media (width<=1180px){.teacher-metrics{grid-template-columns:repeat(2,1fr)}.teacher-table-head{display:none}.teacher-row{grid-template-columns:55px 1.3fr 1fr .65fr .8fr}.teacher-row>span:nth-of-type(4),.teacher-row>em{display:none}}@media (width<=820px){.teachers-page{padding:17px}.teachers-hero{flex-direction:column;align-items:flex-start}.teacher-metrics{grid-template-columns:repeat(2,1fr)}.teachers-panel>header{flex-direction:column;align-items:flex-start}.teacher-tools,.teacher-tools label{width:100%}.teacher-row{grid-template-columns:52px 1fr auto}.teacher-row>.teacher-specialty,.teacher-row>span:nth-of-type(3),.teacher-row>span:nth-of-type(4){display:none}.teacher-profile{width:100vw}.teacher-info-group>div:not(.assignment-list):not(.document-list):not(.dismissal-box){grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.teachers-page{padding:12px}.teachers-hero{padding:22px 19px}.teachers-hero-copy>i{display:none}.teachers-hero-copy h2{font-size:22px}.teachers-hero>.academic-refresh{width:100%}.teacher-metrics{grid-template-columns:1fr 1fr}.teacher-metrics article{min-height:82px;padding:11px}.teacher-metrics article>i{display:none}.teachers-panel{padding:14px}.teacher-tools{flex-direction:column}.teacher-tools select{width:100%}.teacher-profile>header{flex-direction:column;align-items:flex-start;min-height:285px;padding:65px 19px 20px}.teacher-profile-identity h2{font-size:21px}.teacher-avatar.large{border-radius:19px;width:74px;height:74px}.teacher-pdf{justify-content:center;width:100%}.teacher-profile>main{padding:12px}.teacher-info-group{padding:14px}.teacher-info-group>div:not(.assignment-list):not(.document-list):not(.dismissal-box),.assignment-list,.document-list{grid-template-columns:1fr}.dismissal-box{flex-direction:column;align-items:flex-start}.dismissal-box a{margin:0}}.teacher-hero-actions,.profile-head-actions{z-index:2;gap:9px;display:flex;position:relative}.teacher-profile.premium{width:min(1050px,96vw)}.teacher-profile.premium>header{min-height:190px}.teacher-edit-top{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff30;border-radius:12px;height:44px;padding:0 15px;font-size:12px;font-weight:900}.profile-tabs{z-index:5;background:#fff;border-bottom:1px solid #e1e7ef;gap:5px;padding:10px 20px;display:flex;position:sticky;top:0;box-shadow:0 6px 18px #172d4608}.profile-tabs button{color:#68798e;cursor:pointer;background:0 0;border:0;border-radius:11px;height:42px;padding:0 15px;font-size:12px;font-weight:800}.profile-tabs button:hover{background:#f1f5f9}.profile-tabs button.active{color:#1f65b7;background:#eaf3ff}.profile-tabs button span{background:#dce9f8;border-radius:7px;place-items:center;min-width:20px;height:20px;margin-right:5px;font-size:9px;display:inline-grid}.section-action-title{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:11px;display:flex!important}.section-action-title h4{color:#1c3f68;margin:0;font-size:15px}.section-action-title>button{color:#2168ba;cursor:pointer;background:#edf5ff;border:1px solid #bcd4ef;border-radius:9px;height:35px;padding:0 12px;font-size:11px;font-weight:900}.assignment-list>span{position:relative}.assignment-list>span>button{color:#d34f55;cursor:pointer;background:#fff0f1;border:0;border-radius:7px;padding:4px 7px;font-size:9px;position:absolute;top:8px;left:8px}.profile-actions-panel{background:#fff;border:1px solid #dfe7ef;border-radius:17px;padding:18px}.profile-actions-panel h4{margin:0 0 13px;font-size:15px}.profile-actions-panel>div{flex-wrap:wrap;gap:8px;display:flex}.profile-actions-panel button{cursor:pointer;border-radius:10px;min-height:40px;padding:0 14px;font-size:11px;font-weight:900}.action-edit{color:#2168ba;background:#edf5ff;border:1px solid #bcd5f0}.action-block{color:#a66c08;background:#fff8e9;border:1px solid #efd59d}.action-dismiss,.action-delete{color:#c64047;background:#fff0f1;border:1px solid #efc3c5}.dismissed-notice{color:#a8464b;background:#fff5f5;border-radius:10px;width:100%;padding:12px;font-size:11px}.teacher-editor-backdrop{z-index:130;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071625b3;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.teacher-editor{background:#f5f7fb;border-radius:22px;grid-template-rows:auto auto 1fr auto;width:min(1060px,98vw);height:min(820px,95vh);display:grid;overflow:hidden;box-shadow:0 35px 90px #020b155e}.teacher-editor>header{color:#fff;background:linear-gradient(120deg,#102d51,#17609d);justify-content:space-between;align-items:center;min-height:105px;padding:20px 25px;display:flex}.teacher-editor header small{color:#a9c8e4;font-size:10px}.teacher-editor header h2{margin:4px 0;font-size:23px}.teacher-editor header button{color:#fff;cursor:pointer;background:#ffffff10;border:1px solid #ffffff2c;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.teacher-editor>nav{background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px 20px;display:grid}.teacher-editor>nav button{color:#758398;cursor:pointer;background:#f5f7fa;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;height:48px;font-size:11px;font-weight:800;display:flex}.teacher-editor>nav button span{background:#e5eaf0;border-radius:8px;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.teacher-editor>nav button.active{color:#236bc0;background:#eaf3ff}.teacher-editor>nav button.active span{color:#fff;background:#2874cc}.teacher-editor>nav button.done{color:#16835e}.teacher-editor>nav button.done span{color:#16835e;background:#e3f5ed}.teacher-editor>main{padding:23px;overflow:auto}.editor-section-title{align-items:center;gap:11px;margin-bottom:20px;display:flex}.editor-section-title>i{color:#286fc3;background:#e7f1ff;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.editor-section-title h3{margin:0;font-size:18px}.editor-section-title p{color:#8492a4;margin:4px 0 0;font-size:11px}.teacher-form-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.teacher-form-grid label{flex-direction:column;display:flex}.teacher-form-grid label.wide{grid-column:1/-1}.teacher-form-grid label>span{color:#41536a;margin-bottom:7px;font-size:12px;font-weight:800}.teacher-form-grid input,.teacher-form-grid select,.teacher-form-grid textarea,.assignment-builder select{background:#fff;border:1px solid #dbe4ed;border-radius:11px;outline:0;width:100%;min-height:47px;padding:0 12px;font-size:12px}.teacher-form-grid textarea{resize:vertical;padding:12px}.teacher-form-grid input:focus,.teacher-form-grid select:focus,.teacher-form-grid textarea:focus{border-color:#5c93d2;box-shadow:0 0 0 3px #2c74ca12}.assignment-builder{background:#fff;border:1px solid #dce5ef;border-radius:14px;margin-top:20px;padding:16px}.assignment-builder h4{margin:0 0 11px;font-size:13px}.assignment-builder>div{grid-template-columns:1fr 1fr 1fr auto;gap:8px;display:grid}.assignment-builder>div>button{color:#fff;background:#246dc2;border:0;border-radius:10px;padding:0 14px;font-size:11px;font-weight:900}.assignment-builder>span{color:#2b5d96;background:#eef5ff;border-radius:9px;justify-content:space-between;align-items:center;margin-top:8px;padding:9px 11px;font-size:11px;display:flex}.assignment-builder>span button{color:#d34d54;cursor:pointer;background:0 0;border:0;font-size:17px}.teacher-editor>footer{background:#fff;border-top:1px solid #e1e7ef;justify-content:space-between;align-items:center;min-height:72px;padding:13px 22px;display:flex}.teacher-editor footer>div{gap:8px;display:flex}.teacher-editor footer button{color:#52657d;cursor:pointer;background:#fff;border:1px solid #d9e2ec;border-radius:10px;height:42px;padding:0 18px;font-size:12px;font-weight:900}.teacher-editor .editor-next,.teacher-editor .editor-save{color:#fff;background:#246dc2;border-color:#246dc2}.teacher-files-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.teacher-files-grid label{cursor:pointer;color:#2b70bf;background:#fff;border:1px dashed #bfcddd;border-radius:12px;align-items:center;gap:10px;min-height:72px;padding:12px;display:flex}.teacher-files-grid label.selected{color:#16825f;background:#edf9f4;border-style:solid;border-color:#9dd8bd}.teacher-files-grid label>span{flex-direction:column;flex:1;display:flex}.teacher-files-grid b{color:#30435b;font-size:12px}.teacher-files-grid small{color:#8492a4;margin-top:4px;font-size:10px}.teacher-files-grid input,.extra-file-head input{display:none}.extra-file-head{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.extra-file-head h4{font-size:14px}.extra-file-head label{color:#2168b8;cursor:pointer;background:#edf5ff;border:1px solid #bcd4ee;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:900}.extra-file-row{background:#fff;border:1px solid #e1e7ef;border-radius:9px;justify-content:space-between;align-items:center;margin-top:7px;padding:10px;font-size:11px;display:flex}.extra-file-row button{color:#d34e54;background:#fff0f1;border:0;border-radius:7px;padding:5px 8px}.dismiss-warning{color:#ad4147;background:#fff0f1;border-radius:10px;padding:11px;font-size:11px;font-weight:800}.dismiss-file{margin-top:16px!important}.dismiss-file input{height:auto;padding:10px}.dismiss-file span{color:#62758c;margin-top:6px;font-size:10px;display:block}@media (width<=820px){.teacher-hero-actions{width:100%}.teacher-hero-actions button{flex:1}.teacher-editor-backdrop{padding:0}.teacher-editor{border-radius:0;width:100vw;height:100vh}.teacher-editor>nav{display:flex;overflow:auto}.teacher-editor>nav button{min-width:125px}.teacher-form-grid{grid-template-columns:repeat(2,1fr)}.teacher-files-grid{grid-template-columns:1fr}.profile-tabs{overflow:auto}.profile-tabs button{white-space:nowrap}.profile-head-actions{width:100%}.profile-head-actions button{flex:1}}@media (width<=560px){.teacher-hero-actions{flex-direction:column}.teacher-form-grid,.assignment-builder>div{grid-template-columns:1fr}.teacher-editor>main{padding:16px}.teacher-editor>footer{padding:10px}.teacher-editor footer button{padding:0 12px}.profile-tabs{padding:8px}.teacher-profile.premium>header{min-height:300px}.profile-head-actions{flex-direction:column}}.teachers-page{--teacher-ink:#152a43;--teacher-muted:#718198;--teacher-line:#e3eaf2;--teacher-blue:#1768c4;--teacher-soft:#f1f6fc;padding:22px 26px 55px}.teachers-hero{min-height:112px;color:var(--teacher-ink);background:#fff;border:1px solid #dce6f1;border-radius:18px;padding:20px 24px;box-shadow:0 10px 34px #12304e0a}.teachers-hero:before{content:"";background:linear-gradient(#1d79dd,#123e70);width:6px;position:absolute;top:0;bottom:0;right:0}.teachers-hero:after{border-color:#1b6fc20d;width:220px;height:220px;top:-175px;left:25%;box-shadow:0 0 0 45px #1768c405,0 0 0 90px #1768c403}.teachers-hero-copy>i{color:#1768c4;background:linear-gradient(145deg,#eaf3ff,#f5f9ff);border:0;border-radius:16px;width:58px;height:58px;box-shadow:inset 0 0 0 1px #d9e7f6}.teachers-hero-copy span{color:#2a70bd;font-size:12px;font-weight:800}.teachers-hero-copy h2{margin:3px 0;font-size:24px}.teachers-hero-copy p{color:#74849a;font-size:13px}.teachers-hero .academic-refresh{color:#526982;background:#fff;border:1px solid #d8e2ed}.teachers-hero .academic-primary{background:#1768c4;box-shadow:0 8px 18px #1768c425}.teacher-metrics{gap:10px;margin:12px 0}.teacher-metrics article{min-height:78px;box-shadow:none;border-radius:15px;padding:12px 14px}.teacher-metrics article>i{border-radius:12px;width:43px;height:43px}.teacher-metrics small{font-size:12px}.teacher-metrics strong{font-size:21px}.teachers-panel{border-radius:18px;padding:0;overflow:hidden;box-shadow:0 12px 36px #152e4809}.teachers-panel>header{background:#fbfcfe;padding:18px 20px}.teachers-panel h3{font-size:18px}.teachers-panel header p{font-size:12px}.teacher-tools label{background:#fff;width:340px;height:46px}.teacher-tools input,.teacher-tools select{font-size:14px}.teacher-table{margin:0}.teacher-table-head{color:#687990;background:#f3f6fa;border-top:1px solid #e5ebf2;border-bottom:1px solid #e1e8ef;height:48px;padding:0 20px;font-size:12px}.teacher-row{border-top:0;border-bottom:1px solid #edf1f5;min-height:88px;padding:12px 20px;transition:all .18s}.teacher-row:hover{background:#f5f9fe;box-shadow:inset -4px 0 #2274ce}.teacher-avatar{border-radius:16px;width:54px;height:54px;box-shadow:0 6px 15px #1a5b9c16}.teacher-row b{font-size:14px}.teacher-row small{font-size:12px}.teacher-row em{background:#edf5ff;border-radius:8px;padding:7px 10px;font-size:11px}.teacher-status{padding:7px 10px;font-size:11px}.teacher-profile-backdrop{justify-content:center;align-items:center;padding:24px}.teacher-profile.premium{border-radius:24px;width:min(1180px,96vw);height:min(850px,94vh);animation:.22s profile-pop;box-shadow:0 40px 100px #030d185c}.teacher-profile.premium>header{background:linear-gradient(122deg,#102c4c 0%,#154f83 72%,#1768a7 100%);min-height:168px;padding:24px 30px}.teacher-profile.premium>header:after{content:"";border:1px solid #ffffff10;border-radius:50%;width:330px;height:330px;position:absolute;top:-230px;left:-110px;box-shadow:0 0 0 52px #ffffff06}.teacher-profile.premium>header>button:first-child{z-index:3}.teacher-profile-identity,.profile-head-actions{z-index:2;position:relative}.teacher-avatar.large{border:5px solid #ffffff20;border-radius:25px;width:102px;height:102px;box-shadow:0 15px 35px #06162838}.teacher-profile-identity h2{font-size:26px}.teacher-profile-identity p{font-size:13px}.profile-tabs{justify-content:center;gap:7px;padding:11px 18px;top:0}.profile-tabs button{min-width:135px;height:44px;font-size:13px}.profile-tabs button.active{color:#fff;background:#1768c4;box-shadow:0 7px 17px #1768c425}.profile-tabs button.active span{background:#ffffff25}.teacher-profile>main{padding:18px 22px 28px}.teacher-info-group{box-shadow:none;border-radius:15px;padding:17px}.teacher-info-group>h4,.section-action-title h4{font-size:15px}.teacher-info-group>div>span{min-height:69px;padding:11px}.teacher-info-group span small{font-size:11px}.teacher-info-group span b{font-size:13px}.document-list a{min-height:72px}.document-list a b{font-size:13px}.document-list a small{font-size:11px}.profile-actions-panel{border-radius:15px}.profile-actions-panel button{min-height:43px;font-size:12px}.teacher-editor-backdrop{background:#071522bd}.teacher-editor{background:#f5f8fc;border-radius:24px;grid-template-rows:105px 1fr 74px;grid-template-columns:235px 1fr;width:min(1160px,97vw);height:min(860px,95vh)}.teacher-editor>header{background:linear-gradient(115deg,#102d4e,#17629f);grid-column:1/-1;min-height:105px;padding:20px 27px}.teacher-editor>nav{background:#fff;border-bottom:0;border-left:1px solid #e1e8f0;flex-direction:column;grid-area:2/1/4;justify-content:flex-start;gap:7px;padding:20px 14px;display:flex;overflow:auto}.teacher-editor>nav:before{content:"خطوات تسجيل المدرس";color:#8090a4;padding:3px 8px 12px;font-size:12px;font-weight:800;display:block}.teacher-editor>nav button{justify-content:flex-start;width:100%;min-height:52px;padding:0 12px;font-size:13px}.teacher-editor>nav button span{width:28px;height:28px}.teacher-editor>main{grid-area:2/2;padding:27px 30px}.teacher-editor>footer{grid-area:3/2}.editor-section-title>i{border-radius:14px;width:50px;height:50px}.editor-section-title h3{font-size:19px}.editor-section-title p{font-size:12px}.teacher-form-grid{gap:16px}.teacher-form-grid label>span{font-size:13px}.teacher-form-grid input,.teacher-form-grid select,.teacher-form-grid textarea,.assignment-builder select{border-radius:12px;min-height:50px;font-size:14px}.assignment-builder{padding:17px}.assignment-builder h4{font-size:14px}.assignment-builder>span{font-size:12px}.teacher-files-grid label{min-height:80px}.teacher-files-grid b{font-size:13px}.teacher-files-grid small{font-size:11px}.teacher-editor footer button{height:44px;font-size:13px}.academic-modal.dismiss-modal{border-radius:20px}@keyframes profile-pop{0%{opacity:.75;transform:translateY(18px)scale(.985)}}@media (width<=900px){.teacher-editor{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;display:grid}.teacher-editor>header,.teacher-editor>nav,.teacher-editor>main,.teacher-editor>footer{grid-column:1}.teacher-editor>header{grid-row:1}.teacher-editor>nav{border-bottom:1px solid #e1e8f0;border-left:0;flex-direction:row;grid-row:2;padding:9px;display:flex;overflow:auto}.teacher-editor>nav:before{display:none}.teacher-editor>nav button{min-width:135px}.teacher-editor>main{grid-row:3;padding:20px}.teacher-editor>footer{grid-row:4}.profile-tabs{justify-content:flex-start}.teacher-profile-backdrop{padding:0}.teacher-profile.premium{border-radius:0;width:100vw;height:100vh}}@media (width<=600px){.teachers-page{padding:12px}.teachers-hero{padding:18px}.teacher-metrics{grid-template-columns:1fr 1fr}.teacher-profile.premium>header{min-height:285px}.teacher-profile-backdrop{padding:0}.teacher-info-group>div:not(.assignment-list):not(.document-list):not(.dismissal-box),.teacher-form-grid{grid-template-columns:1fr}.teacher-table-head{display:none}}.administrators-page .admin-hero{color:var(--teacher-ink);background:#fff}.staff-status-tabs{background:#fff;border-bottom:1px solid #e6ecf3;gap:8px;padding:13px 20px;display:flex;overflow:auto}.staff-status-tabs button{color:#64758b;height:39px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dce5ef;border-radius:11px;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:800;display:flex}.staff-status-tabs button b{color:#506176;background:#edf2f7;border-radius:8px;place-items:center;min-width:23px;height:23px;padding:0 5px;font-size:10px;display:grid}.staff-status-tabs button.active{color:#1768c4;background:#eaf4ff;border-color:#bad5f3;box-shadow:0 5px 14px #1768c412}.staff-status-tabs button.active.blocked{color:#ad720d;background:#fff7e7;border-color:#f0d69e}.staff-status-tabs button.active.dismissed{color:#c84a51;background:#fff1f2;border-color:#efc9cc}.profile-block,.profile-dismiss,.profile-delete{height:44px;font:inherit;cursor:pointer;border-radius:12px;padding:0 14px;font-size:12px;font-weight:900}.profile-block{color:#98620a;background:#fff6df;border:1px solid #f2d898}.profile-dismiss,.profile-delete{color:#c84048;background:#fff0f1;border:1px solid #ffc6ca}.admin-staff-list{background:#f8fafc;gap:9px;padding:12px;display:grid}.admin-staff-card{background:#fff;border:1px solid #e0e8f1;border-radius:16px;transition:all .18s;overflow:hidden;box-shadow:0 5px 18px #18345108}.admin-staff-card:hover{border-color:#bcd4ee;transform:translateY(-1px);box-shadow:0 12px 28px #173d6611}.admin-card-main{color:#1b304a;text-align:right;width:100%;min-height:100px;font:inherit;cursor:pointer;background:#fff;border:0;grid-template-columns:62px minmax(190px,1.4fr) minmax(140px,.85fr) minmax(145px,.85fr) 95px 90px;align-items:center;gap:14px;padding:13px 16px;display:grid}.admin-card-avatar{color:#1768c4;background:linear-gradient(145deg,#e9f3ff,#cfe4fb);border-radius:17px;place-items:center;width:58px;height:58px;font-size:20px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 8px 18px #155b9e17}.admin-card-avatar img{object-fit:cover;width:100%;height:100%}.admin-card-name,.admin-card-data{flex-direction:column;min-width:0;display:flex}.admin-card-name small{color:#3275bd;text-align:right;direction:ltr;font-size:10px;font-weight:800}.admin-card-name b{white-space:nowrap;text-overflow:ellipsis;margin:4px 0 3px;font-size:15px;overflow:hidden}.admin-card-name em{color:#7b899b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:normal;overflow:hidden}.admin-card-data small{color:#8a97a7;font-size:10px}.admin-card-data b{margin-top:5px;font-size:13px}.admin-open{color:#2871c2;font-size:11px;font-weight:900}@media (width<=1100px){.admin-card-main{grid-template-columns:62px minmax(180px,1fr) 140px 100px 90px}.admin-card-data:nth-of-type(2){display:none}.profile-head-actions{flex-wrap:wrap;justify-content:flex-end;max-width:470px}}@media (width<=760px){.admin-card-main{grid-template-columns:55px 1fr auto;padding:12px}.admin-card-avatar{width:52px;height:52px}.admin-card-data,.admin-open{display:none}.staff-status-tabs{padding:10px 12px}.profile-head-actions{max-width:none}}.administrators-page .admin-hero{background:linear-gradient(120deg,#0b2e52 0%,#164f87 58%,#2074b9 100%)}.administrators-page .teacher-tools{flex-wrap:wrap}.administrators-page .teacher-tools select{min-width:145px}.admin-department-field{flex-direction:column;gap:7px;margin:0 0 16px;display:flex}.admin-department-field span{color:#334155;font-size:12px;font-weight:800}.admin-department-field select{height:48px;font:inherit;color:#102b4e;background:#fff;border:1px solid #dce4ef;border-radius:12px;padding:0 14px}.departments-modal{width:min(860px,94vw);max-height:88vh;overflow:auto}.department-add{border-bottom:1px solid #e4eaf2;gap:10px;padding:20px;display:flex}.department-add input{height:48px;font:inherit;border:1px solid #dce4ef;border-radius:12px;flex:1;padding:0 15px}.department-add button{color:#fff;font:inherit;background:#1766ad;border:0;border-radius:12px;padding:0 22px;font-weight:800}.department-cards{gap:10px;padding:18px;display:grid}.department-cards article{background:#fbfdff;border:1px solid #e0e7f0;border-radius:15px;align-items:center;gap:12px;padding:13px;display:flex}.department-cards article>i{color:#1766ad;background:#eaf3fc;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.department-cards article>span{flex-direction:column;flex:1;display:flex}.department-cards article b{color:#143353;font-size:13px}.department-cards article small{color:#718096;margin-top:3px}.department-cards article button{font:inherit;color:#315b87;background:#fff;border:1px solid #d8e1ec;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:800}.department-cards article button.danger{color:#d84f55}.department-cards article button:disabled{opacity:.35}@media (width<=760px){.department-cards article{flex-wrap:wrap}.department-cards article>span{min-width:calc(100% - 60px)}.department-add{flex-direction:column}.department-add button{height:44px}}

.services-frame{display:block;width:100%;height:calc(100vh - 78px);min-height:720px;border:0;background:#f4f7fb}
@media(max-width:780px){.services-frame{height:calc(100vh - 68px);min-height:650px}}
