*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{text-align:right;background-color:var(--color-bg-dark);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;min-height:100vh;font-family:Tajawal,sans-serif;line-height:1.7;overflow-x:hidden}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{border:none;outline:none;font-family:inherit}input[type=date]{text-align:right;direction:ltr}img{max-width:100%;display:block}:root{--color-primary:#047857;--color-primary-dark:#065f46;--color-primary-light:#10b981;--color-primary-lighter:#34d399;--color-primary-glow:#04785766;--color-accent:#d4af37;--color-accent-light:#f59e0b;--color-accent-dark:#b8860b;--color-accent-glow:#d4af374d;--color-bg-dark:#0f172a;--color-bg-darker:#020617;--color-bg-card:#1e293b;--color-bg-card-hover:#273549;--color-bg-glass:#1e293bb3;--color-bg-glass-light:#1e293b66;--color-bg-input:#0f172a99;--color-bg-overlay:#00000080;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-dim:#64748b;--color-text-inverse:#0f172a;--color-danger:#ef4444;--color-danger-light:#fca5a5;--color-success:#10b981;--color-success-light:#6ee7b7;--color-warning:#f59e0b;--color-warning-light:#fcd34d;--color-info:#3b82f6;--border-glass:1px solid #ffffff14;--border-accent:1px solid #d4af374d;--border-primary:1px solid #0478574d;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 16px 48px #00000080;--shadow-glow-primary:0 0 30px #0478574d;--shadow-glow-accent:0 0 30px #d4af3733;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-navbar:200;--z-modal:300;--z-toast:400;--navbar-height:72px;--sidebar-width:280px;--container-max:1200px}body:before{content:"";z-index:-2;background:radial-gradient(at 20%,#04785714 0%,#0000 50%),radial-gradient(at 80% 20%,#d4af370d 0%,#0000 50%),radial-gradient(at 50% 80%,#0478570d 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;opacity:.03;background-image:linear-gradient(30deg, var(--color-primary) 12%, transparent 12.5%, transparent 87%, var(--color-primary) 87.5%, var(--color-primary)), linear-gradient(150deg, var(--color-primary) 12%, transparent 12.5%, transparent 87%, var(--color-primary) 87.5%, var(--color-primary)), linear-gradient(30deg, var(--color-primary) 12%, transparent 12.5%, transparent 87%, var(--color-primary) 87.5%, var(--color-primary)), linear-gradient(150deg, var(--color-primary) 12%, transparent 12.5%, transparent 87%, var(--color-primary) 87.5%, var(--color-primary)), linear-gradient(60deg, #d4af374d 25%, transparent 25.5%, transparent 75%, #d4af374d 75%, #d4af374d), linear-gradient(60deg, #d4af374d 25%, transparent 25.5%, transparent 75%, #d4af374d 75%, #d4af374d);pointer-events:none;background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;background-size:80px 140px;width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-darker)}::-webkit-scrollbar-thumb{background:var(--color-primary-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary);color:var(--color-text)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:700;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--color-text-muted);line-height:1.8}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-xl);margin:0 auto}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.grid{display:grid}.grid-2{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-center{text-align:center}.text-right{text-align:right}.glass-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px);border:var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-normal)}.glass-card:hover{box-shadow:var(--shadow-lg);background:#1e293bd9;border-color:#ffffff1f;transform:translateY(-2px)}.glass-panel{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);border:var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-normal);white-space:nowrap;padding:.75rem 2rem;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:after{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 4px 16px var(--color-primary-glow)}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));box-shadow:0 6px 24px var(--color-primary-glow);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-accent{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));color:var(--color-text-inverse);box-shadow:0 4px 16px var(--color-accent-glow)}.btn-accent:hover{background:linear-gradient(135deg, var(--color-accent-light), var(--color-accent));box-shadow:0 6px 24px var(--color-accent-glow);transform:translateY(-2px)}.btn-outline{color:var(--color-text);background:0 0;border:2px solid #fff3}.btn-outline:hover{border-color:var(--color-primary-light);color:var(--color-primary-light);background:#0478571a;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg, var(--color-danger), #dc2626);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ef44444d}.btn-warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b59}.btn-ghost{color:var(--color-text-muted);background:0 0;padding:.5rem 1rem}.btn-ghost:hover{color:var(--color-text);background:#ffffff0d}.btn-sm{padding:.5rem 1.25rem;font-size:.875rem}.btn-lg{border-radius:var(--radius-lg);padding:1rem 3rem;font-size:1.125rem}.form-group{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.form-label{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.form-input,.form-select{background:var(--color-bg-input);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:all var(--transition-normal);direction:rtl;border:2px solid #ffffff14;padding:.875rem 1.25rem;font-size:1rem}.form-input::placeholder{color:var(--color-text-dim)}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background:#0f172acc}.form-input.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef444433}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394A3B8' viewBox='0 0 16 16'%3E%3Cpath d='M8 12L2 6h12z'/%3E%3C/svg%3E");background-position:16px;background-repeat:no-repeat;padding-left:2.5rem}.form-select option{background:var(--color-bg-card);color:var(--color-text)}.form-error{color:var(--color-danger);align-items:center;gap:var(--space-xs);font-size:.85rem;display:flex}.form-icon-wrapper{position:relative}.form-icon-wrapper .form-input{padding-right:3rem}.form-icon-wrapper .form-icon{color:var(--color-text-dim);pointer-events:none;font-size:1.2rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.navbar{height:var(--navbar-height);-webkit-backdrop-filter:blur(20px);border-bottom:var(--border-glass);z-index:var(--z-navbar);transition:all var(--transition-normal);background:#0f172ad9;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-md);background:#0f172af2}.navbar-inner{max-width:var(--container-max);padding:0 var(--space-xl);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.nav-brand{align-items:center;gap:var(--space-sm);color:var(--color-text);transition:all var(--transition-normal);font-size:1.35rem;font-weight:800;display:flex}.nav-brand:hover{color:var(--color-primary-light)}.nav-brand-icon{filter:drop-shadow(0 0 8px var(--color-primary-glow));font-size:1.6rem}.nav-links{align-items:center;gap:var(--space-md);display:flex}.nav-link{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-normal);padding:.5rem 1rem;font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--color-text);background:#ffffff0d}.nav-user{align-items:center;gap:var(--space-md);display:flex}.nav-user-name{color:var(--color-text);font-size:.95rem;font-weight:600}.nav-role-badge{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;letter-spacing:.5px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.nav-mobile-toggle{cursor:pointer;background:0 0;flex-direction:column;gap:5px;padding:.5rem;display:none}.nav-mobile-toggle span{background:var(--color-text);width:24px;height:2px;transition:all var(--transition-normal);border-radius:2px;display:block}.nav-mobile-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-mobile-toggle.active span:nth-child(2){opacity:0}.nav-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.landing-page{padding-top:var(--navbar-height)}.landing-hero{min-height:calc(100vh - var(--navbar-height));padding:var(--space-4xl) var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg-ornament{filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.hero-bg-ornament:first-child{background:var(--color-primary-glow);width:500px;height:500px;animation-delay:0s;top:-100px;right:-150px}.hero-bg-ornament:nth-child(2){background:var(--color-accent-glow);width:400px;height:400px;animation-delay:-3s;bottom:-100px;left:-100px}.hero-bg-ornament:nth-child(3){background:#3b82f626;width:300px;height:300px;animation-delay:-5s;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{text-align:center;z-index:1;max-width:800px;animation:1s fadeIn;position:relative}.hero-icon{margin-bottom:var(--space-xl);filter:drop-shadow(0 0 20px var(--color-accent-glow));font-size:4rem;animation:4s ease-in-out infinite float}.hero-title{margin-bottom:var(--space-lg);background:linear-gradient(135deg, var(--color-text) 0%, var(--color-primary-lighter) 50%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.2;animation:4s ease-in-out infinite shimmer}.hero-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2.5vw,1.35rem);line-height:1.8}.hero-cta{gap:var(--space-lg);flex-wrap:wrap;justify-content:center;animation:1s .3s both slideUp;display:flex}.hero-decorations{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-decoration{opacity:.06;font-size:3rem;animation:6s ease-in-out infinite float;position:absolute}.hero-decoration:first-child{font-size:2rem;animation-delay:0s;top:15%;right:10%}.hero-decoration:nth-child(2){font-size:4rem;animation-delay:-2s;top:25%;left:15%}.hero-decoration:nth-child(3){font-size:2.5rem;animation-delay:-4s;bottom:20%;right:20%}.hero-decoration:nth-child(4){font-size:3.5rem;animation-delay:-1s;bottom:30%;left:10%}.hero-decoration:nth-child(5){font-size:2rem;animation-delay:-3s;top:60%;right:5%}.landing-features{padding:var(--space-4xl) var(--space-xl);position:relative}.section-title{text-align:center;margin-bottom:var(--space-md);color:var(--color-text);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800}.section-subtitle{text-align:center;color:var(--color-text-muted);max-width:600px;margin:0 auto var(--space-3xl);font-size:1.1rem}.features-grid{gap:var(--space-xl);max-width:var(--container-max);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.feature-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px);border:var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;transition:all var(--transition-slow);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.feature-card:hover{box-shadow:var(--shadow-xl), var(--shadow-glow-primary);border-color:#ffffff26;transform:translateY(-8px)}.feature-card:hover:before{opacity:1}.feature-icon{margin-bottom:var(--space-lg);font-size:3rem;display:block}.feature-title{margin-bottom:var(--space-sm);color:var(--color-text);font-size:1.2rem;font-weight:700}.feature-desc{color:var(--color-text-muted);font-size:.95rem;line-height:1.7}.landing-stats{padding:var(--space-4xl) var(--space-xl);background:linear-gradient(#0000,#0478570d,#0000)}.stats-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);max-width:800px;margin:0 auto;display:grid}.stat-item{text-align:center;padding:var(--space-xl)}.stat-number{background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent));-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;line-height:1}.stat-label{color:var(--color-text-muted);font-size:1rem;font-weight:500}.landing-footer{padding:var(--space-2xl) var(--space-xl);border-top:var(--border-glass);text-align:center}.landing-footer p{color:var(--color-text-dim);font-size:.9rem}.landing-footer .footer-brand{color:var(--color-primary-light);font-weight:700}.auth-container{min-height:100vh;padding:calc(var(--navbar-height) + var(--space-2xl)) var(--space-xl) var(--space-2xl);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(24px);border:var(--border-glass);border-radius:var(--radius-xl);width:100%;max-width:480px;padding:var(--space-2xl) var(--space-2xl);box-shadow:var(--shadow-xl);animation:.6s slideUp;position:relative;overflow:hidden}.auth-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-primary));background-size:200% 100%;height:4px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}.auth-title{text-align:center;margin-bottom:var(--space-sm);color:var(--color-text);font-size:1.75rem;font-weight:800}.auth-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-2xl);font-size:.95rem}.auth-icon{text-align:center;margin-bottom:var(--space-lg);font-size:3rem;animation:4s ease-in-out infinite float}.auth-footer{text-align:center;margin-top:var(--space-xl);color:var(--color-text-muted);font-size:.9rem}.auth-footer a{color:var(--color-primary-light);transition:color var(--transition-fast);font-weight:600}.auth-footer a:hover{color:var(--color-accent)}.auth-error{border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);color:var(--color-danger-light);align-items:center;gap:var(--space-sm);background:#ef44441a;border:1px solid #ef44444d;font-size:.9rem;animation:.3s slideUp;display:flex}.auth-success{border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);color:var(--color-success-light);text-align:center;background:#10b9811a;border:1px solid #10b9814d;font-size:.95rem;line-height:1.8;animation:.3s slideUp}.dashboard{min-height:100vh;padding-top:var(--navbar-height);display:flex}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);border-left:var(--border-glass);padding:var(--space-xl);top:var(--navbar-height);z-index:var(--z-dropdown);transition:transform var(--transition-normal);background:#0f172a99;position:fixed;bottom:0;right:0;overflow-y:auto}.sidebar-link{align-items:center;gap:var(--space-md);padding:.875rem var(--space-lg);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-normal);margin-bottom:var(--space-xs);font-weight:500;display:flex}.sidebar-link:hover{color:var(--color-text);background:#ffffff0d}.sidebar-link.active{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-glow-primary)}.sidebar-link-icon{text-align:center;width:2rem;font-size:1.3rem}.main-content{margin-right:var(--sidebar-width);padding:var(--space-2xl);flex:1}.dashboard-welcome{margin-bottom:var(--space-2xl);animation:.6s fadeIn}.dashboard-welcome h1{margin-bottom:var(--space-sm);font-size:1.75rem}.dashboard-welcome p{color:var(--color-text-muted)}.stat-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px);border:var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:0 var(--radius-lg) var(--radius-lg) 0;width:4px;height:100%;position:absolute;top:0;right:0}.stat-card.primary:before{background:linear-gradient(180deg, var(--color-primary-light), var(--color-primary))}.stat-card.accent:before{background:linear-gradient(180deg, var(--color-accent-light), var(--color-accent))}.stat-card.success:before{background:linear-gradient(180deg, var(--color-success-light), var(--color-success))}.stat-card.info:before{background:linear-gradient(180deg, #93c5fd, var(--color-info))}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1f;transform:translateY(-4px)}.stat-card-icon{margin-bottom:var(--space-md);font-size:2.5rem}.stat-card-value{color:var(--color-text);margin-bottom:var(--space-xs);font-size:2rem;font-weight:800}.stat-card-label{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.dashboard-simple{padding-top:var(--navbar-height);min-height:100vh}.dashboard-simple .main-content{max-width:var(--container-max);margin-left:auto;margin-right:auto}.stars-display{direction:ltr;gap:2px;display:flex}.star{color:var(--color-text-dim);transition:all var(--transition-fast);font-size:1.2rem}.star.filled{color:var(--color-accent);filter:drop-shadow(0 0 4px var(--color-accent-glow))}.badge-card{align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg-glass);border:var(--border-glass);border-radius:var(--radius-lg);transition:all var(--transition-normal);flex-direction:column;display:flex}.badge-card:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.badge-icon{filter:drop-shadow(0 0 8px #d4af374d);font-size:3rem}.badge-name{color:var(--color-text-muted);text-align:center;font-size:.85rem;font-weight:600}.leaderboard-row{align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-normal);border-bottom:1px solid #ffffff0a;display:flex}.leaderboard-row:hover{background:#ffffff08}.leaderboard-row.top-3{background:#d4af370d;border:1px solid #d4af371a}.leaderboard-rank{background:var(--color-bg-card);width:2.5rem;height:2.5rem;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.leaderboard-rank.gold{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));color:var(--color-text-inverse)}.leaderboard-rank.silver{color:var(--color-text-inverse);background:linear-gradient(135deg,silver,#a0a0a0)}.leaderboard-rank.bronze{color:#fff;background:linear-gradient(135deg,#cd7f32,sienna)}.leaderboard-name{color:var(--color-text);flex:1;font-weight:600}.leaderboard-score{color:var(--color-accent);font-weight:700}.spinner-container{min-height:100vh;padding-top:var(--navbar-height);justify-content:center;align-items:center;display:flex}.spinner{border:4px solid #ffffff1a;border-top-color:var(--color-primary-light);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.spinner-sm{border-width:3px;width:20px;height:20px}.spinner-inline{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.toast-container{top:calc(var(--navbar-height) + var(--space-md));z-index:var(--z-toast);gap:var(--space-sm);flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{min-width:300px;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);animation:slideUp .4s var(--transition-spring);align-items:center;gap:var(--space-sm);font-weight:500;display:flex}.toast-success{color:#fff;background:#10b981e6}.toast-error{color:#fff;background:#ef4444e6}.toast-warning{color:var(--color-text-inverse);background:#f59e0be6}.role-badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.role-badge.admin{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));color:var(--color-text-inverse)}.role-badge.teacher{background:linear-gradient(135deg, var(--color-info), #2563eb);color:#fff}.role-badge.student{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:200% 0}50%{background-position:0 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}@media (width<=1024px){.features-grid,.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translate(100%)}.sidebar.open{transform:translate(0)}.main-content{margin-right:0}}@media (width<=768px){:root{--navbar-height:64px}.nav-links{top:var(--navbar-height);-webkit-backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:var(--space-xl);transition:transform var(--transition-normal);z-index:var(--z-navbar);background:#0f172afa;flex-direction:column;position:fixed;bottom:0;left:0;right:0;transform:translate(100%)}.nav-links.open{transform:translate(0)}.nav-mobile-toggle{display:flex}.features-grid,.stats-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.hero-title{font-size:2rem}.hero-cta{flex-direction:column;align-items:center}.auth-card{margin:var(--space-md);padding:var(--space-xl)}.container{padding:0 var(--space-md)}.main-content{padding:var(--space-lg)}.stat-number{font-size:2rem}}@media (width<=480px){.btn-lg{padding:.875rem 2rem;font-size:1rem}.hero-icon{font-size:3rem}.auth-card{padding:var(--space-lg)}}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.overflow-hidden{overflow:hidden}.animate-fadeIn{animation:.6s fadeIn}.animate-slideUp{animation:.6s slideUp}.animate-slideRight{animation:.6s slideRight}.animate-scaleIn{animation:.4s scaleIn}.text-primary{color:var(--color-primary-light)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.admin-layout{min-height:100vh;padding-top:var(--navbar-height);display:flex}.admin-sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(24px);border-left:var(--border-glass);top:var(--navbar-height);z-index:var(--z-dropdown);transition:transform var(--transition-normal);background:#0f172abf;flex-direction:column;display:flex;position:fixed;bottom:0;right:0;overflow-y:auto}.admin-sidebar-header{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);border-bottom:var(--border-glass);margin-bottom:var(--space-sm);display:flex}.admin-sidebar-logo{filter:drop-shadow(0 0 8px var(--color-accent-glow));font-size:1.6rem}.admin-sidebar-title{color:var(--color-text);background:linear-gradient(135deg, var(--color-text), var(--color-primary-lighter));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}.admin-sidebar-nav{padding:var(--space-sm) var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.admin-sidebar-link{align-items:center;gap:var(--space-md);padding:.8rem var(--space-lg);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-normal);font-size:.95rem;font-weight:500;display:flex;position:relative;overflow:hidden}.admin-sidebar-link:before{content:"";border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;height:100%;transition:background var(--transition-normal);background:0 0;position:absolute;top:0;right:0}.admin-sidebar-link:hover{color:var(--color-text);background:#ffffff0d}.admin-sidebar-link.active{color:var(--color-primary-lighter);background:linear-gradient(135deg,#04785733,#04785714);font-weight:600}.admin-sidebar-link.active:before{background:linear-gradient(180deg, var(--color-primary-light), var(--color-primary))}.admin-sidebar-link-icon{text-align:center;flex-shrink:0;width:2rem;font-size:1.25rem}.admin-sidebar-link-label{white-space:nowrap}.admin-sidebar-footer{padding:var(--space-md);border-top:var(--border-glass);margin-top:auto}.admin-sidebar-toggle{bottom:var(--space-lg);left:var(--space-lg);z-index:calc(var(--z-dropdown) + 1);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;width:48px;height:48px;box-shadow:var(--shadow-lg), var(--shadow-glow-primary);cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:none;position:fixed}.admin-sidebar-toggle:hover{transform:scale(1.1)}.admin-sidebar-overlay{z-index:calc(var(--z-dropdown) - 1);background:#00000080;display:none;position:fixed;inset:0}.admin-main{margin-right:var(--sidebar-width);padding:var(--space-2xl);flex:1;max-width:100%;overflow-x:hidden}.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.925rem}.data-table th{padding:var(--space-md) var(--space-lg);text-align:right;color:var(--color-text-muted);white-space:nowrap;text-transform:none;letter-spacing:.3px;background:#0f172a66;border-bottom:2px solid #ffffff0f;font-size:.85rem;font-weight:700}.data-table td{padding:var(--space-md) var(--space-lg);color:var(--color-text);vertical-align:middle;border-bottom:1px solid #ffffff0a}.data-table-row{transition:all var(--transition-normal)}.data-table-row:hover{background:#ffffff08}.data-table-row:last-child td{border-bottom:none}.data-table-row.active-row{border-right:3px solid var(--color-accent);background:#d4af370a}.data-table-row.active-row:hover{background:#d4af3714}.table-actions{align-items:center;gap:var(--space-sm);display:flex}.teacher-name-cell{align-items:center;gap:var(--space-md);display:flex}.teacher-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex}.student-avatar{background:linear-gradient(135deg, var(--color-info), #2563eb)}.circle-count-badge{color:var(--color-primary-lighter);border-radius:var(--radius-full);background:#0478571f;align-items:center;padding:.2rem .65rem;font-size:.85rem;font-weight:600;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-xl);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-card);border:var(--border-glass);border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-xl);position:relative;overflow-y:auto}.modal:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));height:3px;position:absolute;top:0;left:0;right:0}.modal-header{padding:var(--space-xl) var(--space-xl) var(--space-md);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:1.15rem;font-weight:700}.modal-body{padding:var(--space-md) var(--space-xl)}.modal-footer{justify-content:flex-start;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl) var(--space-xl);display:flex}.status-badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);white-space:nowrap;padding:.25rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.status-badge.pending{color:var(--color-warning-light);background:#f59e0b26;border:1px solid #f59e0b40}.status-badge.approved{color:var(--color-success-light);background:#10b98126;border:1px solid #10b98140}.status-badge.rejected{color:var(--color-danger-light);background:#ef444426;border:1px solid #ef444440}.status-badge.active{color:var(--color-accent);background:#d4af3726;border:1px solid #d4af374d}.tab-filters{gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-glass);border:var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);flex-wrap:wrap;display:flex}.tab-filter{align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;background:0 0;border:none;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.tab-filter:hover{color:var(--color-text);background:#ffffff0d}.tab-filter.active{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 2px 12px var(--color-primary-glow)}.tab-filter-count{border-radius:var(--radius-full);background:#ffffff1a;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-flex}.tab-filter.active .tab-filter-count{background:#ffffff40}.confirm-dialog{background:var(--color-bg-card);border:var(--border-glass);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-2xl);box-shadow:var(--shadow-xl);text-align:center}.confirm-dialog-icon{margin-bottom:var(--space-lg);font-size:3rem;animation:3s ease-in-out infinite float}.confirm-dialog h3{margin-bottom:var(--space-md);font-size:1.2rem;font-weight:700}.confirm-dialog p{margin-bottom:var(--space-xl);font-size:.95rem;line-height:1.7}.confirm-dialog-actions{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-xl);flex-direction:column;justify-content:center;align-items:center;animation:.6s fadeIn;display:flex}.empty-state-icon{margin-bottom:var(--space-lg);opacity:.6;font-size:4rem;animation:4s ease-in-out infinite float}.empty-state h3{margin-bottom:var(--space-sm);color:var(--color-text);font-size:1.25rem;font-weight:700}.empty-state p{color:var(--color-text-muted);max-width:400px;font-size:.95rem}.toast.toast-success,.toast.toast-error{bottom:var(--space-xl);left:var(--space-xl);z-index:var(--z-toast);min-width:280px;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-sm);font-size:.95rem;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;position:fixed}.toast.toast-success{color:#fff;background:#10b981f2;border:1px solid #10b98180}.toast.toast-error{color:#fff;background:#ef4444f2;border:1px solid #ef444480}.action-btn-approve{font-weight:600;color:var(--color-success-light)!important;background:#10b98126!important;border:1px solid #10b9814d!important}.action-btn-approve:hover{transform:translateY(-1px);background:#10b98140!important}.action-btn-reject{font-weight:600;color:var(--color-danger-light)!important;background:#ef444426!important;border:1px solid #ef44444d!important}.action-btn-reject:hover{transform:translateY(-1px);background:#ef444440!important}.circles-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.circle-card{position:relative;overflow:hidden}.circle-card:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));opacity:0;width:100%;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;right:0}.circle-card:hover:after{opacity:1}.circle-card-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;display:flex}.circle-card-name{color:var(--color-text);font-size:1.1rem;font-weight:700}.circle-card-body{gap:var(--space-md);flex-direction:column;display:flex}.circle-card-info{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.9rem;display:flex}.circle-info-icon{text-align:center;flex-shrink:0;width:1.5rem;font-size:1rem}.pending-list{flex-direction:column;gap:2px;display:flex}.pending-item{padding:var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-normal);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;display:flex}.pending-item:last-child{border-bottom:none}.pending-item:hover{background:#ffffff08}.pending-item-info{align-items:center;gap:var(--space-md);flex:1;min-width:0;display:flex}.quick-actions-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.quick-action-card{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);background:var(--color-bg-glass-light);border:var(--border-glass);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;display:flex}.quick-action-card:hover{box-shadow:var(--shadow-md);background:#0478571a;border-color:#04785733;transform:translateY(-4px)}.quick-action-icon{font-size:2rem}.quick-action-label{color:var(--color-text-muted);text-align:center;font-size:.9rem;font-weight:600}.quick-action-card:hover .quick-action-label{color:var(--color-text)}@media (width<=1024px){.admin-sidebar{transform:translate(100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-toggle{display:flex}.admin-sidebar-overlay{display:block}.admin-main{margin-right:0}.circles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.admin-main{padding:var(--space-lg)}.flex-between{gap:var(--space-md);flex-wrap:wrap}.circles-grid{grid-template-columns:1fr}.tab-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab-filter{flex-shrink:0}.data-table{font-size:.85rem}.data-table th,.data-table td{padding:var(--space-sm) var(--space-md)}.modal{margin:var(--space-md);max-width:calc(100% - 2 * var(--space-md))}.modal-body .grid-2{grid-template-columns:1fr}.confirm-dialog{margin:var(--space-md);padding:var(--space-xl)}.quick-actions-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr}.quick-action-card{padding:var(--space-lg) var(--space-sm)}.pending-item{gap:var(--space-sm);flex-wrap:wrap}.toast.toast-success,.toast.toast-error{left:var(--space-md);right:var(--space-md);min-width:auto}}.attendance-list{flex-direction:column;gap:2px;display:flex}.attendance-student-row{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-normal);justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid #ffffff0a;display:flex}.attendance-student-row:last-child{border-bottom:none}.attendance-student-row:hover{background:#ffffff08}.attendance-student-info{align-items:center;gap:var(--space-md);flex:1;min-width:0;display:flex}.attendance-pills{gap:var(--space-sm);flex-shrink:0;display:flex}.attendance-pill{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);background:var(--color-bg-glass-light);color:var(--color-text-muted);white-space:nowrap;text-align:center;border:2px solid #0000;min-width:90px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.attendance-pill:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.attendance-pill.present:hover{color:var(--color-success-light);background:#10b9811f;border-color:#10b9814d}.attendance-pill.present.selected{border-color:var(--color-success);color:var(--color-success-light);background:#10b98133;box-shadow:0 0 16px #10b98140}.attendance-pill.absent:hover{color:var(--color-danger-light);background:#ef44441f;border-color:#ef44444d}.attendance-pill.absent.selected{border-color:var(--color-danger);color:var(--color-danger-light);background:#ef444433;box-shadow:0 0 16px #ef444440}.attendance-pill.late:hover{color:var(--color-warning-light);background:#f59e0b1f;border-color:#f59e0b4d}.attendance-pill.late.selected{border-color:var(--color-warning);color:var(--color-warning-light);background:#f59e0b33;box-shadow:0 0 16px #f59e0b40}.attendance-date-picker{align-items:center;gap:var(--space-sm);display:flex}.attendance-date-picker .form-input{background:var(--color-bg-input);border:var(--border-glass);border-radius:var(--radius-md);color:var(--color-text);padding:.5rem .85rem;font-size:.9rem}.attendance-summary{margin-top:var(--space-md)}.impact-preview{gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-glass-light);border:var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap;display:flex}.impact-preview-item{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.9rem;font-weight:600;display:inline-flex}.impact-preview-item.present{color:var(--color-success-light)}.impact-preview-item.absent{color:var(--color-danger-light)}.impact-preview-item.late{color:var(--color-warning-light)}.star-change{margin-right:var(--space-xs);font-weight:700}.star-change.positive{color:var(--color-accent)}.star-change.negative{color:var(--color-danger-light)}.performance-badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);white-space:nowrap;padding:.25rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.performance-badge.excellent{color:var(--color-success-light);background:#10b98126;border:1px solid #10b98140}.performance-badge.good{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f640}.performance-badge.fair{color:var(--color-warning-light);background:#f59e0b26;border:1px solid #f59e0b40}.performance-badge.weak{color:var(--color-danger-light);background:#ef444426;border:1px solid #ef444440}.performance-guide-item{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--color-bg-glass-light);border:var(--border-glass);transition:all var(--transition-normal);justify-content:space-between;align-items:center;display:flex}.performance-guide-item:hover{background:#ffffff0f;transform:translate(-4px)}.star-display{color:var(--color-accent);text-shadow:0 0 8px var(--color-accent-glow);white-space:nowrap;font-size:.9rem;font-weight:700}.star-display.positive{color:var(--color-success-light);text-shadow:0 0 8px #10b9814d}.star-display.negative{color:var(--color-danger-light);text-shadow:0 0 8px #ef44444d}.student-stars{align-items:center;gap:var(--space-xs);display:flex}.star-count{color:var(--color-accent);text-shadow:0 0 12px var(--color-accent-glow);font-size:1.3rem;font-weight:800;animation:3s ease-in-out infinite starPulse}.star-icon{filter:drop-shadow(0 0 6px var(--color-accent-glow));font-size:1.1rem}@keyframes starPulse{0%,to{text-shadow:0 0 12px var(--color-accent-glow)}50%{text-shadow:0 0 20px var(--color-accent-glow), 0 0 30px #d4af3726}}.students-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.student-detail-card{gap:var(--space-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.student-detail-card:after{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-primary));opacity:0;width:100%;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;right:0}.student-detail-card:hover:after{opacity:1}.student-card-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.student-card-info{align-items:center;gap:var(--space-md);flex:1;min-width:0;display:flex}.student-card-details{gap:var(--space-sm);padding:var(--space-md) 0;border-top:var(--border-glass);border-bottom:var(--border-glass);flex-direction:column;display:flex}.student-detail-item{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.student-card-actions{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.star-quick-buttons{gap:var(--space-sm);display:flex}.star-quick-btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);background:var(--color-bg-glass-light);color:var(--color-text-muted);white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;padding:.45rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.star-quick-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.star-quick-btn.positive{color:var(--color-success-light);border-color:#10b9814d}.star-quick-btn.positive:hover{background:#10b98126;box-shadow:0 0 12px #10b98133}.star-quick-btn.negative{color:var(--color-danger-light);border-color:#ef44444d}.star-quick-btn.negative:hover{background:#ef444426;box-shadow:0 0 12px #ef444433}.star-quick-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.star-adjust{gap:var(--space-md);flex-direction:column;display:flex}.star-current{padding:var(--space-lg);background:var(--color-bg-glass-light);border:var(--border-glass);border-radius:var(--radius-lg)}.recitation-form{gap:var(--space-md);flex-direction:column;display:flex}.recitation-form .form-group{margin-bottom:0}.recitation-history{margin-top:var(--space-md)}.form-textarea{resize:vertical;min-height:80px;line-height:1.6}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394A3B8' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;padding-left:36px}@media (width<=1024px){.students-grid{grid-template-columns:1fr}}@media (width<=768px){.attendance-student-row{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);flex-direction:column}.attendance-pills{justify-content:stretch;width:100%}.attendance-pill{flex:1;min-width:0;padding:.55rem .5rem;font-size:.8rem}.impact-preview{gap:var(--space-sm);flex-direction:column}.student-card-header{flex-direction:column;align-items:flex-start}.student-card-actions{flex-direction:column;align-items:stretch}.star-quick-buttons{justify-content:center}.students-grid{gap:var(--space-md);grid-template-columns:1fr}.recitation-form{gap:var(--space-sm)}}.student-stars-hero{text-align:center;padding:var(--space-2xl) var(--space-xl);background:linear-gradient(135deg,#d4af3714,#04785714);border:1px solid #d4af3726;position:relative;overflow:hidden}.student-stars-hero:before{content:"";pointer-events:none;background:radial-gradient(#d4af370f 0%,#0000 70%);width:200%;height:200%;animation:12s linear infinite starRotate;position:absolute;top:-50%;left:-50%}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.student-stars-display{z-index:1;position:relative}.student-stars-glow{align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-xl);margin-bottom:var(--space-md);background:#d4af3714;border:1px solid #d4af3733;display:inline-flex}.student-stars-icon{filter:drop-shadow(0 0 20px #d4af3799);font-size:3.5rem;animation:2s ease-in-out infinite starGlow}@keyframes starGlow{0%,to{filter:drop-shadow(0 0 20px #d4af3799);transform:scale(1)}50%{filter:drop-shadow(0 0 35px #d4af37e6)drop-shadow(0 0 60px #d4af3766);transform:scale(1.08)}}.student-stars-count{color:var(--color-accent);text-shadow:0 0 30px #d4af3780,0 0 60px #d4af3733;letter-spacing:-2px;font-size:4rem;font-weight:900;line-height:1}.student-stars-label{color:var(--color-text-muted);font-size:1.1rem;font-weight:600}.student-level-progress{gap:var(--space-lg);flex-direction:column;display:flex}.student-level-current{color:var(--color-accent);text-shadow:0 0 12px var(--color-accent-glow);font-size:1.5rem;font-weight:800}.progress-bar{border-radius:var(--radius-full);background:#ffffff14;width:100%;height:10px;position:relative;overflow:hidden}.progress-bar-lg{height:14px}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));min-width:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s ease-in-out infinite progressShimmer;position:absolute;inset:0}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill.accent{background:linear-gradient(90deg, var(--color-accent-dark), var(--color-accent), var(--color-accent-light))}.progress-fill.high{background:linear-gradient(90deg, #059669, var(--color-success))}.progress-fill.medium{background:linear-gradient(90deg, #d97706, var(--color-warning))}.progress-fill.low{background:linear-gradient(90deg, #dc2626, var(--color-danger))}.student-level-steps{gap:var(--space-sm);flex-direction:column;display:flex}.student-level-step{color:var(--color-text-dim);transition:all var(--transition-normal);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem}.student-level-step.completed{color:var(--color-success-light)}.student-level-step.current{color:var(--color-accent);background:#d4af3714;border:1px solid #d4af3726;font-weight:700}.student-rank-card{text-align:center;position:relative;overflow:hidden}.student-rank-card.gold{background:linear-gradient(135deg,#ffd70014,#1e293bb3);border-color:#ffd7004d}.student-rank-card.silver{background:linear-gradient(135deg,#c0c0c014,#1e293bb3);border-color:#c0c0c04d}.student-rank-card.bronze{background:linear-gradient(135deg,#cd7f3214,#1e293bb3);border-color:#cd7f324d}.student-rank-display{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.student-rank-trophy{filter:drop-shadow(0 0 16px #d4af3780);font-size:3.5rem;animation:4s ease-in-out infinite float}.student-rank-number{color:var(--color-accent);text-shadow:0 0 20px var(--color-accent-glow);font-size:3rem;font-weight:900;line-height:1}.student-rank-label{color:var(--color-text-muted);font-size:.95rem;font-weight:500}.student-badges-row{gap:var(--space-lg);padding:var(--space-sm) 0;scrollbar-width:thin;display:flex;overflow-x:auto}.student-badges-row::-webkit-scrollbar{height:4px}.student-badge-item{align-items:center;gap:var(--space-xs);min-width:80px;padding:var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:default;flex-direction:column;display:flex}.student-badge-item.earned{background:#d4af3714;border:1px solid #d4af3733;box-shadow:0 0 16px #d4af371a}.student-badge-item.earned:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 0 24px #d4af3740}.student-badge-item.locked{filter:grayscale();opacity:.4}.student-badge-icon{font-size:2rem}.student-badge-name{color:var(--color-text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:.7rem;overflow:hidden}.student-activity-list{flex-direction:column;gap:0;display:flex}.student-activity-item{padding:var(--space-md) var(--space-sm);transition:background var(--transition-fast);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;display:flex}.student-activity-item:last-child{border-bottom:none}.student-activity-item:hover{background:#ffffff05}.student-activity-info{align-items:center;gap:var(--space-md);display:flex}.student-activity-amount{min-width:60px;font-size:1rem;font-weight:800}.student-activity-amount.positive{color:var(--color-success-light);text-shadow:0 0 8px #10b9814d}.student-activity-amount.negative{color:var(--color-danger-light);text-shadow:0 0 8px #ef44444d}.student-activity-reason{color:var(--color-text-muted);font-size:.9rem}.student-activity-date{color:var(--color-text-dim);white-space:nowrap;font-size:.8rem}.student-exam-preview{align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;flex-direction:column;display:flex}.student-exam-period{color:var(--color-text-muted);font-size:1rem;font-weight:600}.student-exam-grade{font-size:3rem;font-weight:900;line-height:1}.student-exam-grade-label{color:var(--color-text-dim);font-size:.9rem}.grade-display{font-size:1.1rem;font-weight:800}.grade-display.high{color:var(--color-success-light);text-shadow:0 0 8px #10b9814d}.grade-display.medium{color:var(--color-warning-light);text-shadow:0 0 8px #f59e0b4d}.grade-display.low{color:var(--color-danger-light);text-shadow:0 0 8px #ef44444d}.badges-stats{background:linear-gradient(135deg,#d4af370d,#1e293bb3);border:1px solid #d4af3726}.badges-stats-inner{align-items:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.badges-stats-icon{filter:drop-shadow(0 0 12px #d4af3780);font-size:3rem}.badges-stats-info{flex:none}.badges-stats-count{color:var(--color-accent);text-shadow:0 0 12px var(--color-accent-glow);font-size:2rem;font-weight:900}.badges-stats-label{color:var(--color-text-muted);font-size:.9rem}.badges-stats-progress{flex:1;min-width:150px}.badges-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.badge-showcase-card{text-align:center;padding:var(--space-2xl) var(--space-lg);transition:all var(--transition-slow);position:relative;overflow:hidden}.badge-showcase-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.badge-showcase-card.earned{border-color:#d4af3740;box-shadow:0 0 20px #d4af3714}.badge-showcase-card.earned:before{opacity:1;background:linear-gradient(90deg, var(--color-accent), var(--color-primary), var(--color-accent));background-size:200% 100%;animation:3s ease-in-out infinite shimmer}.badge-showcase-card.earned:hover{box-shadow:0 0 32px #d4af3733, var(--shadow-xl);border-color:#d4af3766;transform:translateY(-8px)scale(1.02)}.badge-showcase-card.locked{filter:grayscale(.8);opacity:.5}.badge-showcase-card.locked:hover{filter:grayscale(.5);opacity:.7;transform:translateY(-4px)}.badge-showcase-icon{margin-bottom:var(--space-md);font-size:3.5rem;display:block}.badge-showcase-card.earned .badge-showcase-icon{filter:drop-shadow(0 0 12px #d4af3780);animation:3s ease-in-out infinite badgeBounce}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.badge-showcase-name{color:var(--color-text);margin-bottom:var(--space-xs);font-size:1.1rem;font-weight:700}.badge-showcase-desc{color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:.85rem;line-height:1.6}.badge-showcase-date{color:var(--color-success-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:#10b9811a;font-size:.8rem;font-weight:600;display:inline-block}.badge-showcase-condition{color:var(--color-text-dim);font-size:.8rem;font-style:italic}.attendance-overview{gap:var(--space-xl);grid-template-columns:auto 1fr;align-items:start;display:grid}.attendance-ring-card{padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.attendance-ring{background:conic-gradient(var(--color-primary-light) 0%, var(--color-primary) var(--ring-percentage,0%), #ffffff0f var(--ring-percentage,0%), #ffffff0f 100%);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative;box-shadow:0 0 30px #04785726}.attendance-ring-inner{background:var(--color-bg-card);justify-content:center;align-items:center;gap:var(--space-xs);border-radius:50%;flex-direction:column;width:140px;height:140px;display:flex}.attendance-ring-value{color:var(--color-primary-light);text-shadow:0 0 12px var(--color-primary-glow);font-size:2.2rem;font-weight:900;line-height:1}.attendance-ring-label{color:var(--color-text-muted);font-size:.75rem;font-weight:600}.attendance-summary-cards{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.att-summary-card{text-align:center;padding:var(--space-lg)}.att-summary-icon{margin-bottom:var(--space-xs);font-size:1.5rem}.att-summary-value{color:var(--color-text);font-size:2rem;font-weight:900;line-height:1.2}.att-summary-label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.my-attendance-list{flex-direction:column;display:flex}.my-attendance-row{padding:var(--space-md) var(--space-sm);transition:background var(--transition-fast);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;display:flex}.my-attendance-row:last-child{border-bottom:none}.my-attendance-row:hover{background:#ffffff05}.my-attendance-date{color:var(--color-text);font-size:.9rem;font-weight:500}.my-attendance-status{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:.3rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.my-attendance-status.status-present{color:var(--color-success-light);background:#10b98126;border:1px solid #10b98140}.my-attendance-status.status-absent{color:var(--color-danger-light);background:#ef444426;border:1px solid #ef444440}.my-attendance-status.status-late{color:var(--color-warning-light);background:#f59e0b26;border:1px solid #f59e0b40}.exams-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.exam-card{position:relative;overflow:hidden}.exam-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.exam-card:hover:before{opacity:1}.exam-card-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.exam-card-period{color:var(--color-text);font-size:1rem;font-weight:600}.exam-card-grades{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.exam-grade-item{gap:var(--space-xs);flex-direction:column;display:flex}.exam-grade-label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.exam-grade-bar{align-items:center;gap:var(--space-md);display:flex}.exam-grade-bar .progress-bar{flex:1}.exam-grade-value{text-align:center;min-width:36px;font-size:.95rem}.exam-card-footer{text-align:center;padding-top:var(--space-md);border-top:var(--border-glass)}.exam-average-card{background:linear-gradient(135deg,#0478570d,#1e293bb3);border:1px solid #04785726}.exam-average-inner{align-items:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.exam-average-icon{font-size:3rem}.exam-average-info{flex:1}.exam-average-score{margin-bottom:var(--space-xs);font-size:2.5rem;line-height:1}.exam-average-label{color:var(--color-text-muted);font-size:.9rem}.exam-average-total{color:var(--color-text-dim);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);background:#ffffff0d;font-size:1rem;font-weight:600}.leaderboard-page{padding:calc(var(--navbar-height) + var(--space-2xl)) var(--space-xl) var(--space-2xl);max-width:var(--container-max);margin:0 auto}.leaderboard-header{text-align:center;margin-bottom:var(--space-2xl)}.leaderboard-title{background:linear-gradient(135deg, var(--color-accent), var(--color-primary-light));-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900}.leaderboard-subtitle{color:var(--color-text-muted);font-size:1.05rem}.podium{justify-content:center;align-items:flex-end;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:var(--space-xl) 0;display:flex}.podium-card{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-slow);flex-direction:column;align-items:center;min-width:160px;display:flex;position:relative;overflow:hidden}.podium-card:before{content:"";height:4px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.podium-card:hover{transform:translateY(-8px)}.podium-card.gold{background:linear-gradient(135deg,#ffd7001f,#1e293bb3);border:1px solid #ffd7004d;order:2;min-height:260px;box-shadow:0 0 30px #ffd7001a}.podium-card.gold:before{opacity:1;background:linear-gradient(90deg,gold,orange,gold) 0 0/200% 100%;animation:3s ease-in-out infinite shimmer}.podium-card.gold:hover{box-shadow:0 0 50px #ffd70033}.podium-card.silver{background:linear-gradient(135deg,#c0c0c01f,#1e293bb3);border:1px solid #c0c0c040;order:1;min-height:220px;box-shadow:0 0 20px #c0c0c014}.podium-card.silver:before{opacity:1;background:linear-gradient(90deg,silver,#e8e8e8,silver)}.podium-card.bronze{background:linear-gradient(135deg,#cd7f321f,#1e293bb3);border:1px solid #cd7f3240;order:3;min-height:200px;box-shadow:0 0 20px #cd7f3214}.podium-card.bronze:before{opacity:1;background:linear-gradient(90deg,#cd7f32,#dfa56a,#cd7f32)}.podium-card.current-user{box-shadow:0 0 30px var(--color-primary-glow), 0 0 60px #04785726;border-color:var(--color-primary-light)}.podium-medal{margin-bottom:var(--space-xs);filter:drop-shadow(0 0 12px #ffd70066);font-size:2.5rem}.podium-rank{color:var(--color-text-dim);margin-bottom:var(--space-sm);font-size:.8rem;font-weight:700}.podium-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;width:56px;height:56px;margin-bottom:var(--space-sm);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex;box-shadow:0 4px 16px #0478574d}.podium-name{color:var(--color-text);margin-bottom:var(--space-xs);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:1rem;font-weight:700;overflow:hidden}.podium-score{color:var(--color-accent);text-shadow:0 0 12px var(--color-accent-glow);margin-bottom:var(--space-xs);font-size:1.8rem;font-weight:900;line-height:1}.podium-details{gap:var(--space-md);color:var(--color-text-muted);font-size:.8rem;display:flex}.podium-circle{color:var(--color-text-dim);margin-top:var(--space-xs);font-size:.75rem}.leaderboard-table-wrapper{overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table thead th{padding:var(--space-md) var(--space-lg);text-align:right;color:var(--color-text-muted);white-space:nowrap;border-bottom:1px solid #ffffff14;font-size:.85rem;font-weight:700}.leaderboard-table tbody td{padding:var(--space-md) var(--space-lg);vertical-align:middle;border-bottom:1px solid #ffffff08;font-size:.9rem}.leaderboard-table tbody tr{transition:background var(--transition-fast)}.leaderboard-table tbody tr:hover{background:#ffffff08}.leaderboard-row.current-user{border-right:3px solid var(--color-primary-light);background:#04785714!important}.leaderboard-row.current-user td{color:var(--color-text)}.leaderboard-rank{width:32px;height:32px;color:var(--color-text-muted);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:inline-flex}.leaderboard-name{align-items:center;gap:var(--space-sm);display:flex}.leaderboard-avatar{background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.my-rank-card{background:linear-gradient(135deg,#04785714,#1e293bb3);border:1px solid #04785740}.my-rank-inner{align-items:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.my-rank-icon{font-size:2.5rem}.my-rank-info{flex:none}.my-rank-label{color:var(--color-text-muted);font-size:.85rem}.my-rank-value{color:var(--color-primary-light);text-shadow:0 0 12px var(--color-primary-glow);font-size:2rem;font-weight:900}.my-rank-scores{gap:var(--space-lg);color:var(--color-text-muted);font-size:.9rem;font-weight:600;display:flex}.admin-exam-list{flex-direction:column;display:flex}.admin-exam-item{padding:var(--space-md) var(--space-sm);transition:background var(--transition-fast);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;display:flex}.admin-exam-item:last-child{border-bottom:none}.admin-exam-item:hover{background:#ffffff05}.admin-exam-info{align-items:center;gap:var(--space-md);display:flex}.admin-exam-icon{font-size:1.5rem}.admin-exam-period{color:var(--color-text);font-size:1rem;font-weight:700}.admin-exam-stats{color:var(--color-text-muted);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:#ffffff0d;font-size:.85rem;font-weight:600}.teacher-exam-list{gap:var(--space-lg);flex-direction:column;display:flex}.teacher-exam-row{align-items:center;gap:var(--space-xl);padding:var(--space-lg);border-radius:var(--radius-lg);transition:all var(--transition-normal);background:#ffffff05;border:1px solid #ffffff0d;flex-wrap:wrap;display:flex}.teacher-exam-row:hover{background:#ffffff0a;border-color:#ffffff14}.teacher-exam-student{align-items:center;gap:var(--space-md);min-width:180px;display:flex}.teacher-exam-grades{align-items:flex-end;gap:var(--space-lg);flex:1;display:flex}.teacher-exam-field{gap:var(--space-xs);flex-direction:column;min-width:100px;display:flex}.teacher-exam-field .form-input{text-align:center;padding:.5rem .75rem;font-size:.9rem}.teacher-exam-final{align-items:center;gap:var(--space-xs);flex-direction:column;min-width:70px;display:flex}.teacher-exam-final .grade-display{font-size:1.5rem}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl)}.empty-state-icon{margin-bottom:var(--space-lg);opacity:.5;font-size:4rem}.mt-md{margin-top:var(--space-md)}.mt-xl{margin-top:var(--space-xl)}.mb-xl{margin-bottom:var(--space-xl)}.mb-lg{margin-bottom:var(--space-lg)}.mb-2xl{margin-bottom:var(--space-2xl)}@media (width<=1024px){.podium{flex-direction:column;align-items:center}.podium-card{width:100%;max-width:300px;order:unset!important;min-height:auto!important}.attendance-overview{grid-template-columns:1fr}.attendance-summary-cards{grid-template-columns:repeat(4,1fr)}.leaderboard-page{padding-left:var(--space-md);padding-right:var(--space-md)}}@media (width<=768px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.student-stars-count{font-size:3rem}.student-stars-icon{font-size:2.5rem}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.exams-grid{grid-template-columns:1fr}.attendance-summary-cards{grid-template-columns:repeat(2,1fr)}.attendance-ring{width:150px;height:150px}.attendance-ring-inner{width:115px;height:115px}.attendance-ring-value{font-size:1.8rem}.leaderboard-table thead th,.leaderboard-table tbody td{padding:var(--space-sm) var(--space-md);font-size:.8rem}.teacher-exam-row{flex-direction:column;align-items:stretch}.teacher-exam-grades{flex-wrap:wrap}.teacher-exam-student{min-width:auto}.badges-stats-inner,.exam-average-inner,.my-rank-inner{text-align:center;flex-direction:column}.my-rank-scores{gap:var(--space-sm);flex-direction:column}.student-badges-row{gap:var(--space-md)}.student-badge-item{min-width:70px;padding:var(--space-sm)}.student-badge-icon{font-size:1.5rem}}@media (width<=480px){.grid-4{gap:var(--space-md);grid-template-columns:1fr 1fr}.podium-card{padding:var(--space-lg) var(--space-md)}.student-stars-glow{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);flex-direction:column}}.nav-brand-logo{object-fit:contain;border-radius:8px;width:40px;height:40px;transition:transform .3s,filter .3s}.nav-brand:hover .nav-brand-logo{filter:drop-shadow(0 0 8px #d4af3780);transform:scale(1.1)rotate(-3deg)}.hero-logo{object-fit:contain;width:180px;height:180px;margin-bottom:var(--space-xl);filter:drop-shadow(0 8px 24px #0478574d);transition:transform .4s;animation:4s ease-in-out infinite heroLogoFloat}.hero-logo:hover{filter:drop-shadow(0 12px 32px #d4af3766);transform:scale(1.05)}@keyframes heroLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (width<=768px){.hero-logo{width:130px;height:130px}.nav-brand-logo{width:34px;height:34px}}