/* Magdy Physics Platform — Premium Educational UI 2026 */
:root{
  --brand-maroon:#8F1028;--brand-maroon-dark:#6F0B1E;--brand-maroon-mid:#B91536;--brand-maroon-soft:#FFF1F4;
  --brand-blue:#1857D8;--brand-blue-dark:#103A8C;--brand-blue-soft:#EAF1FF;
  --brand-green:#087F5B;--brand-green-dark:#056044;--brand-green-soft:#E8F8F2;
  --brand-navy:#071A38;--text-primary:#071A38;--text-secondary:#68738A;
  --bg-page:#F7F9FC;--bg-soft:#F1F5FA;--surface:#FFFFFF;--border:#DDE3EC;
  --success:#079455;--warning:#EAA000;--danger:#D92D20;--gold:#D99A00;
  --radius-xs:8px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;
  --shadow-xs:0 2px 7px rgba(7,26,56,.05);--shadow-sm:0 6px 18px rgba(7,26,56,.07);--shadow-md:0 16px 38px rgba(7,26,56,.10);--shadow-lg:0 28px 70px rgba(7,26,56,.15);
  --transition:220ms cubic-bezier(.2,.8,.2,1);--sidebar-width:280px;
  --blue:var(--brand-blue);--red:var(--brand-maroon);--green:var(--brand-green);--ink:var(--text-primary);--muted:var(--text-secondary);--bg:var(--bg-page);--card:var(--surface);--line:var(--border);--dark:var(--brand-navy);--shadow:var(--shadow-md);--radius:var(--radius-lg)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:"Cairo",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.58;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open,body.sidebar-open{overflow:hidden}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}
:focus-visible{outline:3px solid rgba(24,87,216,.32);outline-offset:3px}
h1,h2,h3,h4,h5,h6{color:var(--brand-navy);font-weight:800;letter-spacing:-.025em;line-height:1.23;margin-top:0}p{margin-top:0;line-height:1.68}.muted{color:var(--text-secondary)}
.ui-icon{width:20px;height:20px;display:inline-block;flex:none;vertical-align:middle}.ui-icon.sm{width:16px;height:16px}.ui-icon.lg{width:28px;height:28px}.ui-icon.xl{width:42px;height:42px}
.skip-link{position:fixed;z-index:9999;top:10px;right:10px;transform:translateY(-160%);background:var(--brand-navy);color:#fff;border-radius:10px;padding:10px 16px;font-weight:800;transition:var(--transition)}.skip-link:focus{transform:none}
.container{width:min(1240px,calc(100% - 40px));margin-inline:auto}.section{padding:clamp(62px,7vw,96px) 0;position:relative}.section-sm{padding:clamp(38px,5vw,62px) 0}.section:nth-of-type(even){background:var(--bg-soft)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:34px}.section-head>div{max-width:730px}.section-head h2{font-size:clamp(28px,4vw,44px);margin:10px 0 8px}.section-head p{max-width:680px;margin:0;color:var(--text-secondary)}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid #C8D6FA;border-radius:999px;background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-weight:800;font-size:12px;line-height:1.3}.eyebrow.red{background:var(--brand-maroon-soft);border-color:#F5C8D2;color:var(--brand-maroon)}
.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.panel,.form-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}
.card{padding:24px}.card.hover,.panel{transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card.hover:hover,.panel:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#C8D4E8}
.panel{padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-head h3{margin:0;font-size:18px}.panel-head p{margin:5px 0 0}.panel:before,.card.design-accent:before{content:"";position:absolute;inset:0 18px auto;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--brand-maroon),var(--brand-blue),var(--brand-green));opacity:.84}

/* Buttons */
.btn,button.btn,input[type=submit],input[type=button]{position:relative;isolation:isolate;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:14px;padding:10px 19px;font-weight:800;font-size:14px;line-height:1.25;white-space:nowrap;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition),color var(--transition);overflow:hidden}
.btn:before,button.btn:before,input[type=submit]:before,input[type=button]:before{content:"";position:absolute;z-index:-1;top:0;right:0;left:0;height:3px;background:var(--brand-maroon-dark);opacity:.95}
.btn:hover:not(:disabled),button.btn:hover:not(:disabled),input[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(0) scale(.985)}
.btn.primary{color:#fff;background:linear-gradient(135deg,var(--brand-maroon),var(--brand-maroon-mid));box-shadow:0 11px 24px rgba(143,16,40,.21)}.btn.primary:before{background:rgba(255,255,255,.25)}
.btn.blue,.btn.light{color:#fff;background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-dark))}.btn.light{color:var(--brand-blue-dark);background:var(--brand-blue-soft);border-color:#C9D7FA}.btn.light:before{background:var(--brand-maroon)}
.btn.green{color:#fff;background:linear-gradient(135deg,var(--brand-green),var(--brand-green-dark))}.btn.red{color:#fff;background:linear-gradient(135deg,var(--brand-maroon),var(--brand-maroon-dark))}.btn.dark{color:#fff;background:var(--brand-navy)}
.btn.outline{color:var(--brand-navy);background:#fff;border-color:#BFCBDA}.btn.outline:hover{color:var(--brand-blue-dark);border-color:var(--brand-blue);background:var(--brand-blue-soft)}
.btn.danger{color:var(--danger);background:#FFF2F0;border-color:#FAC7C2}.btn.danger:before{background:var(--danger)}.btn.small{min-height:38px;padding:7px 12px;border-radius:11px;font-size:12px}.btn.wide{width:100%}
.actions,.form-actions,.row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Public header/navigation */
.topbar{background:var(--brand-navy);color:#D9E4F8;font-size:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08)}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:18px}.topbar b{color:#fff}
.main-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(221,227,236,.82);backdrop-filter:blur(18px);transition:box-shadow var(--transition),background var(--transition)}.main-header.is-scrolled{box-shadow:0 12px 32px rgba(7,26,56,.09);background:rgba(255,255,255,.985)}
.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:900;background:linear-gradient(145deg,var(--brand-maroon),var(--brand-blue));box-shadow:0 10px 24px rgba(16,58,140,.20);position:relative}.brand-mark:after{content:"";position:absolute;top:-3px;left:-3px;width:11px;height:11px;border-radius:50%;background:var(--brand-maroon-mid);border:2px solid #fff}.brand strong{display:block;font-size:14px;line-height:1.45}.brand small{display:block;color:var(--text-secondary);font-size:10.5px;line-height:1.4}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{position:relative;padding:11px 10px;border-radius:11px;color:#43506A;font-size:13px;font-weight:700;transition:var(--transition)}.nav-links a:after{content:"";position:absolute;right:50%;left:50%;bottom:3px;height:2px;border-radius:999px;background:var(--brand-maroon);transition:var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--brand-maroon);background:var(--brand-maroon-soft)}.nav-links a.active:after,.nav-links a:hover:after{right:18px;left:18px}.nav-actions{display:flex;align-items:center;gap:9px}.menu-btn{display:none;width:46px;height:46px;border:1px solid #CBD5E1;border-radius:13px;background:#fff;color:var(--brand-navy);align-items:center;justify-content:center}.mobile-nav-head{display:none}.nav-close{display:none}

/* Hero */
.hero.premium-hero{min-height:auto;padding:clamp(56px,6vw,86px) 0 74px;display:block;background:linear-gradient(145deg,#fff 0%,#F5F8FF 58%,#F0FBF7 100%);overflow:hidden;position:relative}
.premium-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(24,87,216,.11) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);opacity:.55}.premium-hero:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(143,16,40,.13),transparent 68%);left:-240px;top:-230px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);align-items:center;gap:58px;position:relative;z-index:2}.hero-copy{max-width:720px}.hero h1{font-size:clamp(40px,5.6vw,68px);line-height:1.13;letter-spacing:-.045em;margin:18px 0;color:var(--brand-navy)}.hero h1 .maroon{color:var(--brand-maroon)}.hero h1 .blue{color:var(--brand-blue)}.hero p{font-size:clamp(16px,1.6vw,18px);line-height:1.75;color:#536079;max-width:680px;margin:0 0 25px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.trust-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(221,227,236,.8);border-radius:12px;background:rgba(255,255,255,.72);color:#46536C;font-size:12px;font-weight:700}.trust-icon{width:28px;height:28px;border-radius:9px;background:var(--brand-green-soft);color:var(--brand-green);display:grid;place-items:center}
.hero-visual{min-height:520px;position:relative;isolation:isolate}.teacher-stage{position:absolute;inset:24px 35px 0;display:flex;align-items:flex-end;justify-content:center}.teacher-blob{position:absolute;inset:32px 24px 22px;border-radius:38% 62% 46% 54%/48% 38% 62% 52%;background:linear-gradient(145deg,var(--brand-blue-soft),#D9E5FF 44%,#FCE6EC);border:1px solid rgba(24,87,216,.14);box-shadow:var(--shadow-lg);overflow:hidden}.teacher-blob:before{content:"";position:absolute;inset:20px;border-radius:inherit;border:1px dashed rgba(24,87,216,.24)}.teacher-image{position:relative;z-index:2;width:92%;height:100%;display:flex;align-items:flex-end;justify-content:center}.teacher-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.teacher-image svg{width:92%;height:92%}.science-orbit{position:absolute;z-index:1;border:1px solid rgba(24,87,216,.28);border-radius:50%;inset:62px 3px 56px;transform:rotate(-12deg)}.science-orbit:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:var(--brand-maroon);top:21%;right:-5px;box-shadow:0 0 0 8px rgba(143,16,40,.1)}.science-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(24,87,216,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(24,87,216,.11) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,#000,transparent 72%)}
.science-badge,.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:rgba(255,255,255,.91);box-shadow:var(--shadow-md);backdrop-filter:blur(12px);font-size:12px;font-weight:800;animation:uiFloat 6s ease-in-out infinite}.science-badge .badge-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center}.science-badge.one{top:45px;right:0}.science-badge.two{left:-8px;top:205px;animation-delay:-2s}.science-badge.three{right:42px;bottom:18px;animation-delay:-4s}.science-badge .blue{background:var(--brand-blue-soft);color:var(--brand-blue)}.science-badge .green{background:var(--brand-green-soft);color:var(--brand-green)}.science-badge .red{background:var(--brand-maroon-soft);color:var(--brand-maroon)}
.science-symbol{position:absolute;z-index:3;color:var(--brand-blue);opacity:.56}.science-symbol.atom{left:22px;top:52px}.science-symbol.wave{right:10px;top:210px;color:var(--brand-green)}.science-symbol.formula{left:25px;bottom:76px;color:var(--brand-maroon);font-family:Georgia,serif;font-weight:700;font-size:18px;transform:rotate(-8deg)}
@keyframes uiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.hero-stat{padding:13px 14px;border:1px solid var(--border);background:rgba(255,255,255,.8);border-radius:14px}.hero-stat strong{display:block;color:var(--brand-blue-dark);font-size:21px;line-height:1.2}.hero-stat span{font-size:11px;color:var(--text-secondary);font-weight:700}

/* Public sections */
.feature-card{overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;right:18px;left:18px;height:3px;border-radius:0 0 999px 999px;background:var(--brand-maroon)}.feature-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:17px;color:var(--brand-blue);background:linear-gradient(145deg,var(--brand-blue-soft),#fff);border:1px solid #D7E1F7}.feature-card:nth-child(2n) .feature-icon{color:var(--brand-green);background:var(--brand-green-soft)}.feature-card:nth-child(3n) .feature-icon{color:var(--brand-maroon);background:var(--brand-maroon-soft)}.feature-card h3{margin:0 0 8px;font-size:19px}.feature-card p{margin:0;color:var(--text-secondary);font-size:13.5px}
.course-card{overflow:hidden;padding:0;cursor:default}.course-card:before{content:"";position:absolute;z-index:5;top:0;right:0;left:0;height:4px;background:var(--brand-maroon)}.course-cover{height:210px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#0E347D,var(--brand-blue))}.course-cover.green{background:linear-gradient(145deg,var(--brand-green-dark),var(--brand-green))}.course-cover.red{background:linear-gradient(145deg,var(--brand-maroon-dark),var(--brand-maroon-mid))}.course-cover:before,.course-cover:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%}.course-cover:before{width:190px;height:190px}.course-cover:after{width:280px;height:90px;transform:rotate(-18deg)}.course-cover .atom{position:relative;z-index:2;width:82px;height:82px}.course-badge{position:absolute;z-index:4;top:16px;right:16px;padding:6px 10px;border-radius:9px;background:rgba(255,255,255,.94);color:var(--brand-blue-dark);font-size:11px;font-weight:900}.course-body{padding:21px}.course-body h3{font-size:18px;margin:0 0 8px}.course-body p{min-height:45px;font-size:13px;color:var(--text-secondary)}.course-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:14px;font-size:11px;color:var(--text-secondary)}.course-price{font-size:18px;color:var(--brand-maroon);font-weight:900}
.competition-zone{background:linear-gradient(145deg,var(--brand-navy),#10356F 62%,#075C4B);color:#fff}.competition-zone h2,.competition-zone h3{color:#fff}.competition-zone .muted{color:#C9D6EC}.competition-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(10px)}
.leader-list{display:grid;gap:9px}.leader-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;background:#F7F9FC;border:1px solid transparent}.leader-item:hover{border-color:#C9D7EA;background:#fff}.leader-item.me{background:var(--brand-blue-soft);border-color:#C4D4F8}.rank{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#fff;border:1px solid var(--border);font-weight:900}.leader-info{flex:1}.leader-info strong{display:block;font-size:13px}.leader-info small{color:var(--text-secondary)}.points{font-weight:900;color:var(--brand-blue-dark);font-size:12px}
.cta-box{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;padding:42px;border-radius:28px;background:linear-gradient(135deg,var(--brand-navy),var(--brand-blue-dark) 62%,var(--brand-green-dark));color:#fff}.cta-box:before{content:"";position:absolute;left:-90px;top:-130px;width:300px;height:300px;border-radius:50%;border:45px solid rgba(255,255,255,.06)}.cta-box h2{color:#fff;font-size:clamp(28px,3vw,38px);margin:0 0 7px}.cta-box p{color:#D6E2F4;margin:0}
.honor-roll-section{padding:50px 0 0;background:linear-gradient(180deg,#fff,var(--brand-maroon-soft));border-top:1px solid var(--border)}.honor-roll-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.honor-roll-head h2{margin:9px 0 5px}.honor-marquee{overflow:hidden;padding:8px 0 44px}.honor-track{width:max-content;display:flex;gap:14px;animation:honorMove 38s linear infinite}.honor-track:hover{animation-play-state:paused}.honor-card{width:295px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #E8CBD2;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.honor-avatar{width:58px;height:58px;border-radius:16px;overflow:hidden;background:var(--brand-maroon-soft);display:grid;place-items:center;color:var(--brand-maroon);font-weight:900}.honor-avatar img{width:100%;height:100%;object-fit:cover}.honor-card-copy span{display:block;color:var(--brand-maroon);font-size:10px;font-weight:800}.honor-card-copy strong{display:block;font-size:13px}.honor-card-copy small{color:var(--text-secondary);font-size:10px}@keyframes honorMove{to{transform:translateX(50%)}}
.site-footer{position:relative;margin-top:0;padding:72px 0 22px;background:var(--brand-navy);color:#BCC9DD;border-top:4px solid var(--brand-maroon)}.site-footer:before{content:"";position:absolute;top:0;right:0;left:0;height:30px;background:linear-gradient(174deg,transparent 49%,rgba(255,255,255,.04) 50%)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:38px}.site-footer h4{color:#fff;margin:0 0 13px}.footer-links{display:grid;gap:8px;font-size:12px}.footer-links a{transition:var(--transition)}.footer-links a:hover{color:#fff;transform:translateX(-3px)}.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:11px}

/* General page/form/table */
.page-hero{padding:58px 0;background:linear-gradient(145deg,#fff,var(--brand-blue-soft));border-bottom:1px solid var(--border)}.page-hero h1{font-size:clamp(32px,4vw,48px);margin:9px 0 8px}.page-hero p{max-width:700px;color:var(--text-secondary)}.breadcrumb{font-size:12px;color:var(--text-secondary)}
.form-shell{width:min(900px,calc(100% - 28px));margin:40px auto}.form-card{padding:30px;box-shadow:var(--shadow-md)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .full{grid-column:1/-1}.stack{display:grid;gap:16px}
label{display:grid;gap:7px;color:#263550;font-size:13px;font-weight:800}label .hint,.hint{font-size:10.5px;color:var(--text-secondary);font-weight:500;line-height:1.6}
input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:50px;padding:11px 13px;border:1px solid #C9D3E2;border-radius:13px;background:#fff;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}textarea{min-height:110px;resize:vertical;line-height:1.65}select{cursor:pointer}input:focus,select:focus,textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px rgba(24,87,216,.10);background:#fff}input:invalid:not(:placeholder-shown){border-color:#E9A39B}.error-text{color:var(--danger);font-size:11px}.check{display:flex;align-items:flex-start;gap:10px}.check input{margin-top:5px}
input[type=file]{padding:9px;background:#F8FAFD;border-style:dashed}input[type=file]::file-selector-button{border:0;border-radius:9px;background:var(--brand-blue-soft);color:var(--brand-blue-dark);padding:8px 11px;font-weight:800;margin-left:10px;cursor:pointer}
.form-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.modal-like{padding:18px;border:1px solid var(--border);border-radius:16px;background:#F9FBFE}.academic-action-label select{font-weight:800;background:linear-gradient(180deg,#fff,#F7F9FC)}
.alert{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:14px;border:1px solid transparent;font-size:13px;font-weight:600;margin-bottom:16px}.alert.success{color:#05603F;background:#ECFDF3;border-color:#A6F4C5}.alert.danger{color:#9B1C13;background:#FFF1F0;border-color:#FBC5BF}.alert.info{color:#153F91;background:#EFF4FF;border-color:#C8D7FF}.alert.warning{color:#865A00;background:#FFFAEB;border-color:#FDE49A}
.status,.status-badge,.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;background:#F0F3F8;color:#526078}.status.active,.status.approved,.status.published{background:var(--brand-green-soft);color:var(--brand-green-dark)}.status.pending,.status.warning{background:#FFF7E0;color:#9A6600}.status.rejected,.status.suspended{background:#FFF0F0;color:var(--danger)}
.table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:15px;background:#fff}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:690px}.table thead{position:sticky;top:0;z-index:1}.table th{padding:13px 14px;text-align:right;background:#F2F5F9;color:#4D5A70;font-size:11px;font-weight:900;border-top:3px solid var(--brand-maroon);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:13px 14px;border-bottom:1px solid #EDF0F4;font-size:12px;vertical-align:middle}.table tbody tr:nth-child(even){background:#FBFCFE}.table tbody tr:hover{background:var(--brand-blue-soft)}.table tbody tr:last-child td{border-bottom:0}
.empty{padding:34px 20px;text-align:center;color:var(--text-secondary);border:1px dashed #CAD4E1;border-radius:15px;background:#FAFBFD}.empty:before{content:"";display:block;width:42px;height:42px;margin:0 auto 10px;border:2px solid #CBD5E1;border-radius:50%}

/* Authentication */
.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-visual{position:relative;overflow:hidden;display:flex;align-items:center;padding:clamp(35px,6vw,90px);background:linear-gradient(145deg,var(--brand-navy),var(--brand-blue-dark) 65%,var(--brand-green-dark));color:#fff}.login-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:24px 24px}.login-copy{position:relative;z-index:2;max-width:570px}.login-copy h2{color:#fff;font-size:clamp(34px,5vw,58px);margin:18px 0;line-height:1.18}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:30px}.login-form{width:min(460px,100%);padding:30px;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md)}.login-form h1{font-size:30px;margin:32px 0 6px}.glass-metric{display:grid;gap:3px;padding:14px 18px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px)}.glass-metric strong{font-size:22px}.glass-metric span{font-size:11px;color:#D7E3F5}

/* Application shell */
.app-body{background:var(--bg-page);min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:fixed;z-index:110;top:0;right:0;bottom:0;width:var(--sidebar-width);display:flex;flex-direction:column;padding:18px 14px;background:linear-gradient(180deg,var(--brand-navy),#091E41);color:#C7D4E9;border-left:1px solid rgba(255,255,255,.08);overflow-y:auto;transition:width var(--transition),transform var(--transition)}.sidebar .brand{padding:4px 7px 17px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:11px}.sidebar .brand strong{color:#fff}.sidebar .brand small{color:#8FA6C7}.side-nav{display:grid;gap:4px}.side-label{display:block;padding:17px 12px 5px;color:#738BAD;font-size:9.5px;font-weight:900;letter-spacing:.05em}.side-nav>a,.nav-group summary{position:relative;display:flex;align-items:center;gap:11px;min-height:44px;padding:9px 11px;border:1px solid transparent;border-radius:12px;color:#C6D4E9;font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition)}.side-nav>a:before,.nav-group summary:before{content:"";position:absolute;right:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:transparent}.side-nav>a:hover,.nav-group summary:hover{background:rgba(255,255,255,.07);color:#fff}.side-nav>a.active,.nav-group summary.active{background:linear-gradient(90deg,rgba(24,87,216,.28),rgba(143,16,40,.18));border-color:rgba(100,146,255,.28);color:#fff}.side-nav>a.active:before,.nav-group summary.active:before{background:var(--brand-maroon-mid)}.nav-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#AFC6EB;flex:none}.nav-ico .ui-icon{width:18px;height:18px}.nav-group summary{list-style:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary>b{margin-right:auto;transition:transform var(--transition)}.nav-group[open] summary>b{transform:rotate(180deg)}.nav-submenu{display:grid;gap:3px;margin:5px 42px 6px 6px;padding-right:10px;border-right:1px solid rgba(255,255,255,.12)}.nav-submenu a{padding:8px 10px;border-radius:9px;color:#9DB0CC;font-size:11px;font-weight:700}.nav-submenu a:hover,.nav-submenu a.active{color:#fff;background:rgba(255,255,255,.07)}.sidebar-bottom{margin-top:auto;padding-top:18px}.trial-box{display:grid;gap:5px;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.05);font-size:10px}.trial-box strong{color:#fff;font-size:18px}.trial-box small{color:#8299B9}.app-main{grid-column:2;min-width:0}.app-topbar{position:sticky;top:0;z-index:80;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px clamp(18px,3vw,32px);background:rgba(255,255,255,.95);border-bottom:1px solid var(--border);backdrop-filter:blur(15px)}.app-topbar h1{margin:0;font-size:20px}.app-topbar small{font-size:10.5px}.app-title-wrap{display:flex;align-items:center;gap:11px}.app-heading{display:grid;gap:2px}.app-breadcrumb{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:10px}.user-chip{display:flex;align-items:center;gap:10px}.user-meta{text-align:left}.avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--brand-blue),var(--brand-maroon));color:#fff;font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.app-content{padding:clamp(20px,3vw,34px);max-width:1600px;width:100%;margin:0 auto}.mobile-overlay{display:none}.sidebar-collapse{width:40px;height:40px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--brand-navy);display:grid;place-items:center}
body.sidebar-collapsed{--sidebar-width:86px}.sidebar-collapsed .sidebar .brand-text,.sidebar-collapsed .side-nav>a>span:last-child,.sidebar-collapsed .nav-group summary>span:nth-child(2),.sidebar-collapsed .nav-group summary>b,.sidebar-collapsed .side-label,.sidebar-collapsed .sidebar-bottom,.sidebar-collapsed .nav-submenu{display:none}.sidebar-collapsed .sidebar .brand{justify-content:center}.sidebar-collapsed .side-nav>a,.sidebar-collapsed .nav-group summary{justify-content:center;padding-inline:5px}.sidebar-collapsed .nav-ico{width:40px;height:40px}

.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border-radius:24px;background:linear-gradient(135deg,var(--brand-navy),var(--brand-blue-dark) 62%,var(--brand-green-dark));color:#fff;box-shadow:var(--shadow-md);overflow:hidden;position:relative}.dashboard-hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;border:40px solid rgba(255,255,255,.05);left:-80px;top:-100px}.dashboard-hero h2{color:#fff;font-size:clamp(25px,3vw,36px);margin:9px 0 6px}.dashboard-hero>*,.dashboard-hero .metric-row{position:relative;z-index:2}.metric-row{display:flex;gap:10px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.kpi{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background:var(--brand-blue)}.kpi.red:before{background:var(--brand-maroon)}.kpi.green:before{background:var(--brand-green)}.kpi.gold:before{background:var(--warning)}.kpi-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:var(--brand-blue-soft);color:var(--brand-blue)}.kpi.red .kpi-icon{background:var(--brand-maroon-soft);color:var(--brand-maroon)}.kpi.green .kpi-icon{background:var(--brand-green-soft);color:var(--brand-green)}.kpi strong{display:block;font-size:22px;line-height:1.2}.kpi small{color:var(--text-secondary);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:18px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-7{grid-column:span 7}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}.lesson-list,.info-list{display:grid;gap:9px}.lesson-row,.info-item,.exam-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #E7EBF1;border-radius:13px;background:#FAFBFD}.lesson-row .num{min-width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--brand-blue-soft);color:var(--brand-blue);font-weight:900}.lesson-row .info{flex:1}.lesson-row strong{display:block;font-size:12px}.lesson-row small{color:var(--text-secondary);font-size:10px}.info-item{justify-content:space-between}.info-item span{color:var(--text-secondary);font-size:11px}.info-item b{font-size:12px}.progress{height:7px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-maroon-mid),#fff)}

/* Academics */
.academic-command-center{background:linear-gradient(145deg,#fff,var(--brand-blue-soft));padding:26px}.academic-action-label{max-width:720px;margin-top:16px}.academic-panel{scroll-margin-top:110px}.academic-panel .form-grid{align-items:start}.academic-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 5px}.academic-mode-tab{min-height:42px;padding:9px 13px;border:1px solid #C9D4E4;border-radius:12px;background:#fff;color:#3C4B65;font-weight:800;font-size:11px}.academic-mode-tab.active{color:#fff;background:var(--brand-blue);border-color:var(--brand-blue)}

/* Interaction states */
[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}[data-reveal].revealed{opacity:1;transform:none}.ui-action-flash:after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.32);animation:actionFlash .5s ease-out;pointer-events:none}@keyframes actionFlash{from{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.15)}}
.toast-stack{position:fixed;z-index:9998;left:18px;bottom:18px;display:grid;gap:9px}.ui-toast{min-width:260px;max-width:360px;padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow-md);animation:toastIn .28s ease}.ui-toast.success{border-right:4px solid var(--success)}.ui-toast.error{border-right:4px solid var(--danger)}@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.skeleton{position:relative;overflow:hidden;background:#E9EDF3;border-radius:10px;color:transparent!important}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:skeleton 1.4s infinite}@keyframes skeleton{to{transform:translateX(-100%)}}

/* Compact typography and spacing fix: prevents collisions without excessive gaps */
.public-egypt-theme main h1,.public-egypt-theme main h2,.public-egypt-theme main h3{margin-block-end:.42em}.public-egypt-theme main p{margin-block-end:1em}.public-egypt-theme .hero h1{margin-block:16px 17px}.public-egypt-theme br+br{display:none}.public-egypt-theme section+section{margin-top:0}

@media(max-width:1180px){
  .nav-links a{padding-inline:8px;font-size:12px}.hero-grid{grid-template-columns:1fr 420px;gap:35px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.col-8,.col-7,.col-5,.col-4{grid-column:span 6}
}
@media(max-width:980px){
  .container{width:min(100% - 28px,900px)}.topbar{display:none}.nav-wrap{min-height:72px}.menu-btn{display:flex}.nav-links{position:fixed;z-index:150;top:0;right:0;bottom:0;width:min(350px,88vw);display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:20px;background:#fff;box-shadow:-20px 0 55px rgba(7,26,56,.22);transform:translateX(110%);transition:transform var(--transition);overflow-y:auto}.nav-links.open{transform:none}.nav-links a{padding:13px}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border)}.nav-close{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--border);border-radius:12px;background:#fff}.nav-actions>.btn.primary{display:none}
  .hero-grid{grid-template-columns:1fr}.hero-copy{max-width:none}.hero-visual{min-height:470px;max-width:600px;width:100%;margin-inline:auto}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-shell{display:block}.sidebar{transform:translateX(105%);width:min(300px,88vw)}.sidebar.open{transform:none}.app-main{grid-column:auto}.mobile-overlay{position:fixed;z-index:105;inset:0;background:rgba(4,17,37,.56);backdrop-filter:blur(2px)}.mobile-overlay.open{display:block}.sidebar-collapse{display:none}.mobile-only{display:inline-flex!important}.app-content{padding:20px}.col-8,.col-7,.col-6,.col-5,.col-4{grid-column:span 12}.login-page{grid-template-columns:1fr}.login-visual{min-height:330px}
}
@media(max-width:720px){
  body{font-size:14px;line-height:1.56}.container{width:calc(100% - 22px)}.section{padding:54px 0}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:25px}.section-head .btn{width:100%}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.hero.premium-hero{padding-top:42px}.hero h1{font-size:clamp(36px,11vw,48px);line-height:1.16;letter-spacing:-.035em}.hero p{font-size:15px}.hero-actions .btn{width:100%}.hero-trust{gap:7px}.trust-item{flex:1 1 46%}.hero-visual{min-height:420px}.teacher-stage{inset:18px 8px 0}.science-badge{padding:9px 10px}.science-badge.two{left:0;top:190px}.science-badge.one{right:0}.science-badge.three{right:13px}.science-symbol.formula{display:none}.hero-stats{grid-template-columns:1fr 1fr}.hero-stat strong{font-size:18px}.cta-box{grid-template-columns:1fr;padding:27px}.cta-box .btn{width:100%}.honor-roll-head{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.site-footer{padding-top:55px}.course-cover{height:185px}.form-card{padding:20px;border-radius:18px}.form-nav{position:sticky;bottom:8px;z-index:20;padding:9px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.form-nav .btn{flex:1}.app-topbar{min-height:70px;padding:10px 13px}.app-topbar h1{font-size:16px}.user-meta,.app-topbar .btn.outline{display:none}.app-content{padding:14px}.dashboard-hero{align-items:flex-start;flex-direction:column;padding:22px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:13px}.kpi-icon{width:38px;height:38px}.kpi strong{font-size:18px}.panel{padding:17px;border-radius:17px}.panel-head{align-items:flex-start;flex-direction:column}.panel-head>.btn{width:100%}.table-wrap{border-radius:12px}.actions .btn,.form-actions .btn{flex:1}.login-form-wrap{padding:16px}.login-form{padding:22px}.login-visual{padding:35px 20px;min-height:280px}.login-copy h2{font-size:36px}
}
@media(max-width:420px){.hero-stats,.kpi-grid{grid-template-columns:1fr}.trust-item{flex-basis:100%}.nav-actions .btn.outline{display:none}.brand strong{font-size:12px}.brand small{font-size:9px}.brand-mark{width:43px;height:43px}.science-badge.two{display:none}.hero-visual{min-height:390px}.user-chip .btn{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.honor-track{animation:none}.science-badge{animation:none}[data-reveal]{opacity:1;transform:none}}
@media print{.topbar,.main-header,.sidebar,.app-topbar,.site-footer,.btn,.mobile-overlay{display:none!important}.app-shell{display:block}.app-main{display:block}.app-content{padding:0}.panel,.card{box-shadow:none;break-inside:avoid}body{background:#fff}}
.mobile-nav-actions{display:none}.mobile-nav-overlay{display:none}.ui-confirm-dialog{border:0;padding:0;background:transparent}.ui-confirm-dialog::backdrop{background:rgba(4,17,37,.58);backdrop-filter:blur(3px)}.ui-confirm-card{width:min(420px,calc(100vw - 28px));padding:25px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:var(--shadow-lg);text-align:center}.ui-confirm-card h3{margin:12px 0 7px}.ui-confirm-card p{color:var(--text-secondary)}.ui-confirm-card .actions{justify-content:center}.ui-confirm-icon{width:48px;height:48px;margin:auto;border-radius:50%;display:grid;place-items:center;background:var(--brand-maroon-soft);color:var(--brand-maroon);font-size:23px;font-weight:900}.button-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.file-drop-zone{padding:12px;border:1px dashed #B8C5D7;border-radius:14px;background:#FAFCFF}.file-drop-zone.dragging{border-color:var(--brand-blue);background:var(--brand-blue-soft)}.selected-file-info{color:var(--brand-green);font-size:10px}.timer-warning{color:var(--danger)!important;animation:timerPulse 1s infinite}@keyframes timerPulse{50%{opacity:.45}}
@media(max-width:980px){.mobile-nav-overlay{position:fixed;z-index:140;inset:0;background:rgba(4,17,37,.58);backdrop-filter:blur(2px)}.mobile-nav-overlay.open{display:block}.mobile-nav-actions{display:grid;gap:9px;margin-top:auto;padding-top:18px;border-top:1px solid var(--border)}}
.app-content .progress{background:#E7ECF3}.app-content .progress span{background:linear-gradient(90deg,var(--brand-blue),var(--brand-green))}.sidebar .progress span{background:linear-gradient(90deg,var(--brand-maroon-mid),#fff)}