:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 600px at 10% -10%,rgba(59,130,246,.18),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(124,58,237,.15),transparent 55%),linear-gradient(180deg,#f8fbff,#eef3fb);min-height:100vh;color:#1e293b;line-height:1.4}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass-effect{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.shadow-soft{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-medium{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-hard{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.compact-section{margin-bottom:12px}.dashboard-shell{max-width:1320px;margin:0 auto}.dashboard-top{margin-bottom:14px}.dashboard-panel{animation:fadeIn .35s ease-out}.student-dashboard,.teacher-dashboard,.admin-dashboard{position:relative}.student-dashboard:before,.teacher-dashboard:before,.admin-dashboard:before{content:"";position:fixed;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#3b82f62e,#3b82f600 70%);top:-130px;right:-120px;z-index:-1;pointer-events:none}.student-dashboard:after,.teacher-dashboard:after,.admin-dashboard:after{content:"";position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#7c3aed24,#7c3aed00 72%);bottom:-160px;left:-140px;z-index:-1;pointer-events:none}.student-tabs,.teacher-tabs,.admin-tabs{background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.student-tabs .MuiTab-root,.teacher-tabs .MuiTab-root,.admin-tabs .MuiTab-root{margin:2px 0}.student-tabs .Mui-selected,.teacher-tabs .Mui-selected,.admin-tabs .Mui-selected{background:#2563eb14}.table-modern{background:#fffffff0}.table-modern .MuiTableRow-root:hover{background-color:#2563eb0f}.table-modern .MuiTableCell-head{background:#f8fbff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in{animation:slideIn .3s ease-out}.form-container{max-width:480px;margin:2rem auto;padding:2.5rem;background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.form-title{text-align:center;margin-bottom:2rem;color:#1e293b;font-weight:700;font-size:1.875rem}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.table-container{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.table-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.nav-link{color:#64748b;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.nav-link:hover{background:#f1f5f9;color:#334155}.nav-link.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.avatar-gradient{background:var(--primary-gradient);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.form-container{margin:1rem;padding:1.5rem}.form-title{font-size:1.5rem}.dashboard-top,.compact-section{margin-bottom:10px}.student-dashboard:before,.teacher-dashboard:before,.admin-dashboard:before,.student-dashboard:after,.teacher-dashboard:after,.admin-dashboard:after{display:none}}.student-dashboard{min-height:100vh;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.student-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;margin-bottom:24px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.student-avatar{width:100px;height:100px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:2rem;font-weight:600;display:flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 10px 15px -3px #0000001a}.student-tabs{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.student-tabs .MuiTabs-indicator{height:4px;border-radius:2px}.student-tabs .MuiTab-root{font-weight:600;font-size:1rem;text-transform:none;padding:16px;transition:all .2s ease}.student-tabs .MuiTab-root:hover{background:#00000005}.student-tabs .Mui-selected{color:#667eea}.grades-table{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.grades-table .MuiTableHead-root{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.grades-table .MuiTableCell-head{font-weight:600;color:#334155}.grade-chip{font-weight:600;min-width:40px;justify-content:center}.grade-5{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.grade-4{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.grade-3{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.grade-2{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.schedule-card{border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease;margin-bottom:12px}.schedule-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.schedule-time{font-weight:600;color:#667eea;font-size:.9rem}.schedule-subject{font-weight:600;color:#1e293b;margin-bottom:4px}.schedule-teacher{color:#64748b;font-size:.9rem}.schedule-classroom{background:#f1f5f9;padding:4px 8px;border-radius:6px;font-size:.8rem;color:#475569}.password-form{max-width:500px;margin:0 auto;padding:32px;background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stats-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;text-align:center;transition:all .3s ease}.stats-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.stats-value{font-size:2.5rem;font-weight:700;margin-bottom:8px}.stats-label{color:#64748b;font-size:.9rem}.profile-card{border-radius:16px;border:1px solid #e2e8f0;overflow:hidden}.profile-card .MuiCardContent-root{padding:24px}.profile-card .MuiListItem-root{padding-left:0;padding-right:0}.profile-card .MuiListItemIcon-root{min-width:40px}@media (max-width: 768px){.student-avatar{width:80px;height:80px;font-size:1.5rem}.student-tabs .MuiTab-root{padding:12px;font-size:.9rem}.password-form{padding:20px;margin:0 16px}.stats-card{padding:16px}.stats-value{font-size:2rem}.profile-card .MuiCardContent-root{padding:16px}}.admin-header{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:16px;margin-bottom:24px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-avatar{width:100px;height:100px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:2rem;font-weight:600;display:flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 10px 15px -3px #0000001a}.admin-tabs{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.admin-tabs .MuiTabs-indicator{height:4px;border-radius:2px}.admin-tabs .MuiTab-root{font-weight:600;font-size:1rem;text-transform:none;padding:16px;transition:all .2s ease}.admin-tabs .MuiTab-root:hover{background:#00000005}.admin-tabs .Mui-selected{color:#ef4444}.teacher-dashboard{min-height:100vh;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.teacher-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:16px;margin-bottom:24px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.teacher-avatar{width:100px;height:100px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;font-size:2rem;font-weight:600;display:flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 10px 15px -3px #0000001a}.teacher-tabs{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.teacher-tabs .MuiTabs-indicator{height:4px;border-radius:2px}.teacher-tabs .MuiTab-root{font-weight:600;font-size:1rem;text-transform:none;padding:16px;transition:all .2s ease}.teacher-tabs .MuiTab-root:hover{background:#00000005}.teacher-tabs .Mui-selected{color:#3b82f6}