@charset "UTF-8";.ss-sidebar{background:var(--ss-purple-900, #1A1633);width:220px;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.ss-sidebar:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--ss-purple-600, #534AB7);opacity:.12;top:-60px;left:-60px;filter:blur(40px);pointer-events:none}.ss-sidebar:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:var(--ss-purple-400, #7F77DD);opacity:.08;bottom:80px;right:-50px;filter:blur(30px);pointer-events:none}.ss-sidebar__logo{padding:20px 18px 18px;border-bottom:.5px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.ss-sidebar__wordmark{display:flex;align-items:baseline;gap:3px}.ss-sidebar__wordmark-space{font-size:13px;font-weight:500;color:#ffffffe6;letter-spacing:.06em}.ss-sidebar__wordmark-school{font-size:13px;font-weight:500;color:var(--ss-purple-200, #AFA9EC);letter-spacing:.06em}.ss-sidebar__tagline{font-size:10px;color:#ffffff4d;letter-spacing:.05em;background:#ffffff0d;border:.5px solid rgba(255,255,255,.08);padding:3px 10px;border-radius:99px}.ss-sidebar__section-label{padding:18px 18px 6px;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#ffffff40;position:relative;z-index:1}.ss-sidebar__item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;margin:2px 10px;cursor:pointer;font-size:13px;color:#ffffff73;text-decoration:none;transition:background .15s,color .15s;position:relative;z-index:1}.ss-sidebar__item i{font-size:17px;flex-shrink:0}.ss-sidebar__item:hover{background:#ffffff0f;color:#fffc}.ss-sidebar__item--active{background:linear-gradient(90deg,#7f77dd40,#7f77dd14);color:var(--ss-purple-100, #CECBF6);border-left:2px solid var(--ss-purple-400, #7F77DD);border-radius:0 10px 10px 0;margin-left:10px;padding-left:10px}.ss-sidebar__item--active i{color:var(--ss-purple-200, #AFA9EC)}.ss-sidebar__badge{margin-left:auto;background:#d85a3040;color:#f0997b;font-size:10px;font-weight:500;padding:2px 7px;border-radius:99px;border:.5px solid rgba(216,90,48,.3)}.ss-sidebar__divider{height:.5px;background:#ffffff0f;margin:8px 18px;position:relative;z-index:1}.ss-sidebar__footer{margin-top:auto;padding:14px 10px;border-top:.5px solid rgba(255,255,255,.07);position:relative;z-index:1}.ss-sidebar__user{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;cursor:pointer;transition:background .12s;border:.5px solid rgba(255,255,255,.06);background:#ffffff08}.ss-sidebar__user:hover{background:#ffffff12}.ss-sidebar__avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--ss-purple-600, #534AB7),var(--ss-purple-400, #7F77DD));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#fff;flex-shrink:0;border:1.5px solid rgba(127,119,221,.4)}.ss-sidebar__user-name{font-size:13px;font-weight:500;color:#ffffffd9}.ss-sidebar__user-role{font-size:11px;color:#ffffff59}.ss-topbar{background:#fff;border-bottom:.5px solid rgba(0,0,0,.08);padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.ss-topbar__search{display:flex;align-items:center;gap:8px;background:#f5f5f7;border:.5px solid rgba(0,0,0,.08);border-radius:99px;padding:7px 14px;font-size:13px;color:#888;min-width:260px}.ss-topbar__lang-pill{font-size:12px;font-weight:500;padding:4px 10px;border-radius:99px;border:.5px solid rgba(0,0,0,.12);color:#666;cursor:pointer;background:transparent;transition:background .12s,color .12s}.ss-topbar__lang-pill--active{background:var(--ss-purple-600, #534AB7);color:var(--ss-purple-50, #EEEDFE);border-color:var(--ss-purple-600, #534AB7)}.ss-topbar__notif{width:32px;height:32px;border-radius:8px;border:.5px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;position:relative}.ss-topbar__notif-dot{width:7px;height:7px;background:#d85a30;border-radius:50%;position:absolute;top:6px;right:6px;border:1.5px solid #fff}.ss-topbar__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--ss-purple-600, #534AB7),var(--ss-purple-400, #7F77DD));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#fff;cursor:pointer}.ss-hero{background:var(--ss-purple-700, #3C3489);border-radius:16px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;overflow:hidden}.ss-hero:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.08);right:-50px;top:-60px}.ss-hero:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.08);right:80px;bottom:-40px}.ss-hero__date{font-size:11px;color:#ffffff8c;margin-bottom:8px;display:flex;align-items:center;gap:5px}.ss-hero__greeting{font-size:20px;font-weight:500;color:#fff;margin-bottom:5px}.ss-hero__greeting strong{color:#fac775;font-weight:500}.ss-hero__sub{font-size:13px;color:#ffffffa6;margin-bottom:16px}.ss-hero__pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;border:.5px solid rgba(255,255,255,.2);color:var(--ss-purple-50, #EEEDFE);font-size:12px;font-weight:500;padding:6px 14px;border-radius:99px}.ss-hero__ring{width:80px;height:80px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:#fff9;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0}.ss-hero__ring-pct{font-size:18px;font-weight:500;color:#fff}.ss-hero__ring-label{font-size:10px;color:#ffffff8c}.ss-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.ss-stat-card{background:#fff;border:.5px solid rgba(0,0,0,.08);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .15s}.ss-stat-card:hover{border-color:#0000002e}.ss-stat-card__icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ss-stat-card__icon i{font-size:19px}.ss-stat-card__icon--purple{background:var(--ss-purple-50, #EEEDFE);color:var(--ss-purple-600, #534AB7)}.ss-stat-card__icon--blue{background:#e6f1fb;color:#185fa5}.ss-stat-card__icon--teal{background:#e1f5ee;color:#0f6e56}.ss-stat-card__icon--amber{background:#faeeda;color:#633806}.ss-stat-card__icon--coral{background:#faece7;color:#993c1d}.ss-stat-card__value{font-size:20px;font-weight:500;color:#1a1a1a;line-height:1}.ss-stat-card__label{font-size:11px;color:#888;margin-top:3px}.ss-action-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;font-size:12px;font-weight:500;cursor:pointer;border:.5px solid;transition:opacity .12s,transform .1s;text-decoration:none}.ss-action-btn:hover{opacity:.85;transform:translateY(-1px)}.ss-action-btn:active{transform:scale(.97)}.ss-action-btn i{font-size:14px}.ss-action-btn--primary{background:var(--ss-purple-600, #534AB7);color:var(--ss-purple-50, #EEEDFE);border-color:var(--ss-purple-600, #534AB7)}.ss-action-btn--teal{background:#e1f5ee;color:#085041;border-color:#9fe1cb}.ss-action-btn--blue{background:#e6f1fb;color:#0c447c;border-color:#b5d4f4}.ss-action-btn--amber{background:#faeeda;color:#633806;border-color:#fac775}.ss-action-btn--coral{background:#faece7;color:#712b13;border-color:#f5c4b3}.ss-panel{background:#fff;border:.5px solid rgba(0,0,0,.08);border-radius:12px;padding:16px}.ss-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ss-panel__title{font-size:14px;font-weight:500;color:#1a1a1a;display:flex;align-items:center;gap:8px}.ss-panel__title i{font-size:17px;color:var(--ss-purple-600, #534AB7)}.ss-panel__link{font-size:12px;color:var(--ss-purple-600, #534AB7);cursor:pointer;font-weight:500;text-decoration:none}.ss-panel__link:hover{text-decoration:underline}.ss-status{font-size:10px;padding:2px 7px;border-radius:99px;font-weight:500;white-space:nowrap}.ss-status--present{background:#e1f5ee;color:#085041}.ss-status--absent{background:#faece7;color:#712b13}.ss-status--retard{background:#faeeda;color:#633806}.ss-progress{width:80px}.ss-progress__bar{height:5px;background:#f0f0f0;border-radius:99px;overflow:hidden;margin-bottom:3px}.ss-progress__fill{height:100%;border-radius:99px;transition:width .4s ease}.ss-progress__label{font-size:10px;font-weight:500;text-align:right}.ss-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.ss-content{padding:20px;background:#f7f7f9}.ss-bottom-grid{display:grid;grid-template-columns:1fr 280px;gap:16px}@media(max-width:1024px){.ss-layout{grid-template-columns:180px 1fr}.ss-stat-grid{grid-template-columns:repeat(2,1fr)}.ss-bottom-grid{grid-template-columns:1fr}}@media(max-width:768px){.ss-layout{grid-template-columns:1fr}.ss-sidebar{display:none}.ss-stat-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-layout,.dashboard-layout[data-role=student],.main-content,.dashboard-layout[data-role=student] .main-content,.dashboard-layout[data-role=student] .main-content--student,.page-content{background:#f7f7f9}.search-box input{background:#f5f5f7;border:.5px solid rgba(0,0,0,.08);border-radius:99px}.idash-hero,.sdash-hero{background:var(--ss-purple-700, #3C3489)!important;border-radius:16px!important;box-shadow:none!important}.idash-hero__name,.sdash-hero__name{color:#fac775!important}.idash-hero__title,.sdash-hero__title{font-weight:500!important}.idash-tag,.sdash-tag{background:#ffffff1f;border:.5px solid rgba(255,255,255,.2);color:var(--ss-purple-50, #EEEDFE);font-weight:500}.idash-kpi,.sdash-kpi{border:.5px solid rgba(0,0,0,.08)!important;border-radius:12px!important;box-shadow:none!important}.idash-kpi:hover,.sdash-kpi:hover{transform:none!important;border-color:#0000002e!important;box-shadow:none!important}.idash-kpi__val,.sdash-kpi__val{font-weight:500!important;color:#1a1a1a!important}.idash-kpi__lbl,.sdash-kpi__lbl{font-size:11px!important;color:#888!important}.idash-card,.sdash-card{border:.5px solid rgba(0,0,0,.08)!important;border-radius:12px!important;box-shadow:none!important}.idash-action,.sdash-action{border-radius:99px!important;font-size:12px!important;font-weight:500!important;border:.5px solid rgba(0,0,0,.08)!important}.idash-action:hover,.sdash-action:hover{opacity:.85;transform:translateY(-1px)}.btn-primary{background:var(--ss-purple-600, #534AB7);box-shadow:none}.btn-primary:hover{background:var(--ss-purple-700, #3C3489)}.badge-primary{background:var(--ss-purple-50, #EEEDFE);color:var(--ss-purple-600, #534AB7)}.notif-unread-dot{background:var(--ss-purple-600, #534AB7)}.dropdown-footer a{color:var(--ss-purple-600, #534AB7)}.dropdown-item:hover,.notif-item:hover,.notif-item.unread{background:var(--ss-purple-50, #EEEDFE)}.ipb-hero{background:var(--ss-purple-700, #3C3489)!important;border-radius:16px!important;box-shadow:none!important}.edu-card{border:.5px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:none}:root{--ss-purple-900: #1A1633;--ss-purple-800: #26215C;--ss-purple-700: #3C3489;--ss-purple-600: #534AB7;--ss-purple-400: #7F77DD;--ss-purple-200: #AFA9EC;--ss-purple-100: #CECBF6;--ss-purple-50: #EEEDFE;--space-deep: #1A1633;--space-dark: #1A1633;--space-mid: #26215C;--space-nebula: #3C3489;--violet: #534AB7;--violet-hover: #3C3489;--violet-light: #7F77DD;--violet-soft: #EEEDFE;--violet-bg: #f7f7f9;--orange: #FF6B35;--gold: #FFD700;--coral: #FF4D6D;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--planet-arabe: #2D3FCC;--planet-fr: #D4547A;--planet-math: #7C3AFF;--planet-sci: #0F766E;--planet-tech: #FF6B35;--planet-islam: #B45309;--planet-arts: #BE185D;--planet-music: #7C3AFF;--planet-eps: #DC2626;--planet-hist: #065F46;--text-primary: #1a1a1a;--text-secondary: #6B7280;--text-on-dark: #FFFFFF;--text-muted: rgba(200,180,255,.55);--surface: #FFFFFF;--border: #E0D8F8;--edu-primary: #534AB7;--edu-primary-hover: #3C3489;--edu-primary-light: #EEEDFE;--edu-primary-50: #EEEDFE;--edu-primary-100: #EEEDFE;--edu-secondary: #22C55E;--edu-secondary-hover:#16A34A;--edu-secondary-light:#DCFCE7;--edu-accent: #FF6B35;--edu-accent-hover: #E85A28;--edu-accent-light: #FFF3ED;--edu-student: #7C3AFF;--edu-student-hover: #6B2EE0;--edu-student-light: #EDE8FF;--edu-danger: #EF4444;--edu-danger-light: #FEE2E2;--edu-bg: #f7f7f9;--edu-surface: #FFFFFF;--edu-text: #1A0A3E;--edu-text-secondary: #6B7280;--edu-text-muted: #9B8AFF;--edu-border: #E0D8F8;--edu-border-light: #F0EAF8;--edu-shadow-xs: 0 1px 2px rgba(124,58,255,.04);--edu-shadow-sm: 0 1px 3px rgba(124,58,255,.06), 0 1px 2px rgba(0,0,0,.04);--edu-shadow: 0 4px 6px -1px rgba(124,58,255,.08), 0 2px 4px -2px rgba(0,0,0,.04);--edu-shadow-md: 0 8px 16px -4px rgba(124,58,255,.1), 0 4px 6px -2px rgba(0,0,0,.04);--edu-shadow-lg: 0 20px 40px -8px rgba(124,58,255,.15);--edu-radius-xs: 6px;--edu-radius-sm: 8px;--edu-radius: 12px;--edu-radius-lg: 16px;--edu-radius-xl: 20px;--edu-radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-primary: "Inter", "Nunito", "Segoe UI", sans-serif;--font-arabic: "Noto Kufi Arabic", "Tajawal", sans-serif;--font-sans: "Inter", "Nunito", "Segoe UI", sans-serif;--font-display: "Inter", "Nunito", "Segoe UI", sans-serif;--sidebar-width: 220px;--sidebar-width-student: 280px;--sidebar-collapsed-width: 68px;--topbar-height: 56px;--mobile-nav-height: 60px;--layout-chrome-top: var(--topbar-height);--layout-chrome-bottom: 0px;--app-viewport-height: 100dvh;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-bounce: .25s cubic-bezier(.34, 1.56, .64, 1);--z-sidebar: 100;--z-topbar: 90;--z-dropdown: 80;--z-toast: 200;--z-splash: 999}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--text-primary);background:var(--violet-bg);line-height:1.6;overflow-x:hidden}a{color:var(--violet);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--violet-hover)}img{max-width:100%;height:auto}.sidebar[dir=rtl]{font-family:var(--font-arabic),var(--font-primary),sans-serif}.sidebar[dir=rtl] .nav-badge{margin-right:auto;margin-left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.3;color:var(--text-primary)}h1{font-size:1.45rem;font-weight:800}h2{font-size:1.3rem}h3{font-size:1.1rem}h4{font-size:1rem}h5{font-size:.93rem}h6{font-size:.85rem}.text-display{font-family:var(--font-primary);font-size:2rem;font-weight:800;letter-spacing:-.02em}.text-body{font-size:.93rem}.text-small{font-size:.857rem}.text-xs{font-size:.786rem}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--edu-text-muted)}.text-primary{color:var(--violet)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.grid{display:grid}.dashboard-layout{display:flex;min-height:var(--app-viewport-height);min-height:100vh;background:var(--violet-bg)}.dashboard-layout[data-role=student]{background:#f7f7f9;--sidebar-width: var(--sidebar-width-student)}.main-content{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);min-height:var(--app-viewport-height);min-height:100vh;display:flex;flex-direction:column;min-width:0}.dashboard-layout[data-role=student] .main-content,.dashboard-layout[data-role=student] .main-content--student{background:#f7f7f9;--topbar-bg: #FFFFFF;--topbar-border: rgba(0, 0, 0, .08);--topbar-text: #1a1a1a;--topbar-text-muted: #666;--btn-icon-bg: #fff;--btn-icon-color: #666}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.page-content{padding:var(--space-5);flex:1;min-width:0;min-height:0}.dashboard-layout[data-role=student] .page-content{background:transparent;padding:var(--space-4) var(--space-5)}.edu-card{background:var(--surface);border-radius:var(--edu-radius-lg);border:1.5px solid var(--border);box-shadow:var(--edu-shadow-xs);transition:box-shadow var(--transition-base),transform var(--transition-base)}.edu-card:hover{box-shadow:var(--edu-shadow)}.edu-card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--edu-border-light);display:flex;align-items:center;justify-content:space-between}.edu-card-body{padding:var(--space-6)}.edu-card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--edu-border-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5)}.stat-card{background:var(--surface);border-radius:var(--edu-radius-lg);padding:var(--space-5);border:1.5px solid var(--border);box-shadow:var(--edu-shadow-xs);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--edu-radius-lg) var(--edu-radius-lg) 0 0}.stat-card.color-primary:before{background:var(--violet)}.stat-card.color-success:before{background:var(--success)}.stat-card.color-warning:before{background:var(--warning)}.stat-card.color-purple:before{background:var(--violet)}.stat-card.color-danger:before{background:var(--danger)}.stat-card:hover{box-shadow:var(--edu-shadow-md);transform:translateY(-2px)}.stat-icon{width:44px;height:44px;border-radius:var(--edu-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.bg-primary{background:var(--edu-primary-light);color:var(--violet)}.stat-icon.bg-success{background:var(--edu-secondary-light);color:var(--success)}.stat-icon.bg-warning{background:var(--edu-accent-light);color:var(--orange)}.stat-icon.bg-purple{background:var(--edu-student-light);color:var(--violet)}.stat-icon.bg-danger{background:var(--edu-danger-light);color:var(--danger)}.stat-icon .material-icons-round{font-size:22px}.stat-info{flex:1;min-width:0}.stat-title{font-size:.786rem;color:var(--text-secondary);font-weight:600;margin-bottom:var(--space-1)}.stat-value{font-family:var(--font-primary);font-size:1.4rem;font-weight:800;color:var(--text-primary);line-height:1.2}.stat-trend{display:inline-flex;align-items:center;gap:2px;font-size:.714rem;font-weight:700;margin-top:var(--space-1);padding:2px 8px;border-radius:var(--edu-radius-full)}.stat-trend.up{color:var(--success);background:var(--edu-secondary-light)}.stat-trend.down{color:var(--danger);background:var(--edu-danger-light)}.stat-trend .material-icons-round{font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;font-family:var(--font-primary);font-size:.93rem;font-weight:700;border:none;border-radius:var(--edu-radius);cursor:pointer;transition:all var(--transition-fast);line-height:1.4;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--violet);color:#fff;box-shadow:0 2px 8px #7c3aff4d}.btn-primary:hover{background:var(--violet-hover);color:#fff}.btn-secondary{background:var(--success);color:#fff}.btn-secondary:hover{background:var(--edu-secondary-hover);color:#fff}.btn-accent{background:var(--orange);color:#fff}.btn-accent:hover{background:var(--edu-accent-hover)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--violet);color:var(--violet);background:var(--violet-soft)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--edu-border-light);color:var(--text-primary)}.btn-sm{padding:6px 14px;font-size:.857rem;border-radius:var(--edu-radius-sm)}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:14px}.btn-icon{width:38px;height:38px;padding:0;border-radius:var(--edu-radius)}.btn-icon.btn-sm{width:32px;height:32px}.btn .material-icons-round{font-size:18px}.badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:.714rem;font-weight:700;border-radius:var(--edu-radius-full);line-height:1.4}.badge-primary{background:var(--violet-soft);color:var(--violet)}.badge-success{background:var(--edu-secondary-light);color:var(--success)}.badge-warning{background:var(--edu-accent-light);color:var(--orange)}.badge-danger{background:var(--edu-danger-light);color:var(--danger)}.badge-purple{background:var(--violet-soft);color:var(--violet)}.badge-neutral{background:var(--edu-border-light);color:var(--text-secondary)}.star-badge{display:inline-flex;align-items:center;gap:4px;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;color:var(--gold)}.star-badge .star{font-size:12px}.edu-table-wrapper{overflow-x:auto;border-radius:var(--edu-radius-lg);border:1.5px solid var(--border)}.edu-table{width:100%;border-collapse:collapse;font-size:.93rem}.edu-table thead{background:var(--violet-bg)}.edu-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:700;font-size:.786rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.edu-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--edu-border-light);color:var(--text-primary);vertical-align:middle}.edu-table tbody tr{transition:background var(--transition-fast)}.edu-table tbody tr:hover{background:var(--violet-soft)}.table-avatar{width:34px;height:34px;border-radius:var(--edu-radius-full);background:var(--violet-soft);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.786rem;color:var(--violet);flex-shrink:0}.table-user{display:flex;align-items:center;gap:var(--space-3)}.table-user-info{display:flex;flex-direction:column}.table-user-name{font-weight:600;color:var(--text-primary)}.table-user-email{font-size:.714rem;color:var(--text-secondary)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:.786rem;font-weight:700;color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em}.form-input{width:100%;padding:10px 14px;font-family:var(--font-primary);font-size:.93rem;color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--edu-radius);outline:none;transition:all var(--transition-fast)}.form-input:focus{border-color:var(--ss-purple-400, #7F77DD);box-shadow:0 0 0 3px #534ab71f}.form-input::placeholder{color:#6b728080}.form-input-icon{position:relative}.form-input-icon .material-icons-round{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-secondary)}.form-input-icon .form-input{padding-left:42px}.search-box{position:relative;max-width:280px}.search-box .material-icons-round{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-secondary);pointer-events:none}.search-box input{width:100%;padding:7px 14px 7px 38px;font-family:var(--font-primary);font-size:13px;color:var(--text-primary);background:#f5f5f7;border:.5px solid rgba(0,0,0,.08);border-radius:99px;outline:none;transition:all var(--transition-fast)}.search-box input:focus{border-color:var(--ss-purple-400, #7F77DD);box-shadow:0 0 0 3px #534ab71f}.progress-bar{width:100%;height:6px;background:var(--edu-border-light);border-radius:var(--edu-radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--edu-radius-full);transition:width 1s ease;position:relative}.progress-fill.primary{background:linear-gradient(90deg,var(--violet),var(--violet-light))}.progress-fill.success{background:linear-gradient(90deg,var(--success),#34D399)}.progress-fill.warning{background:linear-gradient(90deg,var(--warning),#FBBF24)}.progress-fill.purple{background:linear-gradient(90deg,var(--violet),var(--violet-light))}.progress-fill.danger{background:linear-gradient(90deg,var(--danger),#F87171)}.progress-lg{height:10px}.progress-sm{height:4px}.avatar{width:38px;height:38px;border-radius:var(--edu-radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.857rem;flex-shrink:0;background:var(--violet-soft);color:var(--violet)}.avatar-sm{width:30px;height:30px;font-size:.714rem}.avatar-lg{width:52px;height:52px;font-size:1.15rem}.avatar-xl{width:68px;height:68px;font-size:1.4rem}.avatar img{width:100%;height:100%;border-radius:var(--edu-radius-full);object-fit:cover}.page-hero{background:var(--space-dark);border-radius:var(--edu-radius-xl);padding:20px 26px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:var(--space-5);color:var(--text-on-dark)}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(124,58,255,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(45,63,204,.1) 0%,transparent 60%);pointer-events:none}.page-hero .hero-blob{position:absolute;border-radius:50%;background:#7c3aff26;filter:blur(20px);pointer-events:none}.page-header{margin-bottom:var(--space-6)}.page-title{font-family:var(--font-primary);font-size:1.3rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-1)}.page-subtitle{font-size:.857rem;color:var(--text-secondary)}.section-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.welcome-banner{background:linear-gradient(135deg,var(--violet),var(--space-nebula));border-radius:var(--edu-radius-xl);padding:var(--space-8);color:#fff;position:relative;overflow:hidden;margin-bottom:var(--space-6)}.welcome-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff0f;border-radius:50%}.welcome-banner h2{color:#fff;font-family:var(--font-primary);font-size:1.3rem;font-weight:800;margin-bottom:var(--space-2)}.welcome-banner p{opacity:.9;font-size:.857rem;max-width:500px}.welcome-student{background:linear-gradient(135deg,var(--violet),var(--space-nebula),var(--space-mid))}.space-toast{background:var(--space-mid);border:1px solid rgba(124,58,255,.4);border-radius:14px;padding:10px 16px;display:flex;align-items:center;gap:10px;color:#fff;font-size:12px;font-weight:600;box-shadow:0 4px 20px #0000004d}.space-toast .toast-icon{width:28px;height:28px;border-radius:8px;background:var(--violet);display:flex;align-items:center;justify-content:center}.empty-planet{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.empty-planet .empty-orb{width:80px;height:80px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:16px;opacity:.6}.empty-planet .empty-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.empty-planet .empty-sub{font-size:12px;color:var(--text-secondary);line-height:1.6}.badge-reward{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--edu-radius-lg);background:var(--surface);border:1.5px solid var(--border);text-align:center;transition:all var(--transition-base)}.badge-reward:hover{transform:translateY(-4px);box-shadow:var(--edu-shadow-md)}.badge-reward.earned{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.badge-reward.locked{opacity:.5;filter:grayscale(.5)}.badge-emoji{font-size:2rem;line-height:1}.badge-name{font-size:.714rem;font-weight:700;color:var(--text-primary)}.xp-bar{background:var(--edu-border-light);border-radius:var(--edu-radius-full);height:18px;position:relative;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--orange),var(--coral));border-radius:var(--edu-radius-full);transition:width 1s ease;display:flex;align-items:center;justify-content:center}.xp-text{font-size:.643rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.level-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 14px;background:linear-gradient(135deg,var(--gold),var(--orange));color:#fff;border-radius:var(--edu-radius-full);font-weight:800;font-size:.857rem;box-shadow:0 2px 8px #ffd7004d}.schedule-grid{display:grid;grid-template-columns:auto repeat(5,1fr);gap:1px;background:var(--border);border-radius:var(--edu-radius-lg);overflow:hidden;border:1.5px solid var(--border)}.schedule-cell{background:var(--surface);padding:var(--space-3);font-size:.786rem;min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center}.schedule-header{background:var(--violet-bg);font-weight:700;color:var(--text-primary);padding:var(--space-3);font-size:.786rem}.schedule-time{background:var(--violet-bg);font-weight:600;color:var(--text-secondary);font-size:.714rem}.schedule-subject{border-radius:var(--edu-radius-sm);padding:var(--space-2) var(--space-3);font-weight:600;font-size:.714rem;width:100%;border-left:3px solid var(--subject-color, var(--violet));background:color-mix(in srgb,var(--subject-color, var(--violet)) 8%,white)}.edu-tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--edu-border-light);margin-bottom:var(--space-6)}.edu-tab{padding:var(--space-3) var(--space-4);font-size:.857rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast);background:none;border-top:none;border-left:none;border-right:none}.edu-tab:hover{color:var(--violet)}.edu-tab.active{color:var(--violet);border-bottom-color:var(--violet);font-weight:700}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary)}.empty-state .material-icons-round{font-size:48px;color:var(--edu-text-muted);margin-bottom:var(--space-4)}.tooltip-wrapper{position:relative}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--space-dark);color:#fff;padding:4px 10px;border-radius:var(--edu-radius-sm);font-size:.643rem;white-space:nowrap;transition:all var(--transition-fast);margin-bottom:4px;z-index:100}.dashboard-grid{display:grid;gap:var(--space-5)}.dashboard-grid-2{grid-template-columns:1fr 1fr}.dashboard-grid-3{grid-template-columns:2fr 1fr}.dashboard-grid-sidebar{grid-template-columns:1fr 320px}.notification-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;position:absolute;top:6px;right:6px;border:1.5px solid var(--violet-bg)}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--edu-radius);transition:background var(--transition-fast);cursor:pointer}.notification-item:hover{background:var(--edu-border-light)}.notification-item.unread{background:var(--violet-soft)}.notification-icon{width:34px;height:34px;border-radius:var(--edu-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon .material-icons-round{font-size:16px}.activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--edu-border-light)}.activity-item:last-child{border-bottom:none}.activity-icon{width:34px;height:34px;border-radius:var(--edu-radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon .material-icons-round{font-size:16px}.activity-content{flex:1;min-width:0}.activity-text{font-size:.857rem;color:var(--text-primary);line-height:1.5}.activity-text strong{font-weight:700}.activity-time{font-size:.714rem;color:var(--text-secondary);margin-top:2px}.quick-action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--edu-radius-lg);cursor:pointer;transition:all var(--transition-base)}.quick-action:hover{border-color:var(--violet);box-shadow:var(--edu-shadow);transform:translateY(-1px)}.quick-action-icon{width:42px;height:42px;border-radius:var(--edu-radius);display:flex;align-items:center;justify-content:center}.quick-action-text{font-weight:600;font-size:.857rem}.circular-progress{position:relative;width:100px;height:100px}.circular-progress svg{transform:rotate(-90deg)}.circular-progress circle{fill:none;stroke-width:8;stroke-linecap:round}.circular-progress .bg-circle{stroke:var(--edu-border-light)}.circular-progress .progress-circle{transition:stroke-dashoffset 1s ease}.circular-progress-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.planet-card{border-radius:50% 50% 46% 46%/40% 40% 42% 42%;padding:28px 22px 22px;position:relative;overflow:hidden;cursor:pointer;transition:transform var(--transition-bounce);min-height:200px;display:flex;flex-direction:column;justify-content:space-between;animation:planet-float ease-in-out infinite}.planet-card:before{content:"";position:absolute;top:-30%;left:10%;width:40%;height:50%;background:#ffffff26;border-radius:50%;filter:blur(8px);pointer-events:none}.planet-card:after{content:"";position:absolute;inset:-8px;border-radius:inherit;border:2px solid transparent;transition:border-color .25s,box-shadow .25s}.planet-card:hover{transform:translateY(-6px) scale(1.02)}.planet-card:hover:after{border-color:#ffffff40;box-shadow:0 0 20px #ffffff14}.planet-ring{position:absolute;left:50%;top:55%;transform:translate(-50%) rotate(-15deg);width:120%;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.2);opacity:.4;transition:opacity .25s;pointer-events:none}.planet-card:hover .planet-ring{opacity:.8}.planet-satellite{position:absolute;top:8%;right:10%;background:var(--gold);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--space-dark);animation:satellite-orbit 6s linear infinite;border:2px solid rgba(255,255,255,.3);z-index:5}@keyframes planet-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.planet-card:nth-child(1){animation-duration:4s;animation-delay:0s}.planet-card:nth-child(2){animation-duration:3.5s;animation-delay:.3s}.planet-card:nth-child(3){animation-duration:4.5s;animation-delay:.6s}.planet-card:nth-child(4){animation-duration:3.8s;animation-delay:.9s}.planet-card:nth-child(5){animation-duration:4.2s;animation-delay:.2s}.planet-card:nth-child(6){animation-duration:3.6s;animation-delay:.5s}.planet-card:nth-child(7){animation-duration:4.8s;animation-delay:.8s}.planet-card:nth-child(8){animation-duration:4.1s;animation-delay:.4s}@keyframes satellite-orbit{0%{transform:rotate(0) translate(8px) rotate(0)}to{transform:rotate(360deg) translate(8px) rotate(-360deg)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #7c3aff33}50%{box-shadow:0 0 20px #7c3aff80}}.animate-fade-in{animation:fadeIn .5s cubic-bezier(.22,1,.36,1) forwards}.animate-slide-in{animation:slideInLeft .4s cubic-bezier(.22,1,.36,1) forwards}.animate-slide-up{animation:slideInUp .5s cubic-bezier(.22,1,.36,1) forwards}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.22,1,.36,1) forwards}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.22,1,.36,1) forwards}.animate-float{animation:float 3s ease-in-out infinite}.stagger-1{animation-delay:.06s;opacity:0}.stagger-2{animation-delay:.12s;opacity:0}.stagger-3{animation-delay:.18s;opacity:0}.stagger-4{animation-delay:.24s;opacity:0}.stagger-5{animation-delay:.3s;opacity:0}.stagger-6{animation-delay:.36s;opacity:0}.stagger-7{animation-delay:.42s;opacity:0}.stagger-8{animation-delay:.48s;opacity:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1024px){.main-content{margin-left:var(--sidebar-collapsed-width)}.page-content{padding:var(--space-4)}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-2,.dashboard-grid-3,.dashboard-grid-sidebar{grid-template-columns:1fr}}@media(max-width:768px){.main-content{margin-left:0;--layout-chrome-bottom: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px))}.main-content.has-mobile-nav{--layout-chrome-bottom: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px))}.page-content{padding:var(--space-3);padding-bottom:calc(var(--space-3) + var(--layout-chrome-bottom))}.stats-grid{grid-template-columns:1fr}.welcome-banner{padding:var(--space-5)}.welcome-banner h2{font-size:1.15rem}h1{font-size:1.3rem}h2{font-size:1.15rem}.hide-mobile{display:none!important}}@media(max-width:480px){.page-content{padding:var(--space-2)}.stat-card{padding:var(--space-4)}.stat-value{font-size:1.15rem}.edu-card-body{padding:var(--space-4)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--violet-light)}@media print{.sidebar,.topbar{display:none!important}.main-content{margin-left:0!important}}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background:var(--success)}.status-dot.inactive{background:var(--text-secondary)}.status-dot.warning{background:var(--warning)}.chart-bars{display:flex;align-items:flex-end;gap:var(--space-2);height:160px;padding-top:var(--space-4)}.chart-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);height:100%;justify-content:flex-end}.chart-bar{width:100%;max-width:36px;border-radius:var(--edu-radius-sm) var(--edu-radius-sm) 0 0;transition:height 1s ease;min-height:4px}.chart-bar:hover{opacity:.85;transform:scaleY(1.02);transform-origin:bottom}.chart-bar-label{font-size:.643rem;color:var(--text-secondary);font-weight:600;text-align:center}.chart-bar-value{font-size:.643rem;font-weight:700;color:var(--text-secondary)}.donut-chart{width:120px;height:120px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.donut-chart-inner{width:78px;height:78px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute}.donut-chart-value{font-family:var(--font-primary);font-size:1.15rem;font-weight:800;color:var(--text-primary);line-height:1}.donut-chart-label{font-size:.643rem;color:var(--text-secondary)}@media(max-width:768px){.chart-bars{height:120px}}.universe-bg{background:radial-gradient(ellipse at 20% 30%,rgba(90,40,180,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(40,60,200,.12) 0%,transparent 50%),#0d0b2e;min-height:100%;position:relative}.stars-layer{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 8% 15%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 25% 8%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 45% 20%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 65% 5%,rgba(255,255,255,.45),transparent),radial-gradient(1.5px 1.5px at 82% 18%,rgba(255,255,255,.38),transparent),radial-gradient(1px 1px at 92% 35%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 12% 45%,rgba(255,255,255,.25),transparent),radial-gradient(1.5px 1.5px at 35% 55%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 72% 48%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 88% 62%,rgba(255,255,255,.28),transparent),radial-gradient(1.5px 1.5px at 5% 75%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 55% 80%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 78% 88%,rgba(255,255,255,.38),transparent)}.nebula{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none;animation:nebula-pulse ease-in-out infinite}@keyframes nebula-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.52;transform:scale(1.07)}}.nebula-1{width:300px;height:300px;background:#5a28b447;top:-80px;left:-60px;animation-duration:8s}.nebula-2{width:220px;height:220px;background:#1e32c838;bottom:-50px;right:-40px;animation-duration:11s;animation-delay:2s}.nebula-3{width:180px;height:180px;background:#783cc82e;top:40%;left:55%;animation-duration:14s;animation-delay:1s}.main-content-space{background:radial-gradient(ellipse at 20% 30%,rgba(90,40,180,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(40,60,200,.12) 0%,transparent 50%),#0d0b2e;position:relative;overflow:hidden}.main-content--student{background:#fff;position:relative}.subject-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px 18px;background:#fff;border:2px solid #EEF2FF;border-radius:20px;box-shadow:0 4px #e8edff,0 8px 24px #1a0a3e0f;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .15s ease;min-height:200px}.subject-card:hover{transform:translateY(-6px);border-color:var(--accent, #7C3AFF);box-shadow:0 6px #e0d8f8,0 14px 32px #7c3aff24}.subject-card:active{transform:translateY(-2px)}.subject-card-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:3px;padding:4px 10px;background:linear-gradient(135deg,#fff4e6,#ffe8cc);border:1.5px solid #FFD699;border-radius:20px;font-size:10px;font-weight:800;color:#b45309;z-index:2}.subject-card-badge .material-icons-round{font-size:14px}.subject-card-icon{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 8px 20px #0000001f;flex-shrink:0}.subject-card-emoji{font-size:2.25rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));-webkit-user-select:none;user-select:none}.subject-card-title{margin:0 0 4px;font-size:1rem;font-weight:800;color:#1a0a3e;line-height:1.25;font-family:Nunito,Segoe UI,sans-serif}.subject-card-teacher{margin:0 0 12px;font-size:.8rem;font-weight:600;color:#6b7280;line-height:1.3}.subject-card-progress{width:100%;margin-top:auto}.subject-card-track{height:10px;border-radius:10px;background:#f1f5f9;overflow:hidden;margin-bottom:6px}.subject-card-fill{height:100%;border-radius:10px;transition:width .5s ease;min-width:0}.subject-card-count{font-size:.75rem;font-weight:700;color:#6b7280}@media(max-width:768px){.subject-card{padding:16px 12px 14px;min-height:180px}.subject-card-icon{width:72px;height:72px;margin-bottom:10px}.subject-card-emoji{font-size:1.85rem}.subject-card-title{font-size:.9rem}}.planets-grid,.subjects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:8px 4px 24px;position:relative;z-index:2;flex:1;max-width:1200px;margin:0 auto;width:100%}@media(max-width:1024px){.planets-grid,.subjects-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:768px){.planets-grid,.subjects-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:4px 0 80px}}@media(max-width:480px){.planets-grid,.subjects-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:4px 0 80px}}.subjects-page{position:relative;min-height:100%;flex:1;display:flex;flex-direction:column;background:#fff;padding:0 8px 24px}.subjects-page__decor{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.decor-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.45}.decor-blob--1{width:280px;height:280px;background:#ede8ff;top:-60px;right:-40px}.decor-blob--2{width:200px;height:200px;background:#e0f2fe;bottom:10%;left:-30px}.decor-blob--3{width:160px;height:160px;background:#fef3c7;top:35%;left:45%}.subjects-header{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:20px 12px 24px;max-width:1200px;margin:0 auto;width:100%}.subjects-header__icon{font-size:2.75rem;line-height:1;flex-shrink:0}.subjects-header__title{margin:0 0 4px;font-size:1.75rem;font-weight:800;color:#1a0a3e;font-family:Nunito,Segoe UI,sans-serif;letter-spacing:-.02em}.subjects-header__subtitle{margin:0;font-size:1rem;font-weight:600;color:#6b7280}.subjects-loading{text-align:center;padding:3rem 1rem;position:relative;z-index:2;color:#6b7280}.subjects-loading .material-icons-round{font-size:2.5rem;vertical-align:middle;color:#7c3aff}.subjects-loading p{margin-top:.75rem;font-size:1rem;font-weight:600}.travel-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;opacity:0;visibility:hidden;background:#fff0;transition:opacity .4s ease,visibility .4s ease,background .4s ease}.travel-overlay.active{pointer-events:all;opacity:1;visibility:visible;background:#ffffffd1;backdrop-filter:blur(4px)}.travel-card{width:min(320px,88vw);padding:32px 28px 28px;text-align:center;background:#fff;border:3px solid var(--accent, #7C3AFF);border-radius:22px;box-shadow:0 8px 0 var(--accent-soft, #EDE8FF),0 16px 40px #1a0a3e1a;animation:travel-card-in .55s cubic-bezier(.22,1,.36,1) forwards,travel-card-out .4s ease 1.55s forwards}@keyframes travel-card-in{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes travel-card-out{to{opacity:0;transform:scale(1.02) translateY(-12px)}}.travel-card-icon-wrap{position:relative;width:96px;height:96px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.travel-card-ring{position:absolute;inset:0;border-radius:50%;border:3px solid var(--accent, #7C3AFF);opacity:0;animation:travel-ring-expand 1.4s ease-out .15s 2}@keyframes travel-ring-expand{0%{transform:scale(.6);opacity:.75}to{transform:scale(1.55);opacity:0}}.travel-card-icon{position:relative;z-index:1;width:88px;height:88px;border-radius:50%;background:linear-gradient(160deg,var(--accent-soft, #EDE8FF),#FFFFFF);border:3px solid var(--accent, #7C3AFF);display:flex;align-items:center;justify-content:center;font-size:2.5rem;line-height:1;animation:travel-icon-pop .6s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes travel-icon-pop{0%{transform:scale(.5) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.travel-card-label{margin:0 0 4px;font-size:.85rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;animation:travel-fade-up .45s ease .25s both}.travel-card-title{margin:0 0 22px;font-size:1.35rem;font-weight:800;color:#1a0a3e;font-family:Nunito,Segoe UI,sans-serif;line-height:1.25;animation:travel-fade-up .45s ease .35s both}@keyframes travel-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.travel-card-track{height:10px;border-radius:10px;background:#f1f5f9;overflow:hidden}.travel-card-fill{height:100%;width:0;border-radius:10px;background:var(--accent, #7C3AFF);animation:travel-fill 1.5s cubic-bezier(.4,0,.2,1) .45s forwards}@keyframes travel-fill{0%{width:0}85%{width:100%}to{width:100%}}@media(max-width:768px){.dashboard-layout[data-role=student] .main-content{margin-left:0!important}}@media(max-width:480px){.planets-grid,.subjects-grid{gap:12px;padding:4px 0 70px}.subjects-header__title{font-size:1.4rem}.subjects-header__subtitle{font-size:.9rem}}