@charset "UTF-8";@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--float-distance, 10px)))}to{transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-30%)}to{transform:translate(30%)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0000,0 0 20px rgba(var(--pulse-color),.2)}50%{box-shadow:0 0 35px rgba(var(--pulse-color),.55)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes holoMove{0%{transform:translate(-40%)}to{transform:translate(40%)}}@keyframes megaGlow{0%,to{box-shadow:0 0 18px rgba(var(--pulse-color, #5ce3ff),.4)}50%{box-shadow:0 0 60px rgba(var(--pulse-color, #5ce3ff),1)}}@keyframes nebulaMove{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-40px,-30px,0) scale(1.2)}}:root{color-scheme:light;font-family:Cairo,Inter,Segoe UI,sans-serif;font-feature-settings:"cv02","cv03","ss01";scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body{direction:rtl;unicode-bidi:plaintext;text-align:right;margin:0;min-height:100vh;background:#f0f3fb;color:#0f172a;font-family:Cairo,Inter,Segoe UI,sans-serif;line-height:1.7;letter-spacing:.01em;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(92,227,255,.28),transparent 65%),radial-gradient(circle at 80% 80%,rgba(124,93,255,.22),transparent 65%);opacity:.7;mix-blend-mode:screen;pointer-events:none;z-index:-1;animation:nebulaMove 26s ease-in-out infinite alternate}::selection{background:#3b82f633;color:#0f172a}a{color:#0f172a;text-decoration:none;transition:color .22s cubic-bezier(.4,0,.2,1),text-shadow .22s cubic-bezier(.4,0,.2,1)}a:hover{color:#2563eb;text-shadow:0 0 10px rgba(37,99,235,.45)}p{margin-block:.75rem 1rem;color:#0f172ae0}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Rubik,Cairo,sans-serif;font-weight:600;line-height:1.25;margin:0 0 1rem;color:#0f172a;letter-spacing:.02em;position:relative}h1{font-size:clamp(2.2rem,3.6vw,3.5rem)}h2{font-size:clamp(1.9rem,3vw,2.6rem)}h3{font-size:clamp(1.6rem,2.4vw,2.1rem)}h4{font-size:1.3rem}h5{font-size:1.1rem}h6{font-size:1rem}h1:after,h2:after{content:"";position:absolute;inset-inline-start:0;bottom:-.4rem;width:72px;height:3px;border-radius:999px;background:linear-gradient(130deg,#5ce3ff,#7c5dff,#ff6ac1);opacity:.8}.eyebrow{text-transform:uppercase;letter-spacing:.35em;font-size:.78rem;color:#9ca3af}.text-gradient{background-image:linear-gradient(130deg,#5ce3ff,#7c5dff,#ff6ac1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.text-muted,.muted{color:#6b7280}code,pre{font-family:JetBrains Mono,Cascadia Code,monospace;background:#e5edff;border-radius:14px;padding:.25rem .5rem;border:1px solid rgba(148,163,184,.6);color:#1d4ed8}hr{border:none;border-top:1px solid rgba(209,213,219,.8);margin-block:2rem}.dark-surface,.bg-panel,.legacy-wrapper,.card-dark,.glass-panel{color:#f3f8ff}.dark-surface a,.bg-panel a,.legacy-wrapper a,.card-dark a,.glass-panel a{color:#24ffd1}.dark-surface a:hover,.bg-panel a:hover,.legacy-wrapper a:hover,.card-dark a:hover,.glass-panel a:hover{color:#5ce3ff}.dark-surface p,.dark-surface span,.dark-surface li,.bg-panel p,.bg-panel span,.bg-panel li,.legacy-wrapper p,.legacy-wrapper span,.legacy-wrapper li,.card-dark p,.card-dark span,.card-dark li,.glass-panel p,.glass-panel span,.glass-panel li{color:#f3f8ff}.dark-surface .muted,.dark-surface .text-muted,.bg-panel .muted,.bg-panel .text-muted,.legacy-wrapper .muted,.legacy-wrapper .text-muted,.card-dark .muted,.card-dark .text-muted,.glass-panel .muted,.glass-panel .text-muted{color:#e2edffa8}.app-shell{min-height:100vh;display:flex;background:#f4f6fb;position:relative;overflow-x:hidden}.app-shell:before{content:"";position:fixed;inset-inline-start:-30%;top:-40%;width:60%;height:80%;background:linear-gradient(135deg,rgba(82,165,255,.18),transparent 70%);opacity:.9;transform:rotate(-8deg);pointer-events:none;z-index:0}.sidebar{width:clamp(240px,19vw,290px);padding:2.4rem 1.8rem;display:flex;flex-direction:column;gap:2rem;background:linear-gradient(180deg,#0e68ff,#0839b0);color:#fff;box-shadow:0 0 40px #0f172a59;border-radius:0 2.5rem 2.5rem 0;z-index:2;position:relative;overflow:hidden}.sidebar:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:radial-gradient(circle at 10% 20%,rgba(92,227,255,.28),transparent 60%),radial-gradient(circle at 80% 10%,rgba(124,93,255,.25),transparent 60%),radial-gradient(circle at 50% 80%,rgba(36,255,209,.25),transparent 60%);filter:blur(4px);opacity:.9;animation:nebulaMove 20s ease-in-out infinite alternate;z-index:0}.sidebar{color:#f9fbff}.sidebar__logo{font-size:1.2rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.sidebar__nav{display:flex;flex-direction:column;gap:.5rem}.sidebar__link{display:flex;align-items:center;justify-content:flex-start;gap:.6rem;padding:.85rem 1rem;border-radius:999px;color:#ffffffd9;font-size:.96rem;transition:background .22s cubic-bezier(.4,0,.2,1),color .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1)}.sidebar__link:hover{background:#0f172a2e;transform:translate(-4px);box-shadow:0 10px 24px #0f172a66}.sidebar__link.active{background:#fff;color:#0f172a;transform:translate(-4px) scale(1.02);box-shadow:0 12px 30px #0f172a66}.main-panel{flex:1;padding:2.4rem 2.6rem;position:relative;z-index:1}.page-header h1{margin:0 0 .4rem;font-size:clamp(1.9rem,3vw,2.4rem)}.page-header .muted{color:#e2edffa8;font-size:.96rem}.grid{display:grid;gap:1.5rem}.grid--cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid--cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.2rem;flex-wrap:wrap}.top-bar .logo{font-weight:700;font-size:1.1rem;color:#0f172a}.portal{max-width:1200px;margin:0 auto;padding:2rem 1.7rem 4rem}.admin-portal{display:grid;grid-template-columns:clamp(240px,20vw,290px) 1fr;min-height:100vh;background:#f4f6fb}.admin-portal__main{padding:2.4rem 2.6rem}.teacher-portal{display:grid;grid-template-columns:clamp(240px,20vw,290px) 1fr;min-height:100vh}@media (max-width: 1024px){.app-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between;border-radius:0 0 2rem 2rem}.sidebar__nav{flex-direction:row;flex-wrap:wrap}.main-panel{padding:1.8rem 1.4rem 2.8rem}.admin-portal{grid-template-columns:1fr}.admin-portal__main{padding:1.8rem 1.4rem 2.8rem}.teacher-portal{grid-template-columns:1fr}}.btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 2.3rem;border-radius:999px;border:1px solid transparent;font-weight:600;letter-spacing:.02em;cursor:pointer;font-size:.98rem;transition:transform .38s cubic-bezier(.19,1,.22,1),box-shadow .38s cubic-bezier(.19,1,.22,1),background .38s cubic-bezier(.19,1,.22,1),border-color .38s cubic-bezier(.19,1,.22,1),color .38s cubic-bezier(.19,1,.22,1);position:relative;isolation:isolate;white-space:nowrap;overflow:hidden}.btn:before{content:"";position:absolute;top:-120%;right:-120%;bottom:-120%;left:-120%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.5),transparent 70%);opacity:0;transform:translate(-40%);transition:opacity .3s ease}.btn:hover:before{opacity:1;animation:shimmer 1.8s linear}.btn--primary,.btn.primary{background:linear-gradient(135deg,#00a6ff,#007bff);color:#fff;box-shadow:0 12px 24px #007bff59;animation:pulseGlow 3.8s ease-in-out infinite;--pulse-color: #52a5ff}.btn--primary:hover,.btn.primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 32px #007bff8c}.btn--primary:active,.btn.primary:active{transform:translateY(0) scale(.99);box-shadow:0 8px 18px #007bff59}.btn--secondary{background:#fff;color:#007bff;border-color:#007bff40;box-shadow:0 10px 20px #0f172a14}.btn--secondary:hover{background:#f8fbff;border-color:#007bff66;transform:translateY(-2px)}.btn--ghost,.btn.ghost{background:transparent;border-color:#94a3b866;color:#0f172a}.btn--ghost:hover,.btn.ghost:hover{background:#94a3b814;border-color:#94a3b8b3;transform:translateY(-2px)}.btn--outline,.btn.outline{background:#fff;border-color:#94a3b8a6;color:#0f172a;box-shadow:0 10px 20px #0f172a0a}.btn--outline:hover,.btn.outline:hover{border-color:#007bff;color:#007bff;background:#f8fbff;transform:translateY(-2px)}.btn--icon{padding:.65rem;border-radius:50%;width:44px;height:44px}.form-control{display:flex;flex-direction:column;gap:.4rem}.form-control label{font-weight:600;color:#e2edffa8;font-size:.9rem}.form-control input,.form-control select,.form-control textarea{background:#fff;border:1px solid rgba(148,163,184,.55);border-radius:999px;padding:.9rem 1.1rem;color:#0f172a;font-size:.96rem;transition:border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),background .22s cubic-bezier(.4,0,.2,1)}.form-control input:focus-visible,.form-control select:focus-visible,.form-control textarea:focus-visible{outline:none;box-shadow:0 0 0 3px #007bff66;border-color:#007bff;background:#fff}.form-control textarea{border-radius:20px;min-height:120px;resize:vertical}.card{background:#fff;border-radius:32px;padding:1.8rem 1.9rem;border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 60px #0f172a0f,0 2px 6px #0f172a0a;position:relative;overflow:hidden;transition:transform .38s cubic-bezier(.19,1,.22,1),box-shadow .38s cubic-bezier(.19,1,.22,1)}.card--glass{background:#08142d2e;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;background:#ffffffe6}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 26px 70px #0f172a1f,0 4px 10px #0f172a0f}.card__meta{color:#e2edffa8;font-size:.85rem}.card__value{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:700}.stat-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.3rem 1.4rem;border-radius:28px;background:#fff;border:1px solid rgba(148,163,184,.25);text-align:center;box-shadow:0 18px 40px #0f172a0f}.stat-pill span{color:#e2edffa8}.stat-pill strong{font-size:1.8rem;color:#0f172a}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600}.badge--success{background:#4ade8014;color:#4ade80}.badge--warning{background:#fecf4d1f;color:#f59e0b}.badge--danger{background:#ff4d771a;color:#ff4d77}.badge--info{background:#5ce3ff1f;color:#5ce3ff}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.25)}.table thead{background:#f8fafce6}.table thead th{text-transform:none;font-size:.85rem;padding:.9rem 1rem;color:#e2edffa8;font-weight:600}.table tbody td{padding:.85rem 1rem;border-top:1px solid rgba(226,232,240,.8);font-size:.92rem}.table tr:hover td{background:#f8fafce6}.list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.list__item{background:#fff;border-radius:20px;padding:1.1rem 1.3rem;border:1px solid rgba(226,232,240,.85)}.timeline{list-style:none;padding:0;margin:0;border-inline-start:2px solid rgba(226,232,240,.9);display:grid;gap:1rem}.timeline li{padding-inline-start:1.5rem;position:relative}.timeline li:before{content:"";position:absolute;inset-inline-start:-8px;top:.55rem;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#00a6ff,#007bff);box-shadow:0 0 0 4px #3b82f62e}.toast{background:#fff;border-radius:999px;padding:.8rem 1.2rem;border:1px solid rgba(148,163,184,.35);box-shadow:0 18px 38px #0f172a1f;display:inline-flex;align-items:center;gap:.75rem}.m-xxs{margin:.25rem!important}.mt-xxs{margin-top:.25rem!important}.mb-xxs{margin-bottom:.25rem!important}.ms-xxs{margin-inline-start:.25rem!important}.me-xxs{margin-inline-end:.25rem!important}.p-xxs{padding:.25rem!important}.pt-xxs{padding-top:.25rem!important}.pb-xxs{padding-bottom:.25rem!important}.ps-xxs{padding-inline-start:.25rem!important}.pe-xxs{padding-inline-end:.25rem!important}.m-xs{margin:.5rem!important}.mt-xs{margin-top:.5rem!important}.mb-xs{margin-bottom:.5rem!important}.ms-xs{margin-inline-start:.5rem!important}.me-xs{margin-inline-end:.5rem!important}.p-xs{padding:.5rem!important}.pt-xs{padding-top:.5rem!important}.pb-xs{padding-bottom:.5rem!important}.ps-xs{padding-inline-start:.5rem!important}.pe-xs{padding-inline-end:.5rem!important}.m-sm{margin:.75rem!important}.mt-sm{margin-top:.75rem!important}.mb-sm{margin-bottom:.75rem!important}.ms-sm{margin-inline-start:.75rem!important}.me-sm{margin-inline-end:.75rem!important}.p-sm{padding:.75rem!important}.pt-sm{padding-top:.75rem!important}.pb-sm{padding-bottom:.75rem!important}.ps-sm{padding-inline-start:.75rem!important}.pe-sm{padding-inline-end:.75rem!important}.m-md{margin:1rem!important}.mt-md{margin-top:1rem!important}.mb-md{margin-bottom:1rem!important}.ms-md{margin-inline-start:1rem!important}.me-md{margin-inline-end:1rem!important}.p-md{padding:1rem!important}.pt-md{padding-top:1rem!important}.pb-md{padding-bottom:1rem!important}.ps-md{padding-inline-start:1rem!important}.pe-md{padding-inline-end:1rem!important}.m-lg{margin:1.5rem!important}.mt-lg{margin-top:1.5rem!important}.mb-lg{margin-bottom:1.5rem!important}.ms-lg{margin-inline-start:1.5rem!important}.me-lg{margin-inline-end:1.5rem!important}.p-lg{padding:1.5rem!important}.pt-lg{padding-top:1.5rem!important}.pb-lg{padding-bottom:1.5rem!important}.ps-lg{padding-inline-start:1.5rem!important}.pe-lg{padding-inline-end:1.5rem!important}.m-xl{margin:2rem!important}.mt-xl{margin-top:2rem!important}.mb-xl{margin-bottom:2rem!important}.ms-xl{margin-inline-start:2rem!important}.me-xl{margin-inline-end:2rem!important}.p-xl{padding:2rem!important}.pt-xl{padding-top:2rem!important}.pb-xl{padding-bottom:2rem!important}.ps-xl{padding-inline-start:2rem!important}.pe-xl{padding-inline-end:2rem!important}.m-xxl{margin:3rem!important}.mt-xxl{margin-top:3rem!important}.mb-xxl{margin-bottom:3rem!important}.ms-xxl{margin-inline-start:3rem!important}.me-xxl{margin-inline-end:3rem!important}.p-xxl{padding:3rem!important}.pt-xxl{padding-top:3rem!important}.pb-xxl{padding-bottom:3rem!important}.ps-xxl{padding-inline-start:3rem!important}.pe-xxl{padding-inline-end:3rem!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.align-center{align-items:center!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-primary{color:#3c82ff!important}.text-accent{color:#5ce3ff!important}.text-success{color:#4ade80!important}.text-danger{color:#ff4d77!important}.text-muted{color:#e2edffa8!important}.bg-panel{background:#09142ddb!important;color:#f3f8ff!important}.bg-gradient{background:linear-gradient(135deg,#1f45c0f2,#3f82fffa,#5ce3ffeb)!important;color:#fff!important}.bg-soft{background:linear-gradient(120deg,#3f82ff26,#5ce3ff2e)!important}.shadow-sm{box-shadow:0 12px 28px #03071159!important}.shadow-md{box-shadow:0 20px 55px #0208188c!important}.shadow-lg{box-shadow:0 32px 90px #0f42a673!important}.glow{box-shadow:0 0 20px #5ce3ffa6,0 0 45px #7c5dff73!important}.glass{-webkit-backdrop-filter:blur(24px) saturate(160%)!important;backdrop-filter:blur(24px) saturate(160%)!important;border:1px solid rgba(255,255,255,.08)!important}.rounded-sm{border-radius:14px!important}.rounded-md{border-radius:20px!important}.rounded-lg{border-radius:28px!important}.rounded-full{border-radius:999px!important}.hidden-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hidden-scrollbar::-webkit-scrollbar{display:none}.tilt-hover{transition:transform .22s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.tilt-hover:hover{transform:perspective(800px) rotateY(6deg) rotateX(-4deg) scale(1.02)}.ultra-effect{position:relative;transition:transform .38s cubic-bezier(.19,1,.22,1),box-shadow .38s cubic-bezier(.19,1,.22,1);transform-style:preserve-3d}.ultra-effect:hover{transform:perspective(900px) rotateY(8deg) rotateX(-6deg) scale(1.05);box-shadow:0 40px 120px #0f172a8c}.admin-portal{direction:rtl;unicode-bidi:plaintext;text-align:right;display:grid;grid-template-columns:clamp(220px,18vw,280px) 1fr;min-height:100vh;gap:1.5rem;padding:2rem}.admin-portal__sidebar{background:#08142d80;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden}.admin-portal__sidebar:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:radial-gradient(circle at 10% 20%,rgba(92,227,255,.28),transparent 60%),radial-gradient(circle at 80% 10%,rgba(124,93,255,.25),transparent 60%),radial-gradient(circle at 50% 80%,rgba(36,255,209,.25),transparent 60%);filter:blur(4px);opacity:.9;animation:nebulaMove 20s ease-in-out infinite alternate;z-index:0}.admin-portal__hero{background-image:linear-gradient(135deg,#1f45c0f2,#3f82fffa,#5ce3ffeb);background-size:200% 200%;color:#fff;position:relative;overflow:hidden;box-shadow:0 32px 90px #0f42a673}.admin-portal__hero:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%);opacity:.8;filter:blur(40px);animation:rotate 30s linear infinite}.admin-portal__hero{position:relative;overflow:hidden}.admin-portal__hero:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:radial-gradient(circle at 10% 20%,rgba(92,227,255,.28),transparent 60%),radial-gradient(circle at 80% 10%,rgba(124,93,255,.25),transparent 60%),radial-gradient(circle at 50% 80%,rgba(36,255,209,.25),transparent 60%);filter:blur(4px);opacity:.9;animation:nebulaMove 20s ease-in-out infinite alternate;z-index:0}.admin-portal__hero{border-radius:38px;padding:clamp(1.5rem,3vw,3rem);position:relative;overflow:hidden}.admin-portal__hero>*{position:relative;z-index:1}.admin-portal__stats{display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;gap:1rem;flex-wrap:wrap}.admin-portal__stat{flex:1 1 180px;background:linear-gradient(150deg,#0f2c63e6,#061633f2);border-radius:20px;padding:1rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;position:relative;overflow:hidden;transition:transform .38s cubic-bezier(.19,1,.22,1),box-shadow .38s cubic-bezier(.19,1,.22,1);transform-style:preserve-3d}.admin-portal__stat:hover{transform:perspective(900px) rotateY(8deg) rotateX(-6deg) scale(1.04);box-shadow:0 32px 90px #0f172a73}.admin-portal__stat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,rgba(82,165,255,.18),transparent);mix-blend-mode:screen}.admin-portal__main{padding-inline:2rem;padding-block:2rem}.admin-widget{background:linear-gradient(150deg,#0f2c63e6,#061633f2);border-radius:28px;padding:1.5rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 55px #0208188c;color:#f9fbff;margin-bottom:2rem}.admin-widget--grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.activity-feed{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.activity-feed li{background:#08142d66;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;padding:1rem;border-radius:20px;display:flex;justify-content:space-between;gap:.75rem;animation:floaty 7s ease-in-out infinite;animation-delay:0s;--float-distance: 10px}.chart-card{background:linear-gradient(150deg,#0f2c63e6,#061633f2);border-radius:28px;padding:1.5rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 55px #0208188c;color:#f9fbff;min-height:280px;display:flex;flex-direction:column}.chart-card canvas{width:100%!important}@media (max-width: 1199px){.admin-portal{padding:1.5rem;gap:1rem}}@media (max-width: 991px){.admin-portal{grid-template-columns:1fr;padding:1.5rem 1rem}.admin-portal__sidebar,.admin-portal__hero{padding:1.5rem}.admin-portal__main{padding-inline:1.5rem;padding-block:1.5rem}}@media (max-width: 767px){.admin-portal__main{padding-inline:1rem;padding-block:1rem}}@media (max-width: 980px){.admin-portal{grid-template-columns:1fr}}.kpi-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.kpi-card{background:linear-gradient(150deg,#0f2c63e6,#061633f2);border-radius:28px;padding:1rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;display:flex;flex-direction:column;gap:.5rem;transition:transform .38s cubic-bezier(.19,1,.22,1),box-shadow .38s cubic-bezier(.19,1,.22,1);transform-style:preserve-3d}.kpi-card:hover{transform:perspective(900px) rotateY(8deg) rotateX(-6deg) scale(1.04);box-shadow:0 32px 90px #0f172a73}.highlight-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.highlight-grid article{background:linear-gradient(150deg,#0f2c63e6,#061633f2);border-radius:20px;padding:1rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;display:flex;flex-direction:column;gap:.25rem}.highlight-grid article p{margin:0;font-size:.9rem;color:#e2edffa8}.highlight-grid article strong{font-size:1.4rem}.highlight-grid article small{font-size:.8rem;color:#e2edffa8}.quick-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.quick-actions .actions{display:flex;flex-wrap:wrap;gap:.75rem}.quick-actions .action-link{padding:.7rem 1.3rem;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.4);font-size:.9rem;transition:background .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);white-space:nowrap}.quick-actions .action-link:hover{background:#f8fbff;border-color:#3c82ff;transform:translateY(-1px)}.error-msg{padding:.75rem 1rem;border-radius:20px;background:#ff4d7714;border:1px solid rgba(255,77,119,.35);color:#ff4d77;font-size:.9rem}.teacher-portal{display:grid;gap:2rem}.teacher-portal__header{background-image:linear-gradient(135deg,#1f45c0f2,#3f82fffa,#5ce3ffeb);color:#fff;position:relative;overflow:hidden}.teacher-portal__header:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:radial-gradient(circle at 10% 20%,rgba(92,227,255,.28),transparent 60%),radial-gradient(circle at 80% 10%,rgba(124,93,255,.25),transparent 60%),radial-gradient(circle at 50% 80%,rgba(36,255,209,.25),transparent 60%);filter:blur(4px);opacity:.9;animation:nebulaMove 20s ease-in-out infinite alternate;z-index:0}.teacher-portal__header{border-radius:38px;padding:clamp(1.5rem,3.5vw,3rem);display:grid;gap:1rem}.teacher-portal__body{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media (max-width: 1024px){.teacher-portal__body{grid-template-columns:1fr}}.lesson-card{background:linear-gradient(150deg,#0f2c63e6,#061633f2);border-radius:28px;padding:1.5rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 55px #0208188c;color:#f9fbff;display:flex;flex-direction:column;gap:.75rem;transition:transform .38s cubic-bezier(.19,1,.22,1),box-shadow .38s cubic-bezier(.19,1,.22,1);transform-style:preserve-3d}.lesson-card:hover{transform:perspective(900px) rotateY(8deg) rotateX(-6deg) scale(1.04);box-shadow:0 32px 90px #0f172a73}.lesson-card__meta{display:flex;justify-content:space-between;color:#e2edffa8;font-size:.85rem}.attendance-board{background:#08142d80;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;padding:1.5rem;border-radius:28px;display:grid;gap:.75rem}.attendance-board__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.attendance-board__item{background:linear-gradient(150deg,#0f2c63e6,#061633f2);border-radius:14px;padding:1rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;text-align:center;animation:floaty 7s ease-in-out infinite;animation-delay:0s;--float-distance: 8px}.attendance-board__item strong{font-size:1.6rem}.schedule-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.schedule-list li{background:#08142d73;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;padding:1rem;border-radius:20px}.student-dashboard{display:grid;gap:2rem}.student-dashboard__hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.student-dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.xp-card{background-image:linear-gradient(130deg,#5ce3ff,#7c5dff,#ff6ac1);color:#fff;position:relative;overflow:hidden}.xp-card:before{content:"";position:absolute;top:-150%;right:-150%;bottom:-150%;left:-150%;background:linear-gradient(120deg,#fff0 35%,#ffffff8c,#fff0 65%);mix-blend-mode:screen;opacity:.9;animation:holoMove 6s infinite linear}.xp-card{border-radius:38px;padding:2rem;position:relative;overflow:hidden}.xp-card:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);animation:rotate 30s linear infinite}.xp-card__content{position:relative;z-index:1}.course-card{background:linear-gradient(150deg,#0f2c63e6,#061633f2);border-radius:28px;padding:1.5rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 55px #0208188c;color:#f9fbff;display:grid;gap:.75rem;transition:transform .38s cubic-bezier(.19,1,.22,1),box-shadow .38s cubic-bezier(.19,1,.22,1);transform-style:preserve-3d}.course-card:hover{transform:perspective(900px) rotateY(8deg) rotateX(-6deg) scale(1.04);box-shadow:0 32px 90px #0f172a73}.course-card .progress{margin-top:.75rem}.leaderboard{background:#08142d80;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;border-radius:28px;padding:1.5rem;display:grid;gap:.75rem}.leaderboard__item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:14px;background:#ffffff05;animation:floaty 8s ease-in-out infinite;animation-delay:0s;--float-distance: 6px}.parent-portal{display:grid;gap:2rem}.parent-portal__header{background:linear-gradient(150deg,#0f2c63e6,#061633f2);border-radius:38px;padding:2rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 90px #0f42a673;color:#f9fbff;position:relative;overflow:hidden}.parent-portal__header:before{content:"";position:absolute;top:-150%;right:-150%;bottom:-150%;left:-150%;background:linear-gradient(120deg,#fff0 35%,#ffffff8c,#fff0 65%);mix-blend-mode:screen;opacity:.9;animation:holoMove 7s infinite linear}.parent-portal__header{display:grid;gap:.75rem}.parent-portal__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.child-progress{background:#08142d80;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;border-radius:28px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.child-progress__header{display:flex;justify-content:space-between;align-items:center}.alert-card{background:linear-gradient(150deg,#0f2c63e6,#061633f2);border-radius:20px;padding:1rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f9fbff;border-inline-start:4px solid #fecf4d;background:#fccf4d14}.legacy-wrapper{font-family:Cairo,Inter,Segoe UI,sans-serif;background:linear-gradient(135deg,#050a19f2,#050f23eb);color:#f3f8ff;min-height:100vh;padding-bottom:4rem}.legacy-wrapper header{background:linear-gradient(135deg,#1f45c0f2,#3f82fffa,#5ce3ffeb);color:#fff;padding:2.5rem 1.5rem;text-align:center;box-shadow:0 32px 90px #0f42a673}.legacy-wrapper main{max-width:900px;margin:-3rem auto 0;padding:2rem}.legacy-wrapper section{background:#081228d9;padding:1.5rem;border-radius:20px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #03071159;color:#f3f8ff}.portal{max-width:1200px;margin:0 auto;padding:2.2rem 1.7rem 4rem}.page-header{margin-bottom:2rem}.page-header h1{margin-bottom:.5rem}.page-header .muted{color:#e2edffa8}.card{background:#fff;border-radius:32px;padding:1.8rem 1.9rem;border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 60px #0f172a0f,0 2px 6px #0f172a0a}