@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--primary-950:#1e1b4b;--accent-50:#ecfdf5;--accent-100:#d1fae5;--accent-400:#34d399;--accent-500:#10b981;--accent-600:#059669;--warning-50:#fffbeb;--warning-400:#fbbf24;--warning-500:#f59e0b;--danger-50:#fff1f2;--danger-400:#fb7185;--danger-500:#f43f5e;--danger-600:#e11d48;--info-50:#f0f9ff;--info-400:#38bdf8;--info-500:#0ea5e9;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--surface-bg:#f0f2f5;--surface-card:#fff;--surface-elevated:#fff;--surface-overlay:#0f172a99;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-hero:linear-gradient(135deg, #1e1b4b 0%, #312e81 30%, #4338ca 60%, #6366f1 100%);--gradient-accent:linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-warm:linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-glass:linear-gradient(135deg, #ffffff1a 0%, #ffffff0d 100%);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--shadow-glow:0 0 20px #6366f14d;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #0000000f;--border-color:#e2e8f0;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Plus Jakarta Sans", "Inter", sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:280px;--sidebar-collapsed-width:72px;--header-height:64px;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-400);--white:#fff}[data-theme=dark]{--surface-bg:#0f1117;--surface-card:#1a1d27;--surface-elevated:#222633;--surface-overlay:#000000b3;--gray-50:#1a1d27;--gray-100:#222633;--gray-200:#2d3244;--gray-300:#3d4355;--gray-400:#6b7280;--gray-500:#9ca3af;--gray-600:#d1d5db;--gray-700:#e5e7eb;--gray-800:#f3f4f6;--gray-900:#f9fafb;--gray-950:#fff;--border-color:#2d3244;--white:#1a1d27;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#6b7280;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-card:0 1px 3px #0003, 0 1px 2px #00000026;--shadow-glow:0 0 20px #6366f133;--gradient-hero:linear-gradient(135deg, #0f1117 0%, #1a1d27 30%, #222633 60%, #2d3244 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--gray-800);background:var(--surface-bg);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--gray-900);font-weight:700;line-height:1.2}a{color:var(--primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-700)}img{max-width:100%;display:block}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-sans);font-size:.9375rem}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--border-radius-sm);transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff1a}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #6366f159}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f173}.btn-secondary{color:var(--gray-700);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-ghost{color:var(--gray-600);background:0 0}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.btn-danger{background:var(--danger-500);color:#fff;box-shadow:0 2px 8px #f43f5e59}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.btn-icon{border-radius:var(--border-radius-sm);width:36px;height:36px;padding:0}.card{background:var(--surface-card);border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-body{padding:1.5rem}.card-footer{border-top:1px solid var(--border-color);background:var(--gray-50);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);padding:1rem 1.5rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--gray-700);letter-spacing:.01em;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.form-input{border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--gray-800);transition:all var(--transition-fast);background:#fff;outline:none;padding:.625rem .875rem;font-size:.9375rem}.form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f11f}.form-input::placeholder{color:var(--gray-400)}.form-input.error{border-color:var(--danger-400);box-shadow:0 0 0 3px #f43f5e1a}.form-error{color:var(--danger-500);margin-top:.25rem;font-size:.75rem}.form-hint{color:var(--gray-500);margin-top:.25rem;font-size:.75rem}.badge{border-radius:var(--border-radius-full);letter-spacing:.02em;align-items:center;gap:.25rem;padding:.125rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--accent-100);color:var(--accent-600)}.badge-warning{background:var(--warning-50);color:var(--warning-500)}.badge-danger{background:var(--danger-50);color:var(--danger-500)}.badge-info{background:var(--info-50);color:var(--info-500)}.table-container{border-radius:var(--border-radius-md);border:1px solid var(--border-color);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;background:var(--gray-50);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.table td{color:var(--gray-700);border-bottom:1px solid var(--gray-100);padding:.875rem 1rem;font-size:.875rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--gray-50)}.stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-base);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{border-radius:var(--border-radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.primary{background:var(--primary-100);color:var(--primary-600)}.stat-icon.accent{background:var(--accent-100);color:var(--accent-600)}.stat-icon.warning{background:var(--warning-50);color:var(--warning-500)}.stat-icon.info{background:var(--info-50);color:var(--info-500)}.stat-content h3{margin-bottom:.25rem;font-size:1.75rem;font-weight:800;line-height:1}.stat-content p{color:var(--gray-500);font-size:.8125rem;font-weight:500}.stat-change{align-items:center;gap:.2rem;margin-top:.375rem;font-size:.75rem;font-weight:600;display:inline-flex}.stat-change.positive{color:var(--accent-600)}.stat-change.negative{color:var(--danger-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-fade-in-up{animation:.5s ease-out fadeInUp}.animate-fade-in-down{animation:.3s ease-out fadeInDown}.animate-slide-in-left{animation:.4s ease-out slideInLeft}.animate-slide-in-right{animation:.4s ease-out slideInRight}.animate-scale-in{animation:.3s ease-out scaleIn}.animate-float{animation:3s ease-in-out infinite float}.stagger-children>*{animation:.5s ease-out both fadeInUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.spinner{border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.spinner-lg{border-width:4px;width:40px;height:40px}.skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-200) 50%, var(--gray-100) 75%);border-radius:var(--border-radius-sm);background-size:400% 100%;animation:1.5s ease-in-out infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.toast-custom{font-family:var(--font-sans)!important;border-radius:var(--border-radius-sm)!important;font-size:.875rem!important}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;animation:.25s scaleIn;overflow-y:auto;box-shadow:0 20px 60px #0003,0 0 0 1px #0000000d}.modal-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2,.modal-header h3{color:var(--gray-800);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;display:flex}.modal-close{background:var(--gray-100);width:32px;height:32px;color:var(--gray-500);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{background:var(--gray-200);color:var(--gray-800)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 16px 16px;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-group{flex-direction:column;gap:0;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);margin-bottom:.375rem;font-size:.7rem;font-weight:700;display:block}.form-group.required label:after{content:" *";color:#ef4444}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--gray-200);width:100%;color:var(--gray-800);background:var(--white);border-radius:10px;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.8125rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input::placeholder{color:var(--gray-400)}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.form-group textarea{resize:vertical;min-height:80px}@media (width<=768px){:root{--sidebar-width:100%;--header-height:56px}.container{padding:0 1rem}}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #0000000f;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-logo{align-items:center;gap:.625rem;text-decoration:none;display:flex}.logo-icon{background:var(--gradient-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.logo-text{font-family:var(--font-display);color:var(--gray-900);font-size:1.25rem;font-weight:800}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-links a:not(.btn){color:var(--gray-600);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);padding:.5rem .875rem;font-size:.875rem;font-weight:500}.nav-links a:not(.btn):hover{color:var(--gray-900);background:var(--gray-100)}.nav-toggle{color:var(--gray-700);background:0 0;display:none}@media (width<=768px){.nav-links{background:#fff;flex-direction:column;gap:.5rem;padding:1.5rem;animation:.2s fadeIn;display:none;position:fixed;inset:64px 0 0}.nav-links.open{display:flex}.nav-links a{width:100%}.nav-toggle{display:block}}.hero{flex-direction:column;align-items:center;min-height:100vh;padding:10rem 0 4rem;display:flex;position:relative;overflow:hidden}.hero-bg{background:var(--gradient-hero);z-index:0;position:absolute;inset:0}.hero-orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.hero-orb-1{background:#818cf8;width:500px;height:500px;animation:8s ease-in-out infinite float;top:-10%;right:-5%}.hero-orb-2{background:#a78bfa;width:400px;height:400px;animation:10s ease-in-out infinite reverse float;bottom:10%;left:-5%}.hero-orb-3{background:#6366f1;width:300px;height:300px;animation:7s ease-in-out infinite float;top:40%;left:50%}.hero-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-content{z-index:1;text-align:center;max-width:800px;margin:0 auto;position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-full);color:#fff;background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;margin-bottom:1.25rem;font-size:4rem;font-weight:900;line-height:1.1}.hero-title-gradient{background:linear-gradient(135deg,#a78bfa,#38bdf8,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffb3;max-width:600px;margin:0 auto 2rem;font-size:1.25rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.hero-cta{box-shadow:0 4px 24px #6366f180!important}.hero-stats{border-top:1px solid #ffffff1a;justify-content:center;gap:3rem;margin-top:3.5rem;padding-top:2rem;display:flex}.hero-stat-value{font-family:var(--font-display);color:#fff;font-size:1.5rem;font-weight:800;display:block}.hero-stat-label{color:#ffffff80;font-size:.8125rem}.hero-preview{z-index:1;width:100%;max-width:1000px;margin:3rem auto 0;padding:0 1.5rem;position:relative}.preview-window{background:var(--gray-900);border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px #0006,0 0 40px #6366f133}.preview-header{background:#ffffff0d;border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex}.preview-dots{gap:6px;display:flex}.preview-dots span{border-radius:50%;width:10px;height:10px}.preview-dots span:first-child{background:#ff5f57}.preview-dots span:nth-child(2){background:#ffbd2e}.preview-dots span:nth-child(3){background:#28c840}.preview-url{text-align:center;color:var(--gray-500);border-radius:var(--border-radius-sm);background:#ffffff0d;flex:1;padding:.25rem .75rem;font-size:.75rem}.preview-body{gap:1.25rem;min-height:300px;padding:1.5rem;display:flex}.preview-sidebar{flex-direction:column;gap:8px;width:60px;display:flex}.preview-nav-item{background:#ffffff0f;border-radius:4px;height:8px}.preview-nav-item.active{background:var(--primary-500)}.preview-main{flex-direction:column;flex:1;gap:1.25rem;display:flex}.preview-cards{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.preview-card{border-radius:10px;align-items:center;gap:.625rem;padding:1rem;display:flex}.pc-icon{border-radius:6px;flex-shrink:0;width:28px;height:28px}.pc-text{flex:1}.pc-num{border-radius:3px;width:40%;height:10px;margin-bottom:4px}.pc-label{border-radius:3px;width:60%;height:6px}.preview-card.c1{background:#6366f126}.preview-card.c1 .pc-icon{background:#6366f14d}.preview-card.c1 .pc-num{background:#6366f166}.preview-card.c1 .pc-label{background:#6366f133}.preview-card.c2{background:#10b98126}.preview-card.c2 .pc-icon{background:#10b9814d}.preview-card.c2 .pc-num{background:#10b98166}.preview-card.c2 .pc-label{background:#10b98133}.preview-card.c3{background:#f59e0b26}.preview-card.c3 .pc-icon{background:#f59e0b4d}.preview-card.c3 .pc-num{background:#f59e0b66}.preview-card.c3 .pc-label{background:#f59e0b33}.preview-card.c4{background:#0ea5e926}.preview-card.c4 .pc-icon{background:#0ea5e94d}.preview-card.c4 .pc-num{background:#0ea5e966}.preview-card.c4 .pc-label{background:#0ea5e933}.preview-chart{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;flex:1;min-height:140px}@media (width<=768px){.hero-title{font-size:2.5rem}.hero-stats{gap:1.5rem}.preview-cards{grid-template-columns:repeat(2,1fr)}.hero{padding:8rem 0 3rem}}.features-section{background:#fff;padding:6rem 0}.section-header{text-align:center;margin-bottom:3.5rem}.section-tag{color:var(--primary-600);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:700;display:inline-flex}.section-header h2{letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.25rem}.section-header p{color:var(--gray-500);max-width:500px;margin:0 auto;font-size:1.0625rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.feature-card{border-radius:var(--border-radius-md);border:1px solid var(--border-color);transition:all var(--transition-base);background:#fff;padding:1.75rem}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-200);transform:translateY(-4px)}.feature-icon{border-radius:var(--border-radius-sm);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;display:flex}.feature-icon.primary{background:var(--primary-100);color:var(--primary-600)}.feature-icon.accent{background:var(--accent-100);color:var(--accent-600)}.feature-icon.warning{background:var(--warning-50);color:var(--warning-500)}.feature-icon.info{background:var(--info-50);color:var(--info-500)}.feature-card h3{margin-bottom:.5rem;font-size:1.125rem}.feature-card p{color:var(--gray-500);margin-bottom:1rem;font-size:.875rem;line-height:1.6}.feature-link{color:var(--primary-600);align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;display:inline-flex}.feature-link:hover{gap:.5rem}@media (width<=768px){.features-grid{grid-template-columns:1fr}}.ai-section{background:var(--gray-50);padding:6rem 0}.ai-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.ai-content .section-tag{margin-bottom:.75rem}.ai-content h2{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.25rem}.ai-desc{color:var(--gray-500);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.ai-features{flex-direction:column;gap:.875rem;list-style:none;display:flex}.ai-features li{color:var(--gray-700);align-items:flex-start;gap:.75rem;font-size:.9375rem;display:flex}.check-icon{color:var(--accent-500);flex-shrink:0;margin-top:2px}.ai-visual{justify-content:center;align-items:center;height:400px;display:flex;position:relative}.ai-card{border-radius:var(--border-radius-md);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);background:#fff;align-items:center;gap:.875rem;padding:1.25rem 1.5rem;display:flex;position:absolute}.ai-card span{color:var(--gray-500);font-size:.8125rem}.ai-card strong{color:var(--primary-600);font-size:1.25rem}.ai-card-1{top:10%;left:5%}.ai-card-2{top:45%;right:0}.ai-card-3{bottom:10%;left:15%}.ai-glow{background:radial-gradient(circle,#6366f133 0%,#0000 70%);width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.ai-grid{grid-template-columns:1fr;gap:2rem}.ai-visual{height:300px}}.pricing-section{background:#fff;padding:6rem 0}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.5rem;display:grid}.pricing-card{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-base);background:#fff;padding:2rem;position:relative}.pricing-card:hover{box-shadow:var(--shadow-xl)}.pricing-card.popular{border-color:var(--primary-400);box-shadow:0 0 0 1px var(--primary-400), var(--shadow-xl);transform:scale(1.03)}.popular-badge{background:var(--gradient-primary);color:#fff;border-radius:var(--border-radius-full);padding:.25rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-name{color:var(--gray-900);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.pricing-price{font-family:var(--font-display);color:var(--gray-900);margin-bottom:.375rem;font-size:2.5rem;font-weight:900}.pricing-price span{color:var(--gray-500);font-size:.875rem;font-weight:500}.pricing-desc{color:var(--gray-500);margin-bottom:1.5rem;font-size:.875rem}.pricing-features{flex-direction:column;gap:.75rem;margin-bottom:2rem;list-style:none;display:flex}.pricing-features li{color:var(--gray-700);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.pricing-features li svg{color:var(--accent-500);flex-shrink:0}@media (width<=768px){.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}}.cta-section{background:var(--gray-50);padding:6rem 0}.cta-card{background:var(--gradient-hero);border-radius:var(--border-radius-xl);text-align:center;padding:4rem;position:relative;overflow:hidden}.cta-glow{background:radial-gradient(circle,#a78bfa4d 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-100px;right:-100px}.cta-card h2{color:#fff;margin-bottom:.75rem;font-size:2rem;position:relative}.cta-card p{color:#ffffffb3;margin-bottom:2rem;font-size:1.0625rem;position:relative}.cta-actions{justify-content:center;gap:.75rem;display:flex;position:relative}.footer{background:var(--gray-900);color:var(--gray-400);padding:4rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}.footer-brand p{color:var(--gray-500);max-width:280px;margin-top:.75rem;font-size:.875rem}.footer-brand .logo-text{color:#fff}.footer-links h4{color:#fff;margin-bottom:1rem;font-size:.875rem;font-weight:700}.footer-links a{color:var(--gray-500);transition:color var(--transition-fast);margin-bottom:.625rem;font-size:.875rem;display:block}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.8125rem;display:flex}.footer-legal{gap:1.5rem;display:flex}.footer-legal a{color:var(--gray-500)}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:1rem}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-bg{background:var(--gradient-hero);z-index:0;position:fixed;inset:0}.auth-orb{filter:blur(100px);opacity:.35;border-radius:50%;position:absolute}.auth-orb-1{background:#818cf8;width:600px;height:600px;animation:10s ease-in-out infinite float;top:-20%;right:-10%}.auth-orb-2{background:#a78bfa;width:500px;height:500px;animation:12s ease-in-out infinite reverse float;bottom:-15%;left:-10%}.auth-grid-overlay{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.auth-container{z-index:1;border-radius:var(--border-radius-xl);background:#fff;width:100%;max-width:900px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #0000004d}.register-container{max-width:1000px}.auth-left{background:var(--gradient-hero);flex-direction:column;flex-shrink:0;width:380px;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-left:after{content:"";background:radial-gradient(circle at 20% 80%,#a78bfa33 0%,#0000 60%);position:absolute;inset:0}.auth-logo{z-index:1;align-items:center;gap:.625rem;margin-bottom:3rem;display:flex;position:relative}.auth-left-content{z-index:1;margin-top:auto;position:relative}.auth-left-content h2{color:#fff;margin-bottom:.75rem;font-size:1.75rem}.auth-left-content p{color:#ffffffb3;margin-bottom:2rem;font-size:.9375rem;line-height:1.6}.auth-left-features{flex-direction:column;gap:.75rem;display:flex}.auth-feature{color:#fffc;align-items:center;gap:.625rem;font-size:.875rem;display:flex}.af-dot{background:var(--accent-400);border-radius:50%;flex-shrink:0;width:8px;height:8px}.auth-right{flex-direction:column;flex:1;padding:2.5rem;display:flex}.auth-form-header{margin-bottom:1.5rem}.auth-form-header h2{margin-bottom:.25rem;font-size:1.5rem}.auth-form-header p{color:var(--gray-500);font-size:.875rem}.auth-mode-toggle{background:var(--gray-100);border-radius:var(--border-radius-sm);gap:.25rem;margin-bottom:1.5rem;padding:.25rem;display:flex}.mode-btn{color:var(--gray-500);transition:all var(--transition-fast);background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.8125rem;font-weight:600;display:flex}.mode-btn.active{color:var(--primary-600);box-shadow:var(--shadow-sm);background:#fff}.input-with-icon{position:relative}.input-icon{color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.form-input.has-icon{padding-left:2.75rem}.input-toggle{color:var(--gray-400);transition:color var(--transition-fast);background:0 0;padding:.25rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.input-toggle:hover{color:var(--gray-600)}.form-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.checkbox-label{color:var(--gray-600);cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.checkbox-label input[type=checkbox]{accent-color:var(--primary-600)}.form-link{color:var(--primary-600);font-size:.8125rem;font-weight:600}.form-actions-row{gap:.75rem;margin-top:.5rem;display:flex}.auth-submit{width:100%;margin-top:.25rem}.auth-submit .spinner{border-width:2px;width:20px;height:20px}.auth-footer{text-align:center;color:var(--gray-500);margin-top:auto;padding-top:1.5rem;font-size:.8125rem}.auth-footer a{color:var(--primary-600);font-weight:600}.reg-steps{flex-direction:column;gap:1rem;display:flex}.reg-step{opacity:.5;transition:all var(--transition-base);align-items:flex-start;gap:.75rem;display:flex}.reg-step.active{opacity:1}.reg-step-num{color:#fff;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.reg-step.active .reg-step-num{background:var(--accent-500)}.reg-step strong{color:#fff;margin-bottom:.125rem;font-size:.875rem;display:block}.reg-step span{color:#ffffff80;font-size:.75rem}.success-card{z-index:1;border-radius:var(--border-radius-xl);text-align:center;background:#fff;width:100%;max-width:480px;padding:3rem;position:relative;box-shadow:0 40px 80px #0000004d}.success-icon{background:var(--accent-100);width:72px;height:72px;color:var(--accent-600);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.success-card h2{margin-bottom:.5rem;font-size:1.5rem}.success-card>p{color:var(--gray-500);margin-bottom:1.5rem}.success-info{background:var(--gray-50);border-radius:var(--border-radius-sm);margin-bottom:1rem;padding:1rem}.info-row{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.info-row+.info-row{border-top:1px solid var(--border-color)}.info-row span{color:var(--gray-500);font-size:.8125rem}.info-row code{color:var(--primary-600);background:var(--primary-50);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:200px;padding:.125rem .5rem;font-size:.8125rem;font-weight:600;overflow:hidden}.success-note{color:var(--gray-600);background:var(--warning-50);border-radius:var(--border-radius-sm);border:1px solid var(--warning-400);padding:.75rem;font-size:.8125rem}@media (width<=768px){.auth-container{flex-direction:column;max-width:500px}.auth-left{width:100%;padding:1.5rem}.auth-left-content{margin-top:0}.auth-left-content h2{font-size:1.375rem}.auth-left-features,.reg-steps{display:none}.auth-right{padding:1.5rem}}.students-page{padding:0}.page-title{color:var(--gray-800);align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.page-subtitle{color:var(--gray-500);margin:.25rem 0 0;font-size:.875rem}.header-actions{gap:.75rem;display:flex}.filters-bar{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.search-box{background:var(--white);border:1.5px solid var(--gray-200);border-radius:10px;flex:1;align-items:center;gap:.5rem;min-width:250px;padding:0 1rem;transition:border-color .2s;display:flex}.search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.search-box input{width:100%;color:var(--gray-800);background:0 0;border:none;outline:none;padding:.625rem 0;font-size:.8125rem}.search-box svg{color:var(--gray-400);flex-shrink:0}.filter-group{flex-wrap:wrap;gap:.5rem;display:flex}.filter-group select{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-700);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:10px;min-width:130px;padding:.625rem 2.25rem .625rem .75rem;font-size:.8125rem;transition:border-color .2s}.filter-group select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.student-cell{align-items:center;gap:.75rem;display:flex}.student-avatar{color:#fff;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.7rem;font-weight:700;display:flex}.student-meta{color:var(--gray-500);font-size:.75rem}.contact-cell{flex-direction:column;gap:.125rem;font-size:.8125rem;display:flex}.contact-cell span{color:var(--gray-500);align-items:center;gap:.25rem;display:flex}.action-btns{gap:.25rem;display:flex}.icon-btn{width:32px;height:32px;color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-btn:hover{color:#6366f1;background:#eef2ff}.loading-state,.empty-state{color:var(--gray-500);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-state svg{opacity:.3;color:#6366f1}.empty-state h3{color:var(--gray-800);margin:0;font-weight:700}.empty-state p{text-align:center;max-width:400px;margin:0;font-size:.875rem}.step-indicators{border-bottom:2px solid var(--gray-100);background:var(--gray-50);gap:0;margin-bottom:0;padding:0 1.5rem;display:flex}.step-btn{color:var(--gray-400);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.875rem 1.25rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.step-btn:hover{color:var(--gray-600)}.step-btn.active{color:#6366f1;border-bottom-color:#6366f1}.step-btn.completed{color:#059669}.step-num{background:var(--gray-200);width:24px;height:24px;color:var(--gray-500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:800;display:flex}.step-btn.active .step-num{color:#fff;background:#6366f1;box-shadow:0 2px 8px #6366f159}.step-btn.completed .step-num{color:#fff;background:#059669}.form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-grid .span-2{grid-column:span 2}.table-wrapper{overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.8125rem}.data-table thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);background:var(--gray-50);border-bottom:2px solid var(--gray-100);text-align:left;white-space:nowrap;padding:.75rem 1rem;font-size:.675rem;font-weight:700}.data-table tbody td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle;padding:.75rem 1rem}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.text-muted{color:var(--gray-400);font-style:italic}.student-profile{animation:.2s fadeIn}.profile-header{border-bottom:1px solid var(--gray-200);align-items:center;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.profile-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#a78bfa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.25rem;font-weight:700;display:flex}.profile-header h3{color:var(--gray-800);margin:0;font-size:1.25rem;font-weight:700}.profile-grid{flex-direction:column;gap:1.5rem;display:flex}.profile-section h4{color:#6366f1;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem;font-size:.75rem;font-weight:700}.info-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.info-grid>div label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin-bottom:.125rem;font-size:.625rem;font-weight:700;display:block}.info-grid>div span{color:var(--gray-800);font-size:.875rem;font-weight:500}.badge-outline{border:1.5px solid var(--gray-300);color:var(--gray-600);background:0 0;border-radius:6px;padding:.15rem .5rem;font-family:monospace;font-size:.75rem}@media (width<=768px){.filters-bar,.filter-group{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.step-indicators{overflow-x:auto}}.academic-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card.mini{background:var(--white);border:1.5px solid var(--gray-100);border-radius:14px;align-items:center;gap:.875rem;padding:1rem 1.25rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.stat-card.mini:hover{border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 4px 12px #6366f114}.stat-card.mini svg{color:#6366f1;background:#eef2ff;border-radius:10px;flex-shrink:0;width:36px;height:36px;padding:8px}.stat-card.mini:nth-child(2) svg{color:#059669;background:#d1fae5}.stat-card.mini:nth-child(3) svg{color:#d97706;background:#fef3c7}.stat-card.mini:nth-child(4) svg{color:#2563eb;background:#dbeafe}.stat-value{color:var(--gray-800);font-size:1.5rem;font-weight:800;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);margin-top:.125rem;font-size:.7rem;font-weight:600}.tab-bar{border-bottom:2px solid var(--gray-100);gap:0;margin-bottom:1.5rem;display:flex}.tab-btn{color:var(--gray-400);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:var(--gray-600);background:var(--gray-50);border-radius:8px 8px 0 0}.tab-btn.active{color:#6366f1;border-bottom-color:#6366f1}.tab-btn.active svg{color:#6366f1}.card-header-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-header-row h3{color:var(--gray-800);margin:0;font-size:1rem;font-weight:700}.class-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;padding:1.25rem 1.5rem;display:grid}.class-card{background:var(--white);border:1.5px solid var(--gray-200);border-radius:12px;transition:all .2s;overflow:hidden}.class-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #6366f11a}.class-card-header{border-bottom:1px solid var(--gray-100);background:linear-gradient(135deg,#faf5ff 0%,#eef2ff 100%);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.class-card-header h4{color:var(--gray-800);flex:1;margin:0;font-size:.9375rem;font-weight:700}.class-card-header .text-muted{margin-top:.125rem;font-size:.7rem;display:block}.class-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.class-icon svg{color:#fff;width:20px;height:20px}.sections-list{flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem;display:flex}.no-sections{margin:0;padding:.5rem 0;font-size:.8125rem}.section-chip{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;transition:all .15s;display:inline-flex}.section-chip:hover{background:#eef2ff;border-color:#c7d2fe}.section-name{color:var(--gray-700);font-weight:600}.section-meta{color:var(--gray-500);background:var(--gray-200);border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.7rem;display:flex}.year-selector{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-700);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:10px;padding:.5rem 2.25rem .5rem .875rem;font-size:.8125rem;font-weight:600;transition:border-color .2s}.year-selector:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.btn-sm{border-radius:8px!important;gap:.375rem!important;padding:.375rem .75rem!important;font-size:.75rem!important}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;padding-top:.5rem;text-transform:none!important;letter-spacing:0!important;color:var(--gray-700)!important;font-size:.8125rem!important;font-weight:500!important;display:flex!important}.checkbox-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;border-radius:4px;width:18px;height:18px}@media (width<=768px){.academic-stats{grid-template-columns:1fr 1fr}.class-grid{grid-template-columns:1fr}.tab-bar{overflow-x:auto}}.attendance-page{padding:0}.attendance-controls{margin-bottom:1.5rem;border-radius:14px!important;padding:1.25rem 1.5rem!important}.control-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.control-row .form-group{flex:1;min-width:200px;margin-bottom:0}.control-row .form-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);margin-bottom:.375rem;font-size:.65rem;font-weight:700;display:block}.control-row .form-group select,.control-row .form-group input[type=date]{border:1.5px solid var(--gray-200);width:100%;color:var(--gray-700);background:var(--white);appearance:auto;border-radius:10px;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s}.control-row .form-group select:focus,.control-row .form-group input[type=date]:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.control-row>.btn{flex-shrink:0;height:42px}.attendance-stats{grid-template-columns:repeat(4,1fr);gap:.875rem;margin-bottom:1.25rem;display:grid}.att-stat{border:1.5px solid #0000;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.att-stat:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.att-stat.present{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.att-stat.present svg{color:#059669}.att-stat.absent{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.att-stat.absent svg{color:#dc2626}.att-stat.late{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.att-stat.late svg{color:#d97706}.att-stat.total{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe}.att-stat.total svg{color:#6366f1}.att-stat .att-info{flex-direction:column;display:flex}.att-count{color:var(--gray-800);font-size:1.5rem;font-weight:800;line-height:1}.att-label{text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);margin-top:.125rem;font-size:.65rem;font-weight:600}.att-rate-bar{background:var(--gray-200);border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.att-rate-fill{border-radius:3px;height:100%;transition:width .5s}.quick-actions{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.25rem;display:flex}.quick-actions span{color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.quick-actions .btn{border:1.5px solid var(--gray-300)!important;background:var(--white)!important;color:var(--gray-600)!important;border-radius:8px!important;padding:.3rem .75rem!important;font-size:.75rem!important;font-weight:600!important;transition:all .15s!important}.quick-actions .btn:hover{color:#6366f1!important;background:#eef2ff!important;border-color:#6366f1!important}.attendance-list{overflow:hidden;border:1.5px solid var(--gray-200)!important;border-radius:14px!important;padding:0!important}.att-list-header{background:var(--gray-50);border-bottom:1.5px solid var(--gray-200);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.att-list-header h3{color:var(--gray-700);align-items:center;gap:.5rem;margin:0;font-size:.8125rem;font-weight:700;display:flex}.att-list-header .att-count-badge{color:#6366f1;background:#eef2ff;border-radius:6px;padding:.125rem .5rem;font-size:.7rem;font-weight:700}.att-row{border-bottom:1px solid var(--gray-100);cursor:pointer;align-items:center;gap:1rem;padding:.875rem 1.25rem;transition:all .15s;display:flex}.att-row:last-child{border-bottom:none}.att-row:hover{background:#faf5ff}.att-row:active{background:#f3f0ff}.att-index{background:var(--gray-100);width:30px;height:30px;color:var(--gray-500);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.att-row .student-cell{flex:1;align-items:center;gap:.75rem;display:flex}.student-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.75rem;font-weight:700;display:flex}.student-name{color:var(--gray-800);font-size:.875rem;font-weight:600}.student-meta{color:var(--gray-400);margin-top:1px;font-family:JetBrains Mono,monospace;font-size:.7rem}.att-status-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.03em;background:0 0;border:2px solid;border-radius:10px;justify-content:center;align-items:center;gap:.375rem;min-width:110px;padding:.4rem 1rem;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.att-status-btn:hover{transform:scale(1.03)}.att-status-btn.status-present{color:#059669;background:#f0fdf4;border-color:#059669}.att-status-btn.status-absent{color:#dc2626;background:#fef2f2;border-color:#dc2626}.att-status-btn.status-late{color:#d97706;background:#fffbeb;border-color:#d97706}.att-status-btn.status-excused{color:#6366f1;background:#eef2ff;border-color:#6366f1}.save-bar{background:linear-gradient(transparent, var(--white) 40%);justify-content:center;margin-top:.5rem;padding:1.5rem;display:flex;position:sticky;bottom:0}.save-bar .btn{border-radius:12px;padding:.75rem 3rem;font-size:.9375rem;box-shadow:0 4px 16px #6366f14d}.save-bar .btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.attendance-empty{text-align:center;padding:3rem 2rem}.attendance-empty svg{color:var(--gray-300);margin-bottom:1rem}.attendance-empty h3{color:var(--gray-700);margin:0 0 .25rem;font-size:1rem;font-weight:700}.attendance-empty p{color:var(--gray-400);margin:0;font-size:.8125rem}@media (width<=768px){.attendance-stats{grid-template-columns:repeat(2,1fr)}.control-row{flex-direction:column}.control-row .form-group{min-width:100%}.att-row{flex-wrap:wrap;gap:.5rem}.att-status-btn{min-width:90px;font-size:.7rem}}.timetable-page{padding:0}.tt-section-selector{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-700);cursor:pointer;appearance:auto;border-radius:10px;min-width:220px;padding:.625rem 1.25rem .625rem .875rem;font-size:.8125rem;font-weight:600;transition:all .2s}.tt-section-selector:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.timetable-grid-wrapper{overflow-x:auto;border:1.5px solid var(--gray-200)!important;border-radius:14px!important;padding:0!important}.timetable-grid{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.timetable-grid th,.timetable-grid td{border:1px solid var(--gray-100);text-align:center;padding:0}.tt-corner{text-transform:uppercase;letter-spacing:.06em;width:110px;color:var(--gray-500);z-index:2;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-size:.65rem;font-weight:700;position:sticky;left:0;padding:.875rem!important}.tt-day{color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-width:120px;font-size:.75rem;font-weight:700;padding:.875rem .5rem!important}.tt-day-today{color:#6366f1!important;background:linear-gradient(135deg,#eef2ff,#e0e7ff)!important}.tt-period-cell{z-index:1;background:linear-gradient(135deg,#fafafe,#f5f3ff);min-width:100px;position:sticky;left:0;padding:.625rem .5rem!important}.period-num{color:#6366f1;font-size:.9375rem;font-weight:800;line-height:1}.period-time{color:var(--gray-400);margin-top:.25rem;font-family:JetBrains Mono,monospace;font-size:.6rem}.tt-break-cell{color:#92400e;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700;background:linear-gradient(90deg,#fef3c7,#fef9c3)!important;padding:.375rem!important}.tt-slot-cell{vertical-align:middle;height:76px;position:relative;padding:.25rem!important}.tt-slot.filled{text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;height:100%;padding:.5rem .625rem;transition:all .15s;display:flex;position:relative}.tt-slot.filled:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000014}.tt-slot.filled:before{content:"";border-radius:8px 0 0 8px;width:3.5px;position:absolute;top:0;bottom:0;left:0}.slot-subject{color:var(--gray-800);margin-bottom:.125rem;font-size:.75rem;font-weight:700;line-height:1.2}.slot-teacher{color:var(--gray-500);font-size:.625rem;font-weight:500}.slot-room{color:#6366f1;align-items:center;gap:.2rem;margin-top:.125rem;font-size:.575rem;font-weight:600;display:flex}.slot-delete{color:#dc2626;cursor:pointer;background:#dc26261a;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:0;transition:all .15s;display:none;position:absolute;top:3px;right:3px}.tt-slot.filled:hover .slot-delete{display:flex}.slot-delete:hover{color:#fff;background:#dc2626}.tt-slot.empty{border:1.5px dashed var(--gray-200);cursor:pointer;width:100%;height:100%;color:var(--gray-300);background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.tt-slot.empty:hover{color:#6366f1;background:#eef2ff;border-color:#6366f1}.tt-color-0{background:#6366f114}.tt-color-0:before{background:#6366f1}.tt-color-1{background:#8b5cf614}.tt-color-1:before{background:#8b5cf6}.tt-color-2{background:#ec489914}.tt-color-2:before{background:#ec4899}.tt-color-3{background:#f59e0b14}.tt-color-3:before{background:#f59e0b}.tt-color-4{background:#10b98114}.tt-color-4:before{background:#10b981}.tt-color-5{background:#06b6d414}.tt-color-5:before{background:#06b6d4}.tt-color-6{background:#f9731614}.tt-color-6:before{background:#f97316}.tt-color-7{background:#0ea5e914}.tt-color-7:before{background:#0ea5e9}.timetable-legend{background:var(--white);border:1.5px solid var(--gray-200);border-radius:12px;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding:.875rem 1.25rem;display:flex}.legend-item{color:var(--gray-600);align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:flex}.legend-dot{border-radius:3px;width:10px;height:10px}.tt-stats-bar{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.tt-stat-chip{border:1.5px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1rem;transition:all .15s;display:flex}.tt-stat-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.tt-stat-chip .tt-stat-val{font-size:1.25rem;font-weight:800;line-height:1}.tt-stat-chip .tt-stat-label{text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-size:.6rem;font-weight:600}.tt-empty{text-align:center;border:1.5px solid var(--gray-200);background:var(--white);border-radius:14px;padding:4rem 2rem}.tt-empty svg{color:var(--gray-300);margin-bottom:1rem}.tt-empty h3{color:var(--gray-700);margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.tt-empty p{color:var(--gray-400);margin:0;font-size:.8125rem}@media (width<=768px){.tt-stats-bar{flex-direction:column}.tt-section-selector{min-width:100%}}.finance-page{padding:0}.finance-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.fin-stat{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition-fast);align-items:center;gap:1rem;padding:1.25rem;display:flex}.fin-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.fin-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.fin-stat.billed .fin-stat-icon{color:#6366f1;background:#6366f11f}.fin-stat.collected .fin-stat-icon{color:var(--success);background:#10b9811f}.fin-stat.pending .fin-stat-icon{color:var(--warning);background:#f59e0b1f}.fin-stat.rate .fin-stat-icon{color:#06b6d4;background:#06b6d41f}.fin-stat-value{color:var(--text-primary);font-size:1.375rem;font-weight:700;line-height:1.2}.fin-stat-label{color:var(--text-secondary);margin-top:.125rem;font-size:.75rem}.text-success{color:var(--success)}.text-danger{color:var(--danger)}@media (width<=768px){.finance-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.finance-stats{grid-template-columns:1fr}}.comm-page{padding:0}.comm-list{flex-direction:column;gap:.75rem;display:flex}.comm-item{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);display:flex;overflow:hidden}.comm-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.comm-item.unread{background:#6366f108}.comm-priority-bar{flex-shrink:0;width:4px}.comm-content{flex:1;padding:1rem 1.25rem}.comm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.comm-header h4{color:var(--text-primary);margin:0;font-size:.9375rem}.comm-badges{flex-wrap:wrap;gap:.375rem;display:flex}.comm-body{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.comm-meta{color:var(--text-secondary);gap:1rem;margin-top:.5rem;font-size:.75rem;display:flex}.comm-meta span{align-items:center;gap:.25rem;display:flex}.events-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.event-card{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);gap:1rem;padding:1rem;display:flex}.event-card:hover{border-color:var(--primary);transform:translateY(-1px)}.event-date-badge{text-align:center;background:var(--primary-light);border-radius:var(--radius-sm);flex-shrink:0;width:56px;padding:.5rem}.event-month{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-size:.625rem;font-weight:600}.event-day{color:var(--primary);margin-top:.125rem;font-size:1.5rem;font-weight:700;line-height:1}.event-info{flex:1}.event-info h4{margin:0 0 .25rem;font-size:.9375rem}.event-meta{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.event-desc{color:var(--text-secondary);margin:.375rem 0 0;font-size:.8125rem;line-height:1.5}textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);resize:vertical;transition:var(--transition-fast);padding:.625rem .75rem;font-family:inherit;font-size:.875rem}textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.modal-lg{max-width:640px}@media (width<=768px){.events-grid{grid-template-columns:1fr}}.reports-page{padding:0}.rpt-tabs{background:var(--gray-100);border-radius:12px;gap:.25rem;width:fit-content;margin-bottom:1.5rem;padding:.25rem;display:flex}.rpt-tab{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.rpt-tab:hover{color:var(--gray-700)}.rpt-tab.active{color:#6366f1;background:var(--white);box-shadow:0 1px 4px #00000014}.stat-grid{gap:.875rem;margin-bottom:1.5rem;display:grid}.stat-grid-4{grid-template-columns:repeat(4,1fr)}.stat-grid-5{grid-template-columns:repeat(5,1fr)}.stat-grid-6{grid-template-columns:repeat(3,1fr)}.rpt-stat{border:1.5px solid #0000;border-radius:14px;align-items:center;gap:.875rem;padding:1.125rem 1.25rem;transition:all .2s;display:flex}.rpt-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.rpt-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.rpt-stat-value{color:var(--gray-800);font-size:1.375rem;font-weight:800;line-height:1.1}.rpt-stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem;font-size:.625rem;font-weight:600}.rpt-stat-purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#e0d5ff}.rpt-stat-purple .rpt-stat-icon{color:#fff;background:#6366f1}.rpt-stat-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.rpt-stat-blue .rpt-stat-icon{color:#fff;background:#3b82f6}.rpt-stat-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.rpt-stat-green .rpt-stat-icon{color:#fff;background:#059669}.rpt-stat-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.rpt-stat-orange .rpt-stat-icon{color:#fff;background:#d97706}.rpt-stat-pink{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#fbcfe8}.rpt-stat-pink .rpt-stat-icon{color:#fff;background:#ec4899}.rpt-stat-cyan{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#a5f3fc}.rpt-stat-cyan .rpt-stat-icon{color:#fff;background:#06b6d4}.rpt-stat-red{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.rpt-stat-red .rpt-stat-icon{color:#fff;background:#ef4444}.report-grid-2{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.report-grid-2 .card{overflow:hidden;border:1.5px solid var(--gray-200)!important;border-radius:14px!important}.report-grid-2 .card-header-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.report-grid-2 .card-header-row h3{color:var(--gray-700);align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:700;display:flex}.report-grid-2 .card-header-row h3 svg{color:#6366f1}.report-controls{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.625rem 1rem;display:flex}.report-controls label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.report-controls select{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-700);cursor:pointer;appearance:auto;border-radius:8px;padding:.375rem 1.5rem .375rem .75rem;font-size:.8125rem;font-weight:600}.report-controls select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.donut-chart-container{padding:.5rem 0}.donut-wrapper{align-items:center;gap:2rem;padding:.5rem;display:flex}.donut-svg{filter:drop-shadow(0 2px 4px #0000000f);flex-shrink:0;width:150px;height:150px;transform:rotate(-90deg)}.donut-segment{transition:all .5s}.donut-total{fill:var(--gray-800);transform-origin:50%;font-size:16px;font-weight:800;transform:rotate(90deg)}.donut-label{fill:var(--gray-400);transform-origin:50%;text-transform:uppercase;letter-spacing:.1em;font-size:6px;transform:rotate(90deg)}.donut-legend{flex-direction:column;gap:.625rem;display:flex}.legend-item{color:var(--gray-600);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.legend-item strong{color:var(--gray-800)}.legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.bar-chart-container{padding:.25rem 0}.h-bar-chart{flex-direction:column;gap:.75rem;padding:.25rem 0;display:flex}.h-bar-row{align-items:center;gap:.75rem;display:flex}.h-bar-label{width:100px;color:var(--gray-600);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:600;overflow:hidden}.h-bar-track{background:var(--gray-100);border-radius:8px;flex:1;height:26px;overflow:hidden}.h-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:8px;min-width:4px;height:100%}.h-bar-value{width:70px;color:var(--gray-800);flex-shrink:0;font-size:.75rem;font-weight:700}.status-bars{flex-direction:column;gap:1rem;padding:.25rem 0;display:flex}.status-bar-row{align-items:center;gap:.75rem;display:flex}.status-label{width:85px;color:var(--gray-600);text-transform:capitalize;font-size:.8125rem;font-weight:600}.status-bar-track{background:var(--gray-100);border-radius:5px;flex:1;height:10px;overflow:hidden}.status-bar-fill{border-radius:5px;height:100%;transition:width .6s}.status-count{width:45px;color:var(--gray-800);text-align:right;font-size:.875rem;font-weight:800}.mini-chart-grid{align-items:flex-end;gap:3px;height:180px;padding:.5rem .25rem;display:flex}.trend-bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.trend-bar-col:hover .trend-bar{opacity:.85}.trend-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.trend-bar{border-radius:4px 4px 0 0;width:100%;min-height:3px;transition:height .5s,opacity .2s}.trend-label{color:var(--gray-400);margin-top:4px;font-size:.5625rem;font-weight:600}.share-bar{align-items:center;gap:.5rem;display:flex}.share-bar .share-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;flex:none;min-width:4px;height:8px}.share-bar span{color:var(--gray-600);font-size:.75rem;font-weight:600}.reports-page .data-table{border-radius:12px;overflow:hidden}.reports-page .data-table thead tr th{background:var(--gray-50);text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);padding:.75rem 1rem;font-size:.65rem;font-weight:700}.reports-page .data-table tbody tr td{padding:.75rem 1rem;font-size:.8125rem}.rpt-empty-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:3rem 2rem;display:flex}.rpt-empty-card svg{color:var(--gray-300);margin-bottom:.75rem}.rpt-empty-card h4{color:var(--gray-600);margin:0 0 .25rem;font-size:.9375rem;font-weight:700}.rpt-empty-card p{color:var(--gray-400);margin:0;font-size:.75rem}@media (width<=1024px){.stat-grid-4,.stat-grid-5{grid-template-columns:repeat(3,1fr)}.stat-grid-6{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stat-grid-4,.stat-grid-5,.stat-grid-6{grid-template-columns:repeat(2,1fr)}.report-grid-2{grid-template-columns:1fr}.donut-wrapper{flex-direction:column}.rpt-tabs{width:100%;overflow-x:auto}}.settings-page{padding:0}.settings-layout{grid-template-columns:240px 1fr;gap:1.25rem;display:grid}.settings-sidebar{background:var(--white);border:1.5px solid var(--gray-200);border-radius:14px;flex-direction:column;gap:.25rem;height:fit-content;padding:.5rem;display:flex;position:sticky;top:1rem}.settings-nav-btn{color:var(--gray-500);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.settings-nav-btn:hover{background:var(--gray-50);color:var(--gray-700)}.settings-nav-btn.active{color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0e7ff);font-weight:700}.settings-nav-btn.active svg{color:#6366f1}.settings-content{background:var(--white);border:1.5px solid var(--gray-200);border-radius:14px;padding:2rem}.settings-section{animation:.3s fadeInUp}.settings-title{color:var(--gray-800);align-items:center;gap:.625rem;margin:0 0 .25rem;font-size:1.125rem;font-weight:800;display:flex}.settings-title svg{color:#6366f1}.settings-desc{color:var(--gray-400);margin:0 0 1.75rem;font-size:.8125rem}.settings-subtitle{color:var(--gray-700);border-bottom:1px solid var(--gray-100);align-items:center;gap:.5rem;margin:0 0 .875rem;padding-bottom:.5rem;font-size:.8125rem;font-weight:700;display:flex}.settings-subtitle svg{color:#6366f1}.settings-form{margin-bottom:1.5rem}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.settings-form .form-group{margin-bottom:1rem}.settings-form label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.65rem;font-weight:700;display:flex}.settings-form label svg{color:var(--gray-400)}.settings-form input,.settings-form select{border:1.5px solid var(--gray-200);width:100%;color:var(--gray-700);background:var(--white);border-radius:10px;padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:all .15s}.settings-form input:focus,.settings-form select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.settings-form .input-disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed}.settings-actions{border-top:1.5px solid var(--gray-100);padding-top:1.25rem}.role-badges{flex-wrap:wrap;gap:.5rem;display:flex}.role-badges .badge{text-transform:uppercase;letter-spacing:.04em;border-radius:8px;padding:.3rem .75rem;font-size:.7rem;font-weight:700}.toggle-list{flex-direction:column;gap:0;display:flex}.toggle-item{border-radius:10px;justify-content:space-between;align-items:center;padding:.875rem .75rem;transition:background .15s;display:flex}.toggle-item:hover{background:var(--gray-50)}.toggle-info{flex-direction:column;gap:.125rem;display:flex}.toggle-label{color:var(--gray-700);font-size:.875rem;font-weight:600}.toggle-desc{color:var(--gray-400);font-size:.7rem}.toggle-switch{background:var(--gray-200);cursor:pointer;border:none;border-radius:13px;flex-shrink:0;width:46px;height:26px;transition:background .2s;position:relative}.toggle-switch.on{background:#6366f1}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.toggle-switch.on .toggle-knob{transform:translate(20px)}.security-info{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:10px;flex-direction:column;gap:0;padding:.25rem 0;display:flex}.sec-info-row{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.sec-info-row+.sec-info-row{border-top:1px solid var(--gray-100)}.sec-key{color:var(--gray-600);font-size:.8125rem;font-weight:600}.sec-val{color:var(--gray-700);font-size:.8125rem;font-weight:600}.theme-options{gap:1rem;display:flex}.theme-card{border:2px solid var(--gray-200);background:var(--white);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:.625rem;min-width:110px;padding:1.25rem 1.5rem;transition:all .2s;display:flex;position:relative}.theme-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.theme-card.active{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.theme-preview{border:1px solid var(--gray-200);border-radius:8px;width:64px;height:44px}.theme-card span{color:var(--gray-700);font-size:.8125rem;font-weight:700}.theme-check{color:#6366f1;position:absolute;top:8px;right:8px}.profile-avatar-bar{background:linear-gradient(135deg,#f5f3ff,#eef2ff);border:1.5px solid #e0d5ff;border-radius:14px;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:800;display:flex}.profile-avatar-info h4{color:var(--gray-800);margin:0;font-size:1rem;font-weight:700}.profile-avatar-info p{color:var(--gray-400);margin:.125rem 0 0;font-size:.75rem}@media (width<=768px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{flex-direction:row;position:static;overflow-x:auto}.settings-nav-btn span{display:none}.form-row-2{grid-template-columns:1fr}.theme-options{flex-wrap:wrap}.profile-avatar-bar{text-align:center;flex-direction:column}}.ai-page{padding:0}.ai-title{align-items:center;gap:.75rem;display:flex}.ai-icon-glow{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;animation:3s ease-in-out infinite ai-pulse;display:flex;box-shadow:0 4px 20px #6366f159}@keyframes ai-pulse{0%,to{box-shadow:0 4px 20px #6366f159}50%{box-shadow:0 4px 28px #6366f18c}}.ai-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:20px;align-items:center;gap:.375rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 3px 12px #6366f14d}.ai-tabs{background:var(--gray-100);border-radius:12px;gap:.25rem;width:fit-content;margin-bottom:1.75rem;padding:.25rem;display:flex}.ai-tab{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.ai-tab:hover{color:var(--gray-700)}.ai-tab.active{color:#6366f1;background:var(--white);box-shadow:0 1px 6px #00000014}.ai-stats-row{grid-template-columns:repeat(4,1fr);gap:.875rem;margin-bottom:1.5rem;display:grid}.ai-stat-card{border:1.5px solid #0000;border-radius:14px;align-items:center;gap:.875rem;padding:1.125rem 1.25rem;transition:all .2s;display:flex}.ai-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.ai-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.ai-stat-icon.purple{color:#fff;background:#6366f1}.ai-stat-icon.blue{color:#fff;background:#3b82f6}.ai-stat-icon.green{color:#fff;background:#059669}.ai-stat-icon.orange{color:#fff;background:#d97706}.ai-stat-icon.red{color:#fff;background:#dc2626}.ai-stat-card:first-child{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#e0d5ff}.ai-stat-card:nth-child(2){background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.ai-stat-card:nth-child(3){background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.ai-stat-card:nth-child(4){background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.ai-stat-value{color:var(--gray-800);font-size:1.375rem;font-weight:800;line-height:1.1}.ai-stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.625rem;font-weight:600}.ai-section{border:1.5px solid var(--gray-200);box-sizing:border-box;background:#fff;border-radius:14px;margin-bottom:1.25rem;padding:1.5rem;position:relative;overflow:hidden}.ai-section h3{border-bottom:1px solid var(--gray-100);color:var(--gray-700);align-items:center;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem;font-size:.875rem;font-weight:700;display:flex}.ai-section h3 svg{color:#6366f1}.ai-grid-2{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.ai-grid-2>.ai-section{min-width:0;margin-bottom:0}.ai-hero-card{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border-radius:16px;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.75rem 2rem;display:flex;box-shadow:0 6px 24px #6366f14d}.ai-hero-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ai-hero-title{margin-bottom:.25rem;font-size:1.0625rem;font-weight:800}.ai-hero-sub{opacity:.85;font-size:.8125rem;line-height:1.5}.ai-recs-grid{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.rec-card{word-break:break-word;border-left:4px solid;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex;overflow:hidden}.rec-card:hover{transform:translate(4px)}.rec-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.rec-insight{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1}.rec-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#059669}.rec-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.rec-icon{flex-shrink:0;padding-top:2px}.rec-warning .rec-icon{color:#d97706}.rec-insight .rec-icon{color:#6366f1}.rec-success .rec-icon{color:#059669}.rec-info .rec-icon{color:#3b82f6}.rec-content{flex:1;min-width:0}.rec-title{color:var(--gray-800);margin-bottom:.25rem;font-size:.875rem;font-weight:700}.rec-desc{color:var(--gray-500);font-size:.8125rem;line-height:1.6}.rec-priority{text-transform:uppercase;letter-spacing:.05em;border-radius:8px;flex-shrink:0;padding:.2rem .625rem;font-size:.6rem;font-weight:800}.priority-high{color:#fff;background:#dc2626}.priority-medium{color:#fff;background:#d97706}.priority-low{color:#fff;background:#059669}.ai-summary-row{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.ai-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-summary-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:600}.ai-summary-value{color:var(--gray-800);font-size:1rem;font-weight:800}.grade-dist{flex-direction:column;gap:.75rem;display:flex}.grade-row{align-items:center;gap:.5rem;display:flex}.grade-label{width:110px;color:var(--gray-600);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:600;overflow:hidden}.grade-bar-track{background:var(--gray-100);border-radius:8px;flex:1;min-width:40px;height:28px;position:relative;overflow:hidden}.grade-bar-fill{border-radius:8px;align-items:center;min-width:6px;height:100%;padding-left:8px;transition:width .6s;display:flex}.grade-bar-fill span{color:#fff;font-size:.6rem;font-weight:700}.grade-count{width:65px;color:var(--gray-800);text-align:right;flex-shrink:0;font-size:.7rem;font-weight:700}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.875rem;display:grid}.subject-card{border:1.5px solid var(--gray-200);text-align:center;border-radius:14px;padding:1.25rem;transition:all .2s}.subject-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000000f}.subject-strong{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.subject-needs_attention{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.subject-critical{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.subject-name{color:var(--gray-700);margin-bottom:.5rem;font-size:.8125rem;font-weight:700}.subject-pct{color:var(--gray-800);font-size:1.75rem;font-weight:800;line-height:1}.subject-badge{text-transform:uppercase;border-radius:8px;margin-top:.5rem;padding:.2rem .625rem;font-size:.575rem;font-weight:800;display:inline-block}.subject-strong .subject-badge{color:#fff;background:#059669}.subject-needs_attention .subject-badge{color:#fff;background:#d97706}.subject-critical .subject-badge{color:#fff;background:#dc2626}.dow-chart{align-items:flex-end;gap:.875rem;height:200px;padding:.5rem 0;display:flex}.dow-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.dow-bar-wrap{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.dow-bar{border-radius:8px 8px 0 0;width:100%;max-width:48px;min-height:4px;transition:all .4s}.dow-col:hover .dow-bar{opacity:.8}.dow-label{color:var(--gray-600);margin-top:.5rem;font-size:.7rem;font-weight:700}.dow-rate{color:var(--gray-400);font-size:.6rem;font-weight:700}.trend-chart{align-items:flex-end;gap:.875rem;height:180px;padding:.5rem 0;display:flex}.trend-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.trend-bar-wrap{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.trend-bar{border-radius:8px 8px 0 0;width:100%;max-width:42px;min-height:4px;transition:all .4s}.trend-col:hover .trend-bar{opacity:.8}.trend-month{color:var(--gray-600);margin-top:.5rem;font-size:.6rem;font-weight:700}.trend-value{color:#6366f1;font-size:.6rem;font-weight:700}.ai-empty{text-align:center;padding:2.5rem 2rem}.ai-empty-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto .75rem;display:flex}.ai-empty-icon.success{color:#059669;background:#d1fae5}.ai-empty-icon.info{color:#6366f1;background:#e0e7ff}.ai-empty h4{color:var(--gray-700);margin:0 0 .375rem;font-size:.9375rem;font-weight:700}.ai-empty p{color:var(--gray-400);max-width:320px;margin:0 auto;font-size:.8125rem;line-height:1.5}.ai-no-recs{text-align:center;border:1.5px dashed var(--gray-200);background:var(--gray-50);border-radius:14px;margin-bottom:1.5rem;padding:2rem}.ai-no-recs svg{color:var(--gray-300);margin-bottom:.5rem}.ai-no-recs h4{color:var(--gray-600);margin:0 0 .25rem;font-size:.9375rem;font-weight:700}.ai-no-recs p{color:var(--gray-400);margin:0;font-size:.75rem}.ai-stats-3{grid-template-columns:repeat(3,1fr);gap:.875rem;margin-bottom:1.5rem;display:grid}@media (width<=1024px){.ai-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ai-stats-row,.ai-stats-3{grid-template-columns:1fr 1fr}.subject-grid{grid-template-columns:repeat(2,1fr)}.dow-chart,.trend-chart{gap:.5rem}.ai-tabs{width:100%;overflow-x:auto}.ai-grid-2{grid-template-columns:1fr}.ai-hero-card{text-align:center;flex-direction:column}}.student-portal{max-width:1100px;margin:0 auto}.portal-loading{height:60vh;color:var(--gray-400);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.portal-welcome{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a78bfa 100%);border-radius:16px;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 2rem;display:flex;box-shadow:0 8px 32px #6366f140}.welcome-avatar{background:#fff3;border:3px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:800;display:flex}.welcome-text h1{margin:0;font-size:1.5rem;font-weight:800}.welcome-text p{opacity:.85;margin:.25rem 0 0;font-size:.9rem}.portal-tabs{background:var(--gray-100);border-radius:12px;gap:4px;margin-bottom:1.5rem;padding:4px;display:flex}.portal-tab{color:var(--gray-500);cursor:pointer;background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.portal-tab:hover{color:var(--gray-700);background:#ffffff80}.portal-tab.active{color:var(--primary-700);background:#fff;box-shadow:0 2px 8px #00000014}.portal-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.portal-stat{border:1px solid var(--border-color);background:#fff;border-radius:14px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex}.portal-stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.portal-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.attendance-stat .portal-stat-icon{color:#059669;background:#d1fae5}.fee-stat .portal-stat-icon{color:#2563eb;background:#dbeafe}.days-stat .portal-stat-icon{color:#d97706;background:#fef3c7}.collection-stat .portal-stat-icon{color:#7c3aed;background:#ede9fe}.portal-stat-value{color:var(--gray-800);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.portal-stat-label{color:var(--gray-500);font-size:.75rem;font-weight:500}.portal-stat-bar{background:var(--gray-100);border-radius:2px;height:4px;overflow:hidden}.portal-stat-fill{border-radius:2px;height:100%;transition:width .5s}.portal-pending{color:#d97706;align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.portal-quick-links h3{color:var(--gray-800);margin-bottom:.75rem;font-size:1rem;font-weight:700}.quick-links-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.quick-link-card{border:1px solid var(--border-color);cursor:pointer;color:var(--gray-600);text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.quick-link-card:hover{border-color:var(--primary-300);color:var(--primary-700);background:var(--primary-50);transform:translateY(-2px)}.attendance-overview{align-items:center;gap:2rem;padding:1.5rem 0;display:flex}.attendance-donut{flex-shrink:0}.donut-chart{width:140px;height:140px}.donut-value{fill:var(--gray-800);font-size:1.5rem;font-weight:800}.donut-label{fill:var(--gray-400);text-transform:uppercase;font-size:.625rem;font-weight:600}.attendance-breakdown{flex-direction:column;flex:1;gap:.625rem;display:flex}.att-row{border-radius:8px;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;display:flex}.att-row span{flex:1}.att-row strong{color:var(--gray-800);font-weight:700}.att-row.present{color:#047857;background:#d1fae5}.att-row.absent{color:#b91c1c;background:#fee2e2}.att-row.late{color:#92400e;background:#fef3c7}.att-row.total{background:var(--gray-100);color:var(--gray-700)}.portal-alert{border-radius:10px;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}.portal-alert strong{margin-bottom:2px;display:block}.portal-alert p{opacity:.8;margin:0;font-size:.8125rem}.portal-alert.warning{color:#92400e;background:#fef3c7;border-left:4px solid #f59e0b}.portal-alert.danger{color:#991b1b;background:#fee2e2;border-left:4px solid #ef4444}.results-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem 0;display:grid}.result-card{background:var(--gray-50);border:1px solid var(--border-color);border-radius:10px;padding:1rem 1.25rem}.result-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.result-subject{color:var(--gray-800);font-size:.9375rem;font-weight:700}.result-grade{font-size:1.25rem;font-weight:800}.result-bar-wrapper{background:var(--gray-200);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.result-bar{border-radius:3px;height:100%;transition:width .5s}.result-meta{color:var(--gray-500);justify-content:space-between;font-size:.75rem;font-weight:500;display:flex}.fee-summary-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.fee-summary-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.fee-summary-card.total{border-left:4px solid var(--gray-500)}.fee-summary-card.paid{border-left:4px solid #10b981}.fee-summary-card.pending-card{border-left:4px solid #f59e0b}.fee-summary-card.overdue-card{border-left:4px solid #ef4444}.fee-summary-card.total svg{color:var(--gray-500)}.fee-summary-card.paid svg{color:#10b981}.fee-summary-card.pending-card svg{color:#f59e0b}.fee-summary-card.overdue-card svg{color:#ef4444}.fee-sum-val{color:var(--gray-800);font-size:1.25rem;font-weight:800;display:block}.fee-sum-label{color:var(--gray-500);font-size:.75rem;font-weight:500}.fee-progress-bar{background:var(--gray-100);border-radius:5px;height:10px;margin:.75rem 0;overflow:hidden}.fee-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:5px;height:100%;transition:width .6s}.fee-progress-labels{color:var(--gray-400);justify-content:space-between;font-size:.75rem;font-weight:500;display:flex}@media (width<=768px){.portal-stats,.quick-links-grid,.fee-summary-grid{grid-template-columns:repeat(2,1fr)}.results-grid{grid-template-columns:1fr}.attendance-overview{flex-direction:column}.portal-welcome{text-align:center;flex-direction:column}.portal-tab span{display:none}}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.quiz-card{border:1.5px solid var(--gray-200);background:#fff;border-radius:16px;flex-direction:column;padding:1.5rem;transition:all .25s;display:flex}.quiz-card:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:0 8px 24px #6366f11a}.quiz-card-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.quiz-card-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.2rem .65rem;font-size:.7rem;font-weight:700}.ai-badge{color:#fff;background:linear-gradient(135deg,#818cf8,#c084fc);border-radius:20px;align-items:center;gap:3px;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.class-badge{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;align-items:center;padding:.2rem .55rem;font-size:.65rem;font-weight:700;display:inline-flex}.quiz-card h3{color:var(--gray-800);margin-bottom:.5rem;font-size:1rem;font-weight:700}.quiz-meta{color:var(--gray-500);flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.quiz-meta span{align-items:center;gap:3px;display:flex}.quiz-attempts{color:var(--primary-600);align-items:center;gap:4px;margin-bottom:.5rem;font-size:.75rem;display:flex}.quiz-card-actions{border-top:1px solid var(--gray-100);align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.btn-danger-outline{color:#ef4444!important;border-color:#fecaca!important}.btn-danger-outline:hover{background:#fef2f2!important}.quiz-scores-strip{border:1.5px solid var(--gray-200);background:#fff;border-radius:14px;margin-top:1rem;padding:1rem 1.5rem}.quiz-scores-strip h3{color:var(--gray-700);align-items:center;gap:6px;margin-bottom:.75rem;font-size:.85rem;display:flex}.scores-row{gap:.5rem;display:flex;overflow-x:auto}.score-chip{border-radius:10px;flex-direction:column;min-width:120px;padding:.5rem 1rem;display:flex}.score-chip.excellent{color:#166534;background:#dcfce7}.score-chip.good{color:#854d0e;background:#fef9c3}.score-chip.poor{color:#991b1b;background:#fee2e2}.score-pct{font-size:1.1rem;font-weight:800}.score-title{opacity:.8;margin-top:2px;font-size:.65rem}.ai-gen-card{margin-top:1.5rem}.ai-gen-header{border-bottom:1.5px solid var(--gray-100);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.ai-gen-icon{background:linear-gradient(135deg, var(--primary-500), #c084fc);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ai-gen-header h2{font-size:1.1rem;font-weight:700}.ai-gen-header p{color:var(--gray-500);margin-top:2px;font-size:.8rem}.ai-gen-footer{text-align:center;margin-top:1.5rem}.btn-lg{border-radius:14px!important;padding:.9rem 2.5rem!important;font-size:1rem!important}.difficulty-selector{gap:.5rem;display:flex}.diff-btn{border:1.5px solid var(--gray-200);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:.5rem;font-size:.8rem;font-weight:600;transition:all .2s}.diff-btn.easy.active{color:#166534;background:#dcfce7;border-color:#22c55e}.diff-btn.medium.active{color:#854d0e;background:#fef9c3;border-color:#f59e0b}.diff-btn.hard.active{color:#991b1b;background:#fee2e2;border-color:#ef4444}.type-toggles{flex-wrap:wrap;gap:.4rem;display:flex}.type-toggle{border:1.5px solid var(--gray-200);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:4px;padding:.45rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.type-toggle.active{background:var(--primary-50);border-color:var(--primary-400);color:var(--primary-700)}.spin{animation:1s linear infinite spin}.quiz-taker{max-width:800px;margin:0 auto;padding:1rem}.quiz-top-bar{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.quiz-top-left h2{font-size:1rem;font-weight:700}.q-counter{color:var(--gray-500);font-size:.75rem}.quiz-top-right{align-items:center;gap:.75rem;display:flex}.timer-badge{background:var(--primary-50);color:var(--primary-700);border-radius:10px;align-items:center;gap:5px;padding:.4rem .85rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800;display:flex}.timer-badge.warn{color:#854d0e;background:#fef9c3}.timer-badge.danger{color:#991b1b;background:#fee2e2;animation:1s ease-in-out infinite pulse}.answered-badge{background:var(--gray-100);border-radius:8px;padding:.3rem .65rem;font-size:.75rem;font-weight:600}.quiz-progress-bar{background:var(--gray-200);border-radius:4px;height:4px;margin-bottom:1.5rem;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--primary-500), #c084fc);border-radius:4px;height:100%;transition:width .3s}.question-card{border:1.5px solid var(--gray-200);background:#fff;border-radius:18px;margin-bottom:1rem;padding:2rem}.q-type-badge{text-transform:uppercase;letter-spacing:.5px;background:var(--primary-50);color:var(--primary-600);border-radius:6px;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.q-text{color:var(--gray-800);margin-bottom:.5rem;font-size:1.15rem;font-weight:600;line-height:1.6}.q-marks{color:var(--gray-400);align-items:center;gap:4px;margin-bottom:1.25rem;font-size:.75rem;display:flex}.mcq-options{flex-direction:column;gap:.6rem;display:flex}.mcq-option{border:1.5px solid var(--gray-200);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.9rem;transition:all .2s;display:flex}.mcq-option:hover{border-color:var(--primary-300);background:var(--primary-50)}.mcq-option.selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 3px #6366f126}.opt-letter{background:var(--gray-100);width:32px;height:32px;color:var(--gray-600);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.mcq-option.selected .opt-letter{background:var(--primary-500);color:#fff}.tf-options{gap:1rem;display:flex}.tf-option{border:2px solid var(--gray-200);cursor:pointer;background:#fff;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.tf-option:hover{border-color:var(--primary-300)}.tf-option.selected:first-child{color:#166534;background:#dcfce7;border-color:#22c55e}.tf-option.selected:last-child{color:#991b1b;background:#fee2e2;border-color:#ef4444}.fill-blank input{border:2px solid var(--gray-200);border-radius:12px;width:100%;padding:1rem 1.25rem;font-size:1rem;transition:border-color .2s}.fill-blank input:focus{border-color:var(--primary-400);outline:none}.q-navigator{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1rem;display:flex}.q-dot{border:1.5px solid var(--gray-200);cursor:pointer;background:#fff;border-radius:8px;width:34px;height:34px;font-size:.75rem;font-weight:700;transition:all .2s}.q-dot.current{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-700)}.q-dot.done{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.quiz-bottom-bar{justify-content:space-between;gap:1rem;display:flex}.btn-submit{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.results-container{text-align:center;max-width:500px;margin:0 auto;padding:2rem 1rem}.results-hero{margin-bottom:2rem}.results-emoji{margin-bottom:.5rem;font-size:3rem;display:block}.results-hero h1{font-size:1.8rem;font-weight:800}.results-hero p{color:var(--gray-500);margin-top:.25rem}.results-score-ring{width:180px;height:180px;margin:0 auto 2rem;position:relative}.results-score-ring svg{width:100%;height:100%}.score-inner{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-pct-large{font-size:2rem;font-weight:900;display:block}.score-grade{font-size:1.1rem;font-weight:800}.results-stats{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.result-stat{background:var(--gray-50);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem;display:flex}.result-stat div{text-align:left}.result-stat strong{font-size:.9rem;display:block}.result-stat span{color:var(--gray-500);font-size:.65rem}.review-questions{margin-top:1.5rem}.review-question-card{border:1.5px solid var(--gray-200);background:#fff;border-radius:14px;margin-bottom:1rem;padding:1.25rem 1.5rem}.rq-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.rq-num{color:var(--primary-600);font-size:.8rem;font-weight:800}.rq-marks{color:var(--gray-400);margin-left:auto;font-size:.7rem}.rq-text{margin-bottom:.75rem;font-size:.95rem;font-weight:600}.rq-options{flex-direction:column;gap:.3rem;margin-bottom:.75rem;display:flex}.rq-opt{background:var(--gray-50);border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.rq-opt.correct{color:#166534;background:#dcfce7;font-weight:600}.rq-answer{color:#1e40af;background:#eff6ff;border-radius:8px;padding:.5rem .75rem;font-size:.8rem}.rq-explanation{color:var(--gray-600);font-weight:400}.rank-badge{font-size:1rem}.dash-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);z-index:50;transition:width var(--transition-base);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid var(--border-color);height:var(--header-height);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.sidebar-logo{align-items:center;gap:.625rem;display:flex;overflow:hidden}.sidebar-toggle{background:var(--gray-100);width:28px;height:28px;color:var(--gray-500);transition:all var(--transition-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--gray-200);color:var(--gray-700)}.sidebar-collapsed .sidebar-toggle{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:.75rem;display:flex;overflow-y:auto}.nav-item{border-radius:var(--border-radius-sm);color:var(--gray-600);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.nav-item:hover{background:var(--gray-100);color:var(--gray-800)}.nav-item.active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.nav-item.active .nav-icon{color:var(--primary-600)}.nav-icon{flex-shrink:0;align-items:center;display:flex}.nav-label{text-overflow:ellipsis;overflow:hidden}.sidebar-collapsed .nav-item{justify-content:center;padding:.75rem}.sidebar-collapsed .nav-label{display:none}.sidebar-footer{border-top:1px solid var(--border-color);padding:.75rem}.logout-btn{width:100%;color:var(--danger-500)!important}.logout-btn:hover{background:var(--danger-50)!important}.dash-main{margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);flex-direction:column;flex:1;min-height:100vh;display:flex}.sidebar-collapsed .dash-main{margin-left:var(--sidebar-collapsed-width)}.dash-header{height:var(--header-height);border-bottom:1px solid var(--border-color);z-index:40;background:#fff;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.75rem;display:flex}.mobile-menu-btn{border-radius:var(--border-radius-sm);width:36px;height:36px;color:var(--gray-600);background:0 0;justify-content:center;align-items:center;display:none}.header-search{width:320px;position:relative}.search-icon{color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.search-input{border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--gray-50);width:100%;color:var(--gray-700);transition:all var(--transition-fast);outline:none;padding:.5rem .875rem .5rem 2.5rem;font-size:.875rem}.search-input:focus{border-color:var(--primary-400);background:#fff;box-shadow:0 0 0 3px #6366f11a}.header-right{align-items:center;gap:.75rem;display:flex}.header-btn{border-radius:var(--border-radius-sm);width:36px;height:36px;color:var(--gray-500);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.header-btn:hover{background:var(--gray-100);color:var(--gray-700)}.notif-wrapper{position:relative}.notif-badge{background:var(--danger-500);color:#fff;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.625rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notif-dropdown{z-index:100;background:#fff;border-radius:12px;width:380px;animation:.2s notifSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #00000026,0 0 0 1px #0000000d}@keyframes notifSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-header h4{color:var(--gray-800);margin:0;font-size:.9375rem;font-weight:700}.notif-mark-all{color:var(--primary-600);cursor:pointer;background:0 0;align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.notif-mark-all:hover{color:var(--primary-700)}.notif-list{max-height:360px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid var(--gray-50);gap:10px;padding:12px 16px;transition:background .15s;display:flex}.notif-item:hover{background:var(--gray-50)}.notif-item.unread{background:#f0f3ff}.notif-item.unread:hover{background:#e8ecff}.notif-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-body{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-title{color:var(--gray-800);font-size:.8125rem;font-weight:600;line-height:1.3}.notif-msg{color:var(--gray-500);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.4;overflow:hidden}.notif-time{color:var(--gray-400);margin-top:2px;font-size:.6875rem}.notif-empty{color:var(--gray-300);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 16px;display:flex}.notif-empty p{color:var(--gray-400);font-size:.8125rem}.header-user{border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:.625rem;padding:.375rem .75rem;display:flex}.header-user:hover{background:var(--gray-50)}.user-avatar{background:var(--gradient-primary);color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8125rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--gray-800);text-transform:capitalize;font-size:.8125rem;font-weight:600}.user-role{color:var(--gray-500);text-transform:capitalize;font-size:.6875rem}.dash-content{background:var(--surface-bg);flex:1;padding:1.5rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.page-header p{color:var(--gray-500);margin-top:.125rem;font-size:.875rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.grid-2{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.sidebar-overlay{display:none}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}}@media (width<=768px){.sidebar{width:var(--sidebar-width);box-shadow:none;transform:translate(-100%)}.sidebar.mobile-open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-overlay{background:var(--surface-overlay);z-index:45;display:block;position:fixed;inset:0}.dash-main,.sidebar-collapsed .dash-main{margin-left:0}.mobile-menu-btn{display:flex}.header-search,.user-info{display:none}.stats-grid{grid-template-columns:1fr}.dash-content{padding:1rem}}