.landing-page{background:linear-gradient(135deg,#f8fafc,#eff6ff);min-height:100vh;overflow-x:hidden}.landing-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #00000014;box-shadow:0 2px 8px #0000000d;left:0;position:fixed;right:0;top:0;z-index:1000}.landing-nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.landing-logo{align-items:center;display:flex;gap:12px}.landing-logo-img{height:48px;transition:transform .2s;width:auto}.landing-logo-img:hover{transform:scale(1.02)}.footer-logo-img{filter:brightness(0) invert(1)}.landing-logo-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.landing-logo-text{color:#111827;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.landing-login-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.landing-login-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.hero-section{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:140px 2rem 80px}.hero-badge{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:24px;color:#3b82f6;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:2rem;padding:8px 16px}.hero-title{color:#111827;font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}.hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text}.hero-description{color:#6b7280;font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.hero-btn-primary,.hero-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:1rem 2rem;transition:all .2s}.hero-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.hero-btn-primary:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.hero-btn-secondary{background:#fff;border:2px solid #3b82f6;color:#3b82f6}.hero-btn-secondary:hover{background:#f8fafc;transform:translateY(-2px)}.btn-arrow{font-size:1.25rem;transition:transform .2s}.hero-btn-primary:hover .btn-arrow{transform:translateX(4px)}.hero-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#6b7280;font-size:.875rem;font-weight:600}.hero-visual{height:500px;justify-content:center;position:relative}.hero-visual,.visual-card{align-items:center;display:flex}.visual-card{animation:float 3s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;flex-direction:column;gap:1rem;padding:2rem;position:absolute}.visual-card.card-1{animation-delay:0s;left:0;top:0}.visual-card.card-2{animation-delay:.5s;right:10%;top:50%;transform:translateY(-50%)}.visual-card.card-3{animation-delay:1s;bottom:0;left:10%}.card-icon{font-size:3rem}.card-text{color:#111827;font-weight:600;white-space:nowrap}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.features-section{margin:0 auto;max-width:1400px;padding:80px 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-title{color:#111827;font-size:3rem;font-weight:800;margin-bottom:1rem}.section-subtitle{color:#6b7280;font-size:1.25rem}.features-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(3,1fr)}.feature-card-landing{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:2rem;transition:all .3s}.feature-card-landing:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.feature-icon-landing{align-items:center;border-radius:12px;display:flex;font-size:1.75rem;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.feature-title{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-description{color:#6b7280;line-height:1.6}.cta-section{background:linear-gradient(135deg,#3b82f6,#2563eb);margin:80px 0;padding:80px 2rem}.cta-content{margin:0 auto;max-width:800px;text-align:center}.cta-title{color:#fff;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.cta-description{color:#ffffffe6;font-size:1.25rem;margin-bottom:2rem}.cta-button{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;gap:8px;padding:1.25rem 3rem;transition:all .2s}.cta-button:hover{box-shadow:0 6px 30px #00000026;transform:translateY(-2px)}.landing-footer{background:#111827;padding:3rem 2rem}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.footer-logo .landing-logo-text,.landing-footer .landing-logo-text{color:#fff}.footer-text{color:#9ca3af;font-size:.875rem}@media (max-width:1024px){.hero-section{grid-template-columns:1fr;padding-top:120px}.hero-visual{height:400px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-nav-content{padding:1rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.125rem}.hero-buttons{flex-direction:column}.hero-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-number{font-size:2rem}.hero-visual{height:300px}.visual-card{padding:1rem}.card-icon,.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}}.dashboard{animation:fadeIn .3s ease-in-out;margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.dashboard-welcome{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-2xl);position:relative}.dashboard-welcome:before{background:radial-gradient(circle,#ffffff1a,#0000 70%);border-radius:50%;content:"";height:400px;position:absolute;right:-10%;top:-50%;width:400px}.welcome-content{position:relative;z-index:1}.welcome-content h1{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--spacing-sm) 0}.welcome-subtitle{color:#ffffffe6;font-size:1.125rem;font-weight:500;margin:0}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card{align-items:center;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;width:56px}.stat-details h3{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1;margin:0}.stat-details p{color:var(--text-muted);font-size:.875rem;margin:4px 0 0}.dashboard-section{margin-bottom:var(--spacing-2xl)}.section-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--spacing-lg) 0}.features-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.feature-card{align-items:center;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-base)}.feature-card:before{background:var(--feature-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform var(--transition-base);width:4px}.feature-card:hover{border-color:var(--feature-color);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.feature-card:hover:before{transform:scaleY(1)}.feature-icon{align-items:center;background:var(--surface);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;transition:all var(--transition-base);width:56px}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-content{flex:1 1}.feature-content h3{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 4px}.feature-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.feature-arrow{color:var(--text-muted);font-size:1.5rem;opacity:0;transition:all var(--transition-base)}.feature-card:hover .feature-arrow{opacity:1;transform:translateX(4px)}.guide-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.guide-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.guide-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.guide-number{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-full);box-shadow:var(--shadow);color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.guide-content h4{color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 4px}.guide-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.dashboard{padding:var(--spacing-lg) var(--spacing-md)}.dashboard-welcome{padding:var(--spacing-xl)}.welcome-content h1{font-size:1.5rem}.welcome-subtitle{font-size:1rem}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.features-grid,.guide-grid{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-welcome{padding:var(--spacing-lg)}.stats-grid{grid-template-columns:1fr}.feature-card,.stat-card{padding:var(--spacing-md)}.feature-icon{font-size:1.5rem;height:48px;width:48px}}:root{--primary:#2563eb;--primary-dark:#1e40af;--primary-light:#3b82f6;--accent:#3b82f6;--accent-soft:#60a5fa;--accent-lighter:#93c5fd;--success:#10b981;--success-light:#34d399;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg-start:#f8fafc;--bg-end:#eff6ff;--bg-gradient:linear-gradient(135deg,#f8fafc,#eff6ff);--panel-bg:#fff;--surface:#f9fafb;--surface-hover:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-light:#9ca3af;--border:#00000014;--border-light:#0000000d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--header-bg:#fffffff2;--header-height:72px;--tab-bg:#3b82f60d;--tab-border:#3b82f61a;--hover-bg:#3b82f614;--glow-color:#3b82f626;--blur-amount:12px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px}[data-theme=dark]{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--accent:#60a5fa;--accent-soft:#93c5fd;--accent-lighter:#bfdbfe;--success:#34d399;--success-light:#6ee7b7;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--bg-start:#0f172a;--bg-end:#1e293b;--bg-gradient:linear-gradient(135deg,#0f172a,#1e293b);--panel-bg:#1e293b;--surface:#334155;--surface-hover:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--border:#ffffff1a;--border-light:#ffffff0d;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-md:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-lg:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--shadow-xl:0 25px 50px -12px #000000b3;--header-bg:#1e293bf2;--tab-bg:#60a5fa1a;--tab-border:#ffffff1a;--hover-bg:#60a5fa26;--glow-color:#60a5fa33}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}.app-root{background:linear-gradient(135deg,#f8fafc,#eff6ff);background:var(--bg-gradient);color:#111827;color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.app-root:before{height:500px;right:-5%;top:-10%;width:500px}.app-root:after,.app-root:before{background:radial-gradient(circle,#3b82f626,#0000 70%);background:radial-gradient(circle,var(--glow-color),#0000 70%);content:"";filter:blur(80px);pointer-events:none;position:fixed;z-index:0}.app-root:after{bottom:-15%;height:400px;left:-5%;width:400px}.app-header{backdrop-filter:blur(12px);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(var(--blur-amount));background:#fffffff2;background:var(--header-bg);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);gap:1.5rem;gap:var(--spacing-lg);height:72px;height:var(--header-height);justify-content:space-between;left:0;padding:0 2rem;padding:0 var(--spacing-xl);position:fixed;right:0;top:0;transition:all .2s ease;transition:all var(--transition-base);width:100%;z-index:100}.app-header,.header-right{align-items:center;display:flex}.header-right{flex:1 1;gap:1rem;gap:var(--spacing-md);justify-content:flex-end}.header-actions{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.app-header h1{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.logo-container{align-items:center;cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-md);-webkit-user-select:none;user-select:none}.logo-image{height:50px;transition:all .2s ease;transition:all var(--transition-base);width:auto}.logo-image:hover{transform:scale(1.02)}.logo-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;transition:transform .2s ease;transition:transform var(--transition-base);width:50px}.logo-icon:hover{transform:scale(1.05)}.tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f60d;background:var(--tab-bg);border:1px solid #3b82f61a;border:1px solid var(--tab-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:4px;padding:4px}.tabs button{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#6b7280;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:5px;justify-content:center;padding:.5rem .875rem;position:relative;transition:all .2s ease;transition:all var(--transition-base);white-space:nowrap}.tabs button svg{transition:transform .2s ease;transition:transform var(--transition-base)}.tabs button:hover:not(.active){background:#3b82f614;background:var(--hover-bg);color:#111827;color:var(--text-primary);transform:translateY(-1px)}.tabs button:hover:not(.active) svg{transform:scale(1.1)}.tabs button.active{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);color:#fff}.tabs button.active,.tabs button.active:before{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.tabs button.active:before{border-radius:inherit;content:"";filter:blur(8px);inset:-2px;opacity:.2;position:absolute;z-index:-1}.tabs button.active svg{animation:pulse 2s ease-in-out infinite}.theme-toggle{align-items:center;background:#fff;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;transition:all .2s ease;transition:all var(--transition-base);width:40px}.theme-toggle:hover{background:#f3f4f6;background:var(--surface-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px) rotate(15deg)}.theme-toggle:active{transform:translateY(0) rotate(0deg)}main{min-height:100vh;padding:calc(72px + 2rem) 2rem 2rem;padding:calc(var(--header-height) + var(--spacing-xl)) var(--spacing-xl) var(--spacing-xl);position:relative;z-index:1}.user-profile-card{align-items:center;background:#fff;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;gap:.5rem;gap:var(--spacing-sm);padding:6px 12px;transition:all .2s ease;transition:all var(--transition-base)}.user-profile-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:#111827;color:var(--text-primary);font-size:.8125rem;font-weight:600;line-height:1.2}.user-role{color:#6b7280;color:var(--text-muted);font-size:.6875rem;line-height:1.2;text-transform:capitalize}.profile-dropdown{animation:fadeIn .2s ease-in-out;background:#fff;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);min-width:180px;padding:.5rem;padding:var(--spacing-sm);position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);padding:.75rem 1rem;text-align:left;transition:all .2s ease;transition:all var(--transition-base);width:100%}.dropdown-item:hover{background:#f3f4f6;background:var(--surface-hover);color:#ef4444;color:var(--danger)}.dropdown-item:active{transform:scale(.98)}.rubrics-preview,input,select,textarea{background:#fff;background:var(--panel-bg);border:2px solid #00000014;border:2px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-primary);font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;transition:all var(--transition-base)}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--text-light)}input:hover,select:hover,textarea:hover{border-color:#60a5fa;border-color:var(--accent-soft)}input:focus,select:focus,textarea:focus{background:#fff;background:var(--panel-bg);border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 4px #3b82f61a,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 0 0 4px #3b82f61a,var(--shadow);outline:none}textarea{line-height:1.6;min-height:100px;resize:vertical}.rubrics-preview{word-wrap:break-word;background:#f9fafb;background:var(--surface);line-height:1.6;min-height:120px}button{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease;transition:all var(--transition-base);white-space:nowrap}.btn-common,.btn-primary{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:1px solid #0000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff}.btn-common:hover:not(:disabled),.btn-primary:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-common:active:not(:disabled),.btn-primary:active:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(0)}.btn-green,.btn-success{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success),var(--success-light));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff}.btn-green:hover:not(:disabled),.btn-success:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-danger,.trash-btn{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger),#dc2626);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff}.btn-danger:hover:not(:disabled),.trash-btn:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#f9fafb;background:var(--surface);border:1px solid #00000014;border:1px solid var(--border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#f3f4f6;background:var(--surface-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #3b82f6;border:2px solid var(--accent);color:#3b82f6;color:var(--accent)}.btn-outline:hover:not(:disabled){background:#3b82f6;background:var(--accent);color:#fff;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}button:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent);outline-offset:2px}.card,.file-card,.panel{background:#fff;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-base)}.card:hover,.file-card:hover,.panel:hover{border-color:#60a5fa;border-color:var(--accent-soft);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.content-container{margin:0 auto;max-width:1400px;padding:0 1rem;padding:0 var(--spacing-md)}.table-wrapper{background:#fff;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);overflow:hidden;overflow-x:auto}table{border-collapse:collapse;color:#111827;color:var(--text-primary);font-size:.875rem;width:100%}table th{background:#f9fafb;background:var(--surface);border-bottom:2px solid #00000014;border-bottom:2px solid var(--border);color:#4b5563;color:var(--text-secondary);font-size:.8125rem;font-weight:700;letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}table td,table th{padding:1rem 1.25rem}table td{border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-light);color:#111827;color:var(--text-primary);font-size:.875rem;vertical-align:middle}table tbody tr{transition:background-color .15s ease;transition:background-color var(--transition-fast)}table tbody tr:hover{background:#f9fafb;background:var(--surface)}table tbody tr:last-child td{border-bottom:none}.empty-state{color:#6b7280;color:var(--text-muted);padding:3rem 2rem;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.empty-state h3{color:#111827;color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.empty-state p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.loading{color:#6b7280;color:var(--text-muted);display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center}.badge,.loading{align-items:center}.badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem}.badge-primary{background:#3b82f61a;color:#2563eb;color:var(--primary)}.badge-success{background:#10b9811a;color:#10b981;color:var(--success)}.badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.badge-danger{background:#ef44441a;color:#ef4444;color:var(--danger)}.logout-btn{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease;transition:all var(--transition-base)}.logout-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.mobile-menu-toggle{align-items:center;background:#fff;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:none;height:40px;justify-content:center;transition:all .2s ease;transition:all var(--transition-base);width:40px}.mobile-menu-toggle:hover{background:#f3f4f6;background:var(--surface-hover)}@media (max-width:1024px){:root{--header-height:64px}.app-header{padding:0 1.5rem;padding:0 var(--spacing-lg)}.app-header h1{font-size:1.25rem}.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}}@media (max-width:1200px){.tabs button{font-size:.75rem;padding:.5rem .75rem}.tabs button svg{font-size:.875rem}}@media (max-width:768px){:root{--header-height:auto;--spacing-xl:1.25rem}.app-header{flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);height:auto;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.header-right{justify-content:space-between;width:100%}.header-actions{order:3}.tabs{overflow-x:auto;padding:4px;scrollbar-width:thin;width:100%}.tabs::-webkit-scrollbar{height:4px}.tabs button{flex-shrink:0}main{padding:calc(160px + 1.5rem) 1rem 1.5rem;padding:calc(160px + var(--spacing-lg)) var(--spacing-md) var(--spacing-lg)}.user-profile-card{justify-content:flex-start;width:100%}.mobile-menu-toggle{display:flex}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}}@media (max-width:480px){:root{--spacing-xl:1rem;--spacing-lg:0.75rem}.app-header{padding:1rem;padding:var(--spacing-md)}.app-header h1{font-size:1.125rem}.logo-icon{font-size:1rem;height:40px;width:40px}.tabs button{font-size:.8125rem;padding:.5rem 1rem}main{padding:calc(180px + 1rem) .5rem 1rem;padding:calc(180px + var(--spacing-md)) var(--spacing-sm) var(--spacing-md)}button{font-size:.875rem;padding:.625rem 1.25rem}input,select,textarea{font-size:.875rem;padding:.625rem .875rem}.card,.file-card,.panel{padding:1rem;padding:var(--spacing-md)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-in-out}.spinner{animation:spin 1s linear infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem;gap:var(--spacing-xs)}.gap-2{gap:.5rem;gap:var(--spacing-sm)}.gap-3{gap:1rem;gap:var(--spacing-md)}.gap-4{gap:1.5rem;gap:var(--spacing-lg)}.w-full{width:100%}.hidden{display:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--surface);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:#6b7280;background:var(--text-muted);border-radius:.5rem;border-radius:var(--radius-md);-webkit-transition:background .2s ease;transition:background .2s ease;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#4b5563;background:var(--text-secondary)}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent);outline-offset:2px}::selection{background:#3b82f6;background:var(--accent);color:#fff}@media print{.app-header,.theme-toggle,button{display:none}main{padding:0}}.students-tab{margin:0 auto;max-width:1400px;padding:20px}.students-header{margin-bottom:30px}.students-header h2{color:var(--text-primary);font-size:24px;margin:0}.import-section{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:30px;padding:20px}.import-section h3{color:var(--text-primary);font-size:18px;margin:0 0 20px}.import-section p{color:var(--text-secondary)}.import-form{display:flex;flex-direction:column;gap:15px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:5px}.form-group input{background:var(--panel-bg);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;padding:10px}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-import{align-self:flex-start;background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background .3s}.btn-import:hover:not(:disabled){background:#45a049}.btn-import:disabled{background:#ccc;cursor:not-allowed}.message{border-radius:4px}.error-message{background:#fee;border:1px solid #fcc;color:#c33}.success-message{background:#efe;border:1px solid #cfc;color:#3c3}.lists-section{margin-bottom:30px}.lists-section h3{color:var(--text-primary);font-size:18px;margin:0 0 20px}.no-data{font-style:italic;padding:20px}.lists-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.list-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:15px;transition:all var(--transition-base)}.list-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.list-header{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.list-header h4{color:var(--text-primary);font-size:16px;margin:0}.student-count{background:#3b82f61a;color:var(--accent);font-size:12px;padding:4px 10px}.list-info{margin-bottom:12px}.list-info p{color:var(--text-secondary);font-size:13px;margin:5px 0}.list-info strong{color:var(--text-primary)}.list-actions{display:flex;gap:10px}.btn-delete,.btn-view{border-radius:4px;font-weight:600;padding:8px 15px;transition:all .3s}.btn-view{background:#2196f3}.btn-view:hover{background:#1976d2}.btn-delete{background:#f44336}.btn-delete:hover{background:#d32f2f}.students-table-section{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:20px}.students-table-section h3{color:var(--text-primary);font-size:18px;margin:0 0 20px}.table-container{overflow-x:auto}.students-table{border-collapse:collapse;font-size:14px;width:100%}.students-table thead{background:var(--surface)}.students-table th{border-bottom:2px solid var(--border);color:var(--text-secondary);font-weight:600;padding:12px 10px;text-align:left}.students-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:10px}.students-table tbody tr:hover{background:var(--surface-hover)}.btn-delete-row{align-items:center;background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:background .3s;width:30px}.btn-delete-row:hover{background:#d32f2f}@media (max-width:768px){.form-row,.lists-grid{grid-template-columns:1fr}}.checked-results-tab{margin:0 auto;max-width:1400px;padding:20px}.checked-results-header{margin-bottom:30px}.checked-results-header h2{color:var(--text-primary);font-size:28px;margin:0}.message{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 20px}.error-message{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.success-message{background-color:#e8f5e9;border:1px solid #81c784;color:#2e7d32}.loading-message{color:var(--text-secondary);font-size:16px}.loading-message,.no-data{padding:40px;text-align:center}.no-data{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted);font-size:15px}.results-section h3{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:20px}.results-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.result-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:var(--spacing-lg);transition:all var(--transition-base)}.result-card:hover{border-color:var(--accent-soft);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.result-header{align-items:center;border-bottom:2px solid var(--accent);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.result-header h4{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.student-count{background:var(--accent);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;font-size:13px;font-weight:600;padding:6px 14px}.result-info{margin-bottom:var(--spacing-md)}.result-info p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:8px 0}.result-info strong{color:var(--text-primary);font-weight:600;margin-right:4px}.result-actions{display:flex;gap:10px;margin-top:15px}.btn-delete,.btn-view{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:all .2s}.btn-view{background:#3498db;color:#fff}.btn-view:hover:not(:disabled){background:#2980b9}.btn-delete{background:#e74c3c;color:#fff}.btn-delete:hover:not(:disabled){background:#c0392b}.btn-delete:disabled,.btn-view:disabled{cursor:not-allowed;opacity:.5}.result-detail-section{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.detail-header{align-items:center;border-bottom:2px solid var(--accent);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.detail-header h3{color:var(--text-primary);flex:1 1;font-size:22px;font-weight:700;margin:0;text-align:center}.btn-back{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-back:hover{background:#7f8c8d}.btn-copy{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-copy:hover:not(:disabled){background:#2980b9}.btn-copy:disabled{cursor:not-allowed;opacity:.5}.result-metadata{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.metadata-row{display:flex;gap:30px;margin-bottom:10px}.metadata-row:last-child{margin-bottom:0}.metadata-row span{color:var(--text-secondary);font-size:14px}.metadata-row strong{color:var(--text-primary);font-weight:600}.result-table-container{overflow-x:auto}.result-table{background:var(--panel-bg);border-collapse:collapse;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.result-table thead{background:var(--surface)}.result-table td,.result-table th{border-bottom:1px solid var(--border-light);padding:12px 15px;text-align:left}.result-table th{color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.result-table tbody tr{transition:background-color var(--transition-fast)}.result-table tbody tr:hover{background-color:var(--surface-hover)}.result-table tbody tr:last-child td{border-bottom:none}.result-table td{color:var(--text-primary);font-size:14px}@media (max-width:768px){.results-grid{grid-template-columns:1fr}.detail-header{flex-direction:column;gap:10px}.detail-header h3{font-size:18px;text-align:left}.metadata-row{flex-direction:column;gap:5px}.result-table{font-size:12px}.result-table td,.result-table th{padding:8px 10px}}
/*# sourceMappingURL=main.a335c84a.css.map*/