@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);*{box-sizing:border-box}.presentation-container{background:#f8fafc;display:flex;min-height:100vh;width:100vw}.presentation-left{background:#fff;display:flex;flex-direction:column;min-height:100vh;position:relative;width:55%}.presentation-header{align-items:center;background:#fffffffa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-logo{align-items:center;display:flex;gap:10px}.logo-text{color:#1e40af;font-size:24px;font-weight:800;letter-spacing:-.5px}.logo-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.header-actions{display:flex;gap:10px}.btn-secondary{background:#0000;border:2px solid #e5e7eb;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{border-color:#6366f1;color:#6366f1}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 6px 16px #6366f166}.progress-bar-container{background:#f8fafc;display:flex;gap:4px;padding:16px 32px}.progress-segment{background:#e5e7eb;border-radius:2px;cursor:pointer;flex:1 1;height:4px;overflow:hidden;position:relative;transition:all .2s ease}.progress-segment:hover{background:#d1d5db}.progress-segment.active{background:#e5e7eb}.progress-fill,.progress-segment.completed{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.progress-fill{left:0;position:absolute;top:0;transition:width .1s linear}.presentation-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px 48px}.slide-content{max-width:800px;width:100%}.presentation-nav{align-items:center;background:linear-gradient(180deg,#fff0,#f8fafc);border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;padding:20px 32px}.nav-btn{background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:14px;font-weight:500;gap:6px;padding:10px 18px}.nav-btn:hover{background:#f3f4f6;border-color:#d1d5db}.nav-btn .MuiIcon-root{font-size:20px}.nav-btn.play-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:50%;color:#fff;height:44px;justify-content:center;padding:0;width:44px}.nav-btn.play-btn:hover{transform:scale(1.05)}.slide-header{margin-bottom:36px;text-align:center}.slide-title{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 12px}.slide-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.problem-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.problem-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px 24px;text-align:center;transition:all .3s ease}.problem-card:hover{border-color:#d1d5db;box-shadow:0 12px 24px #00000014;transform:translateY(-4px)}.problem-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:14px;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.problem-icon .MuiIcon-root{color:#d97706;font-size:28px}.problem-stat{color:#111827;font-size:36px;font-weight:800;margin-bottom:4px}.problem-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.problem-description{color:#6b7280;font-size:13px;line-height:1.5}.solution-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.solution-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:14px;padding:18px 20px;transition:all .2s ease}.solution-item:hover{background:#f1f5f9;border-color:#6366f1}.solution-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.solution-icon .MuiIcon-root{color:#fff;font-size:22px}.solution-item span{color:#1f2937;font-size:15px;font-weight:500}.founder-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px #0000000a;padding:32px}.founder-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:20px;margin-bottom:24px;padding-bottom:24px}.founder-image{border:3px solid #6366f1;border-radius:50%;height:80px;object-fit:cover;width:80px}.founder-info h3{color:#111827;font-size:22px;font-weight:700;margin:0 0 4px}.founder-role{color:#6366f1;font-size:14px;font-weight:600;margin:0 0 2px}.founder-school{color:#6b7280;font-size:13px;margin:0}.founder-story p{color:#374151;font-size:15px;line-height:1.7;margin:0 0 16px}.founder-story p:last-child{margin-bottom:0}.subjects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.subject-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;padding:24px 20px;text-align:center;transition:all .2s ease}.subject-card:hover{border-color:#6366f1;box-shadow:0 8px 20px #6366f11a}.subject-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;display:flex;height:52px;justify-content:center;margin:0 auto 14px;width:52px}.subject-icon .MuiIcon-root{color:#2563eb;font-size:26px}.subject-name{color:#111827;font-size:16px;font-weight:700;margin-bottom:6px}.subject-examples{color:#6b7280;font-size:12px}.formats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.format-card{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px solid #e5e7eb;border-radius:14px;padding:24px 18px;text-align:center;transition:all .2s ease}.format-card:hover{box-shadow:0 8px 20px #0000000f;transform:translateY(-3px)}.format-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.format-icon .MuiIcon-root{color:#fff;font-size:24px}.format-label{color:#111827;font-size:15px;font-weight:700;margin-bottom:4px}.format-types{color:#6b7280;font-size:12px;line-height:1.4}.status-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:20px}.status-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.status-section.ready-section{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981}.status-section.coming-section{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.status-section-header{align-items:center;border-bottom:1px solid #00000014;display:flex;gap:10px;margin-bottom:18px;padding-bottom:14px}.status-section-header .MuiIcon-root{font-size:24px}.ready-section .status-section-header .MuiIcon-root{color:#10b981}.coming-section .status-section-header .MuiIcon-root{color:#f59e0b}.status-section-header h3{color:#111827;font-size:16px;font-weight:700;margin:0}.status-list{display:flex;flex-direction:column;gap:12px}.status-item{align-items:flex-start;background:#ffffffb3;border:1px solid #0000000d;border-radius:10px;display:flex;gap:12px;padding:12px}.status-badge{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px}.status-badge.live{background:#10b981;color:#fff}.status-badge.beta{background:#8b5cf6;color:#fff}.status-badge.soon{background:#f59e0b;color:#fff}.status-info{display:flex;flex-direction:column;gap:2px}.status-feature{color:#111827;font-size:14px;font-weight:600}.status-description{color:#6b7280;font-size:12px}.status-footer{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;border-radius:12px;display:flex;gap:10px;justify-content:center;padding:16px}.status-footer .MuiIcon-root{color:#7c3aed;font-size:20px}.status-footer p{color:#5b21b6;font-size:14px;font-weight:600;margin:0}.highlight-card{background:linear-gradient(135deg,#fef2f2,#fff7ed);border:1px solid #fecaca;border-radius:20px;padding:32px}.highlight-stats{border-bottom:1px solid #fecaca;display:flex;gap:40px;justify-content:center;margin-bottom:28px;padding-bottom:24px}.highlight-stat{text-align:center}.stat-value{color:#dc2626;font-size:36px;font-weight:800}.stat-label{color:#991b1b;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.highlight-points{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.highlight-point{align-items:center;display:flex;gap:12px}.highlight-point .MuiIcon-root{color:#16a34a;font-size:20px}.highlight-point span{color:#374151;font-size:15px}.highlight-cta{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;text-decoration:none;transition:all .2s ease;width:100%}.highlight-cta:hover{box-shadow:0 6px 16px #dc26264d;transform:translateY(-2px)}.highlight-cta .MuiIcon-root{font-size:20px}.adapts-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.adapt-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;transition:all .2s ease}.adapt-card:hover{border-color:#a78bfa;box-shadow:0 8px 20px #8b5cf614}.adapt-icon{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:10px;display:flex;height:44px;justify-content:center;margin-bottom:14px;width:44px}.adapt-icon .MuiIcon-root{color:#7c3aed;font-size:22px}.adapt-card h4{color:#111827;font-size:16px;font-weight:700;margin:0 0 8px}.adapt-card p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.pricing-grid{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px 24px;position:relative;transition:all .2s ease}.pricing-card.featured{border-color:#6366f1;box-shadow:0 8px 24px #6366f126;transform:scale(1.03)}.pricing-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;font-size:11px;font-weight:700;left:50%;letter-spacing:.5px;padding:6px 14px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.pricing-name{color:#111827;font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}.pricing-price{margin-bottom:20px;text-align:center}.price-value{color:#111827;font-size:40px;font-weight:800}.price-period{color:#6b7280;display:block;font-size:14px;margin-top:4px}.pricing-features{list-style:none;margin:0 0 24px;padding:0}.pricing-features li{align-items:center;border-bottom:1px solid #f3f4f6;color:#374151;display:flex;font-size:14px;gap:10px;padding:8px 0}.pricing-features li:last-child{border-bottom:none}.pricing-features .MuiIcon-root{color:#10b981;font-size:18px}.pricing-cta{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease;width:100%}.pricing-cta.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.pricing-cta.primary:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.pricing-cta.secondary{background:#f3f4f6;color:#374151}.pricing-cta.secondary:hover{background:#e5e7eb}.pricing-spots{color:#10b981;font-size:12px;font-weight:600;margin-top:12px;text-align:center}.cta-counter{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:20px;margin-bottom:28px;padding:32px;text-align:center}.counter-number{color:#fff;font-size:72px;font-weight:800;line-height:1}.counter-label{color:#ffffffe6;font-size:16px;margin-top:8px}.cta-benefits{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}.cta-benefit{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:14px 16px}.cta-benefit .MuiIcon-root{color:#10b981;font-size:20px}.cta-benefit span{color:#374151;font-size:14px}.cta-main-button{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:14px;box-shadow:0 6px 20px #6366f166;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:12px;justify-content:center;padding:18px 32px;transition:all .3s ease;width:100%}.cta-main-button:hover{box-shadow:0 10px 28px #6366f180;transform:translateY(-3px)}.cta-main-button .MuiIcon-root{font-size:24px}.cta-urgency{color:#dc2626;font-size:14px;font-weight:600;margin-top:16px;text-align:center}.presentation-right{align-items:center;background:linear-gradient(180deg,#1565c0,#1976d2 30%,#2196f3 70%,#42a5f5);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 32px;position:relative;width:45%}.presentation-right:before{background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.animated-logo-container{align-items:center;display:flex;height:320px;justify-content:center;max-width:420px;position:relative;width:100%;z-index:1}.animated-logo-container:before{background:radial-gradient(circle,#ffffff1f 0,#0000 60%);border-radius:50%;content:"";filter:blur(40px);height:80%;position:absolute;width:80%}.right-content{align-items:center;display:flex;flex-direction:column;max-width:480px;position:relative;text-align:center;z-index:1}.right-badge{align-items:center;background:#10b98133;border:1px solid #10b98166;border-radius:24px;display:inline-flex;gap:8px;margin-bottom:20px;padding:10px 18px}.right-badge .MuiIcon-root{color:#34d399;font-size:18px}.right-badge span{color:#34d399;font-size:14px;font-weight:600}.right-tagline{color:#fff;font-size:30px;font-weight:800;line-height:1.25;margin:0 0 16px;text-shadow:0 2px 16px #00000026}.right-tagline span{opacity:.95}.right-description{color:#fffffff2;font-size:16px;line-height:1.6;margin:0 0 24px}.right-description strong{color:#fff}.right-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:24px}.feature-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.feature-chip:hover{background:#ffffff40;transform:translateY(-2px)}.feature-chip .MuiIcon-root{font-size:16px;opacity:.9}.right-value-props{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;width:100%}.value-prop{align-items:flex-start;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;padding:12px 16px;text-align:left}.value-prop .MuiIcon-root{color:#a5f3fc;flex-shrink:0;font-size:20px;margin-top:2px}.value-prop p{color:#ffffffe6;font-size:14px;line-height:1.5;margin:0}.value-prop strong{color:#fff}.right-cta{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #00000026;color:#1976d2;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-bottom:16px;padding:16px 36px;text-decoration:none;transition:all .3s ease}.right-cta:hover{box-shadow:0 8px 28px #0003;transform:translateY(-3px)}.right-cta .MuiIcon-root{font-size:20px}.right-detector-link{align-items:center;background:#8b5cf633;border:1px solid #8b5cf666;border-radius:10px;color:#c4b5fd;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.right-detector-link:hover{background:#8b5cf64d;transform:translateY(-2px)}.right-detector-link .MuiIcon-root{font-size:18px}.right-credibility{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;display:flex;gap:20px;justify-content:center;padding:16px 24px}.credibility-item{align-items:center;display:flex;flex-direction:column;gap:4px}.cred-value{font-size:16px}.credibility-divider{background:#fff3;height:32px;width:1px}@media (max-width:1200px){.presentation-left{width:55%}.presentation-right{padding:32px 24px;width:45%}.formats-grid,.pricing-grid,.problem-grid,.subjects-grid{grid-template-columns:repeat(2,1fr)}.slide-title{font-size:28px}.right-tagline{font-size:26px}.animated-logo-container{height:260px}}@media (max-width:1024px){.presentation-container{flex-direction:column}.presentation-left,.presentation-right{min-height:auto;width:100%}.presentation-right{padding:40px 24px}.animated-logo-container{height:240px;max-width:350px}}@media (max-width:768px){.presentation-header{padding:16px 20px}.logo-text{font-size:20px}.presentation-content{padding:24px 20px}.slide-title{font-size:24px}.slide-subtitle{font-size:14px}.adapts-grid,.cta-benefits,.formats-grid,.pricing-grid,.problem-grid,.solution-grid,.status-container,.subjects-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.founder-header{flex-direction:column;text-align:center}.highlight-stats{flex-direction:column;gap:16px}.right-features{gap:8px}.feature-chip{font-size:12px;padding:6px 12px}.right-tagline{font-size:22px}.right-credibility{flex-wrap:wrap;gap:16px}.credibility-divider{display:none}}@media (max-width:480px){.header-actions{gap:6px}.btn-primary,.btn-secondary{font-size:13px;padding:8px 14px}.progress-bar-container{padding:12px 16px}.presentation-content{padding:20px 16px}.slide-title{font-size:22px}.nav-btn{font-size:13px;padding:8px 12px}.animated-logo-container{height:200px}}.signin-page{background:#f8fafc}.signin-left,.signin-page{display:flex;min-height:100vh}.signin-left{align-items:center;background:#fff;justify-content:center;padding:40px;width:50%}.signin-form-container{max-width:420px;width:100%}.signin-header{margin-bottom:36px}.signin-logo{align-items:center;display:inline-flex;gap:10px;margin-bottom:28px;text-decoration:none}.signin-logo .logo-text{color:#1e40af;font-size:28px;font-weight:800;letter-spacing:-.5px}.signin-logo .logo-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.signin-title h1{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.signin-title p{color:#6b7280;font-size:16px;margin:0}.signin-form{display:flex;flex-direction:column;gap:20px}.form-field{gap:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;font-size:20px!important;left:16px;pointer-events:none;position:absolute;transition:color .2s ease}.styled-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#111827;font-size:15px;outline:none;padding:14px 16px 14px 48px;transition:all .2s ease;width:100%}.styled-input::placeholder{color:#9ca3af}.styled-input:hover{background:#f3f4f6;border-color:#d1d5db}.styled-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.input-wrapper:focus-within .input-icon,.styled-input:focus+.input-icon{color:#6366f1}.styled-input:disabled{cursor:not-allowed;opacity:.6}.form-options{justify-content:space-between;margin-top:4px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{cursor:pointer;gap:4px}.remember-me span{color:#6b7280;font-size:14px;-webkit-user-select:none;user-select:none}.forgot-link{color:#6366f1;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#4f46e5;text-decoration:underline}.signin-button{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;box-shadow:0 4px 16px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-top:12px;padding:16px 24px;transition:all .3s ease;width:100%}.signin-button:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.signin-button:active:not(:disabled){transform:translateY(0)}.signin-button:disabled{cursor:not-allowed;opacity:.8}.signin-button.loading{background:linear-gradient(135deg,#818cf8,#6366f1)}.signin-button .MuiIcon-root{font-size:22px}.signup-link{color:#6b7280;font-size:14px;margin-top:8px;text-align:center}.signup-link a{color:#6366f1;font-weight:600;text-decoration:none;transition:color .2s ease}.signup-link a:hover{color:#4f46e5;text-decoration:underline}.signin-right{align-items:center;background:linear-gradient(180deg,#1565c0,#1976d2 30%,#2196f3 70%,#42a5f5);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:50%}.signin-right:before{background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 40%)}.signin-right:after,.signin-right:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.signin-right:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.05)' d='M0 50q25-20 50 0t50 0'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.5}.signin-right-content{flex-direction:column;max-width:440px;text-align:center;z-index:1}.signin-right-content,.signin-visual-wrapper{align-items:center;display:flex;position:relative}.signin-visual-wrapper{height:300px;justify-content:center;margin-bottom:24px;max-width:380px;width:100%}.signin-visual-wrapper:before{background:radial-gradient(circle,#ffffff1f 0,#0000 60%);border-radius:50%;content:"";filter:blur(30px);height:70%;position:absolute;width:70%}.signin-messaging{align-items:center;display:flex;flex-direction:column}.signin-tagline{color:#fff;font-size:28px;font-weight:800;line-height:1.25;margin:0 0 14px;text-shadow:0 2px 16px #00000026}.signin-description{color:#ffffffe6;font-size:15px;line-height:1.6;margin:0 0 28px;max-width:380px}.signin-features{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.feature-item{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:24px;display:flex;gap:8px;padding:10px 16px}.feature-item .MuiIcon-root{color:#a5f3fc;font-size:18px}.feature-item span{color:#fff;font-size:13px;font-weight:600}@media (max-width:1024px){.signin-page{flex-direction:column-reverse}.signin-left,.signin-right{min-height:auto;width:100%}.signin-left,.signin-right{padding:40px 24px}.signin-visual-wrapper{height:260px;max-width:320px}.signin-tagline{font-size:24px}.signin-form-container{max-width:100%}}@media (max-width:600px){.signin-left,.signin-right{padding:32px 20px}.signin-visual-wrapper{height:220px}.signin-title h1{font-size:26px}.signin-tagline{font-size:22px}.signin-features{gap:8px}.feature-item{padding:8px 12px}.feature-item span{font-size:12px}}@media (max-width:400px){.signin-left{padding:24px 16px}.signin-title h1{font-size:24px}.signin-button{font-size:15px;padding:14px 20px}.form-options{align-items:flex-start;flex-direction:column;gap:12px}}.signup-page{background:#f8fafc}.signup-left,.signup-page{display:flex;min-height:100vh}.signup-left{align-items:center;background:#fff;justify-content:center;padding:40px;width:50%}.signup-form-container{max-width:480px;width:100%}.signup-header{margin-bottom:32px}.signup-logo{align-items:center;display:inline-flex;gap:10px;margin-bottom:24px;text-decoration:none}.signup-logo .logo-text{color:#1e40af;font-size:28px;font-weight:800;letter-spacing:-.5px}.signup-logo .logo-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.signup-title h1{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.signup-title p{color:#6b7280;font-size:16px;margin:0}.signup-form{gap:20px}.form-field,.signup-form{display:flex;flex-direction:column}.form-field{gap:6px}.field-label{color:#374151;font-size:14px;font-weight:600}.password-strength{margin-top:8px}.signup-form .MuiInputBase-root{background:#f9fafb;border-radius:10px;transition:all .2s ease}.signup-form .MuiInputBase-root:hover{background:#f3f4f6}.signup-form .MuiInputBase-root.Mui-focused{background:#fff;box-shadow:0 0 0 3px #6366f11a}.terms-row{align-items:center;display:flex;gap:8px;margin-top:4px}.terms-text{color:#6b7280;font-size:14px}.terms-link{color:#6366f1;font-weight:600;text-decoration:none;transition:color .2s ease}.terms-link:hover{color:#4f46e5;text-decoration:underline}.signup-button{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;box-shadow:0 4px 16px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-top:8px;padding:16px 24px;transition:all .3s ease;width:100%}.signup-button:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{cursor:not-allowed;opacity:.8}.signup-button.loading{background:linear-gradient(135deg,#818cf8,#6366f1)}.signup-button .MuiIcon-root{font-size:22px}.signin-link{color:#6b7280;font-size:14px;margin-top:8px;text-align:center}.signin-link a{color:#6366f1;font-weight:600;text-decoration:none;transition:color .2s ease}.signin-link a:hover{color:#4f46e5;text-decoration:underline}.signup-right{align-items:center;background:linear-gradient(180deg,#1565c0,#1976d2 30%,#2196f3 70%,#42a5f5);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:50%}.signup-right:before{background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.signup-right-content{flex-direction:column;max-width:440px;text-align:center;z-index:1}.signup-logo-wrapper,.signup-right-content{align-items:center;display:flex;position:relative}.signup-logo-wrapper{height:340px;justify-content:center;margin-bottom:20px;max-width:360px;width:100%}.signup-logo-wrapper:before{background:radial-gradient(circle,#ffffff1f 0,#0000 60%);border-radius:50%;content:"";filter:blur(30px);height:70%;position:absolute;width:70%}.signup-messaging{align-items:center;display:flex;flex-direction:column}.pilot-spots-badge{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:24px;display:inline-flex;gap:8px;margin-bottom:20px;padding:10px 18px}.pilot-spots-badge .MuiIcon-root{color:#fca5a5;font-size:18px}.pilot-spots-badge span{color:#fca5a5;font-size:14px;font-weight:600}.signup-tagline{color:#fff;font-size:28px;font-weight:800;line-height:1.25;margin:0 0 16px;text-shadow:0 2px 16px #00000026}.signup-tagline span{opacity:.95}.signup-description{color:#ffffffe6;font-size:15px;line-height:1.6;margin:0 0 28px}.pilot-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;width:100%}.benefit-item{background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;gap:14px;padding:12px 16px;text-align:left}.benefit-icon,.benefit-item{align-items:center;display:flex}.benefit-icon{background:#ffffff26;border-radius:8px;flex-shrink:0;height:36px;justify-content:center;width:36px}.benefit-icon .MuiIcon-root{color:#a5f3fc;font-size:20px}.benefit-item span{color:#fffffff2;font-size:14px;font-weight:500}.signup-credibility{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;gap:20px;justify-content:center;padding:16px 24px}.cred-item,.signup-credibility{align-items:center;display:flex}.cred-item{flex-direction:column;gap:4px}.cred-value{color:#fff;font-size:18px;font-weight:800}.cred-label{color:#ffffffb3;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.cred-divider{background:#fff3;height:32px;width:1px}@media (max-width:1024px){.signup-page{flex-direction:column-reverse}.signup-left,.signup-right{min-height:auto;width:100%}.signup-left,.signup-right{padding:40px 24px}.signup-logo-wrapper{height:280px;max-width:300px}.signup-tagline{font-size:24px}.signup-form-container{max-width:100%}}@media (max-width:600px){.signup-left,.signup-right{padding:32px 20px}.signup-logo-wrapper{height:240px}.signup-title h1{font-size:26px}.signup-tagline{font-size:22px}.form-row{grid-template-columns:1fr}.pilot-benefits{gap:10px}.benefit-item{padding:10px 14px}.signup-credibility{flex-wrap:wrap;gap:16px;padding:14px 20px}.cred-divider{display:none}}@media (max-width:400px){.signup-left{padding:24px 16px}.signup-title h1{font-size:24px}.signup-button{font-size:15px;padding:14px 20px}}.waitlist-page{background:#f8fafc;display:flex;min-height:100vh}.waitlist-left{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:40px;width:50%}.waitlist-content{max-width:480px;width:100%}.waitlist-header{margin-bottom:32px}.waitlist-logo{align-items:center;display:inline-flex;gap:10px;margin-bottom:24px;text-decoration:none}.waitlist-logo .logo-text{color:#1e40af;font-size:28px;font-weight:800;letter-spacing:-.5px}.waitlist-logo .logo-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.success-badge{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid #10b9814d;border-radius:24px;display:inline-flex;gap:8px;margin-bottom:20px;padding:10px 18px}.success-badge .MuiIcon-root{color:#10b981;font-size:20px}.success-badge span{color:#059669;font-size:14px;font-weight:700}.waitlist-title{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 12px}.waitlist-title span{color:#6366f1}.waitlist-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.waitlist-steps{display:flex;flex-direction:column;gap:0;margin-bottom:32px}.step-item{align-items:flex-start;gap:16px;padding:16px 0}.step-icon,.step-item{display:flex;position:relative}.step-icon{align-items:center;border-radius:12px;flex-shrink:0;height:44px;justify-content:center;width:44px;z-index:1}.step-item.complete .step-icon{background:linear-gradient(135deg,#10b981,#059669)}.step-item.complete .step-icon .MuiIcon-root{color:#fff;font-size:22px}.step-item.current .step-icon{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#4f46e5)}.step-item.current .step-icon .MuiIcon-root{animation:spin-slow 3s linear infinite;color:#fff;font-size:22px}.step-item.upcoming .step-icon{background:#f3f4f6;border:2px solid #e5e7eb}.step-item.upcoming .step-icon .MuiIcon-root{color:#9ca3af;font-size:22px}.step-content{flex:1 1;padding-top:2px}.step-content h3{color:#111827;font-size:16px;font-weight:700;margin:0 0 4px}.step-item.upcoming .step-content h3{color:#9ca3af}.step-content p{color:#6b7280;font-size:14px;margin:0}.step-item.upcoming .step-content p{color:#d1d5db}.step-connector{background:#e5e7eb;height:24px;left:21px;position:absolute;top:60px;width:2px}.step-item.complete .step-connector{background:linear-gradient(180deg,#10b981,#e5e7eb)}.step-item.current .step-connector{background:linear-gradient(180deg,#6366f1,#e5e7eb)}.benefits-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:28px;padding:20px}.benefits-preview h3{color:#374151;font-size:14px;font-weight:700;margin:0 0 14px}.benefits-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.benefit-chip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:8px;padding:10px 14px}.benefit-chip .MuiIcon-root{color:#6366f1;font-size:18px}.benefit-chip span{color:#374151;font-size:13px;font-weight:500}.waitlist-cta{text-align:center}.return-button{align-items:center;background:linear-gradient(135deg,#374151,#1f2937);border:none;border-radius:12px;box-shadow:0 4px 16px #3741514d;color:#fff;display:inline-flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;margin-bottom:16px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.return-button:hover{box-shadow:0 6px 20px #37415166;transform:translateY(-2px)}.return-button .MuiIcon-root{font-size:20px}.cta-note{color:#9ca3af;font-size:14px;margin:0}.cta-note a{color:#6366f1;font-weight:600;text-decoration:none}.cta-note a:hover{text-decoration:underline}.waitlist-right{align-items:center;background:linear-gradient(180deg,#2d2d44,#3d3d5c 30%,#4a4a6a 70%,#3d3d5c);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:50%}.waitlist-right:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.04)' d='M0 50q25-20 50 0t50 0'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.8}.waitlist-right:after,.waitlist-right:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.waitlist-right:after{background-image:radial-gradient(circle at 30% 20%,#7c4dff1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#7c4dff14 0,#0000 40%)}.waitlist-right-content{flex-direction:column;max-width:440px;text-align:center;z-index:1}.waitlist-right-content,.waitlist-visual-wrapper{align-items:center;display:flex;position:relative}.waitlist-visual-wrapper{height:320px;justify-content:center;margin-bottom:28px;max-width:360px;width:100%}.waitlist-visual-wrapper:before{background:radial-gradient(circle,#7c4dff26 0,#0000 60%);border-radius:50%;content:"";filter:blur(40px);height:60%;position:absolute;width:60%}.waitlist-quote{max-width:400px}.waitlist-quote blockquote{color:#fff;font-size:26px;font-weight:800;line-height:1.3;margin:0 0 16px;text-shadow:0 2px 20px #0000004d}.quote-attribution{color:#fffc;font-size:15px;line-height:1.6;margin:0}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #6366f166}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.waitlist-page{flex-direction:column-reverse}.waitlist-left,.waitlist-right{min-height:auto;width:100%}.waitlist-left,.waitlist-right{padding:40px 24px}.waitlist-visual-wrapper{height:280px;max-width:320px}.waitlist-quote blockquote{font-size:22px}.waitlist-content{max-width:100%}}@media (max-width:600px){.waitlist-left,.waitlist-right{padding:32px 20px}.waitlist-visual-wrapper{height:240px}.waitlist-title{font-size:26px}.waitlist-quote blockquote{font-size:20px}.benefits-grid{grid-template-columns:1fr}.step-item{padding:12px 0}.step-icon{height:40px;width:40px}}@media (max-width:400px){.waitlist-left{padding:24px 16px}.waitlist-title{font-size:24px}.return-button{padding:14px 20px;width:100%}}.students-view{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.students-stats-bar{display:flex;flex-wrap:wrap;gap:1rem}.stat-pill{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;flex:1 1;gap:.5rem;min-width:150px;padding:.75rem 1rem}.stat-pill .stat-icon{color:#64748b;color:var(--text-secondary,#64748b);height:20px;width:20px}.stat-pill .stat-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.25rem;font-weight:700}.stat-pill .stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem}.stat-pill.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.stat-pill.active .stat-icon{color:#22c55e}.stat-pill.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.stat-pill.warning .stat-icon{color:#f59e0b}.students-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-box{min-width:250px}.search-box input{font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}.filter-group,.sort-group{align-items:center;display:flex;gap:.5rem}.filter-icon{color:#64748b;color:var(--text-secondary,#64748b);height:18px;width:18px}.class-select,.sort-select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;font-size:.875rem;padding:.65rem 1rem}.sort-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem}.students-list{gap:.75rem}.empty-students,.students-list{display:flex;flex-direction:column}.empty-students{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:2px dashed #e2e8f0;border:2px dashed var(--border-color,#e2e8f0);border-radius:16px;justify-content:center;padding:4rem 2rem;text-align:center}.empty-students .empty-icon{color:#64748b;color:var(--text-secondary,#64748b);height:48px;margin-bottom:1rem;width:48px}.empty-students h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.125rem;margin-bottom:.5rem}.empty-students p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem}.student-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow:hidden;transition:all .2s}.student-card:hover{border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 4px 12px #0000000d}.student-card.expanded{box-shadow:0 8px 24px #00000014}.student-row{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:background .2s}.student-row:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.student-avatar{flex-shrink:0;height:48px;position:relative;width:48px}.student-avatar img{object-fit:cover}.avatar-initials,.student-avatar img{border-radius:50%;height:100%;width:100%}.avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center}.activity-dot{border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.activity-dot.active{background:#22c55e}.activity-dot.recent{background:#f59e0b}.activity-dot.inactive{background:#94a3b8}.student-info{flex:1 1;min-width:0}.student-name{font-size:1rem;margin-bottom:.25rem}.student-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem;gap:.25rem}.meta-icon{height:14px;width:14px}.student-stats{display:flex;gap:1.5rem}.stat-block{min-width:60px;text-align:center}.stat-block .stat-value{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:1.125rem;font-weight:700}.stat-block .stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.stat-block.grade.excellent .stat-value{color:#22c55e}.stat-block.grade.good .stat-value{color:#3b82f6}.stat-block.grade.average .stat-value{color:#f59e0b}.stat-block.grade.below .stat-value{color:#f97316}.stat-block.grade.failing .stat-value{color:#ef4444}.student-activity{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;min-width:100px}.activity-label{border-radius:6px;font-size:.8rem;padding:.25rem .5rem}.activity-label.active{background:#dcfce7;color:#16a34a}.activity-label.recent{background:#fef3c7;color:#d97706}.activity-label.inactive{background:#f1f5f9;color:#64748b}.trend{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.25rem}.trend svg{height:14px;width:14px}.trend.up{color:#22c55e}.trend.down{color:#ef4444}.expand-icon{height:20px;width:20px}.expand-icon.rotated{transform:rotate(90deg)}.student-submissions{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);overflow:hidden}.submissions-header{padding:1rem 1.25rem .5rem}.submissions-header h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:600}.submissions-loading{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;gap:.5rem;justify-content:center;padding:2rem}.spinner-small{border:2px solid #e2e8f0;border-top-color:#667eea;border:2px solid var(--border-color,#e2e8f0);border-top-color:var(--primary-color,#667eea)}.no-submissions{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;padding:2rem}.no-submissions .empty-icon{height:32px;margin-bottom:.5rem;opacity:.5;width:32px}.submissions-list{padding:0 1.25rem 1rem}.submission-row{align-items:center;border-radius:8px;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem}.submission-row:last-child{margin-bottom:0}.submission-info{flex:1 1;min-width:0}.submission-title{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submission-date{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.75rem;gap:.25rem}.date-icon{height:12px;width:12px}.submission-status{align-items:center;display:flex;gap:.5rem}.status-badge{border-radius:4px}.status-badge.submitted{background:#dbeafe;color:#2563eb}.status-badge.in-progress{background:#fef3c7;color:#d97706}.status-badge.late{background:#fee2e2;color:#dc2626}.ai-badge{border-radius:4px;font-size:.65rem;font-weight:600;padding:.2rem .4rem}.submission-grade{min-width:80px;text-align:right}.grade-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:600}.grade-percent{font-size:.75rem;margin-left:.25rem}.grade-pending,.grade-percent{color:#64748b;color:var(--text-secondary,#64748b)}.view-btn{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.4rem .75rem;transition:all .2s}.view-btn svg{height:14px;width:14px}.view-btn:hover{background:#667eea;background:var(--primary-color,#667eea);border-color:#667eea;border-color:var(--primary-color,#667eea);color:#fff}.view-all-link{padding-top:.5rem;text-align:center}.view-all-link a{color:#667eea;color:var(--primary-color,#667eea);font-size:.8rem;text-decoration:none}.view-all-link a:hover{text-decoration:underline}.students-view-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.students-view-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#667eea;border:3px solid var(--border-color,#e2e8f0);border-radius:50%;border-top-color:var(--primary-color,#667eea);height:40px;width:40px}@media (max-width:768px){.students-stats-bar{flex-direction:column}.stat-pill{min-width:100%}.students-filters{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.student-row{flex-wrap:wrap}.student-stats{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);justify-content:space-around;margin-top:.5rem;order:3;padding-top:.75rem;width:100%}.student-activity{display:none}.submission-row{flex-wrap:wrap}.submission-info{margin-bottom:.5rem;width:100%}}.grading-queue{display:flex;flex-direction:column;gap:1.25rem;padding:1rem 0}.queue-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.queue-stat{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.queue-stat:hover{box-shadow:0 2px 8px #0000000d}.queue-stat.active,.queue-stat:hover{border-color:#667eea;border-color:var(--primary-color,#667eea)}.queue-stat.active{background:linear-gradient(135deg,#f0f4ff,#e8eeff)}.queue-stat .stat-icon{border-radius:8px;height:24px;padding:.5rem;width:24px}.queue-stat .stat-icon.pending{background:#fef3c7;color:#f59e0b}.queue-stat .stat-icon.flagged{background:#fee2e2;color:#ef4444}.queue-stat .stat-icon.late{background:#ffedd5;color:#f97316}.queue-stat .stat-icon.graded{background:#dcfce7;color:#22c55e}.queue-stat .stat-content{flex:1 1}.queue-stat .stat-value{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:1.5rem;font-weight:700}.queue-stat .stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem}.urgent-badge{background:#fef2f2;border-radius:12px;color:#dc2626;font-size:.7rem;font-weight:600;padding:.25rem .5rem}.queue-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:.75rem}.search-box{min-width:280px}.search-box .search-icon{color:#64748b;color:var(--text-secondary,#64748b);height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.search-box input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);font-size:.875rem;padding:.65rem 1rem .65rem 2.5rem}.search-box input:focus{border-color:var(--primary-color,#667eea)}.sort-dropdown{align-items:center;display:flex;gap:.5rem}.sort-dropdown .sort-icon{color:#64748b;color:var(--text-secondary,#64748b);height:18px;width:18px}.sort-dropdown select{font-size:.875rem;padding:.6rem 1rem}.sort-dropdown select,.sort-order-btn{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer}.sort-order-btn{font-weight:600;padding:.5rem .75rem;transition:all .2s}.sort-order-btn:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.view-toggle{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;overflow:hidden}.view-toggle button{background:#fff;background:var(--bg-primary,#fff);border:none;cursor:pointer;padding:.5rem .75rem;transition:all .2s}.view-toggle button svg{color:#64748b;color:var(--text-secondary,#64748b);height:18px;width:18px}.view-toggle button.active{background:#667eea;background:var(--primary-color,#667eea)}.view-toggle button.active svg{color:#fff}.refresh-btn:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.batch-actions{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;gap:.5rem;padding:.5rem 1rem}.selection-count{border-right:1px solid #ffffff4d;color:#ffffffe6;font-size:.8rem;padding-right:.5rem}.batch-grade-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.4rem .75rem;transition:all .2s}.batch-grade-btn svg{height:14px;width:14px}.batch-grade-btn:hover:not(:disabled){background:#ffffff4d}.batch-grade-btn:disabled{cursor:not-allowed;opacity:.6}.clear-btn{background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .2s}.clear-btn:hover{background:#ffffff1a}.filter-pills{display:flex;flex-wrap:wrap;gap:.5rem}.filter-pill{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:.8rem;gap:.35rem;padding:.5rem 1rem;transition:all .2s}.filter-pill:hover{color:#1e293b;color:var(--text-primary,#1e293b)}.filter-pill.active,.filter-pill:hover{border-color:#667eea;border-color:var(--primary-color,#667eea)}.filter-pill.active{background:#667eea;background:var(--primary-color,#667eea);color:#fff}.pill-count{background:#0000001a;border-radius:10px;font-size:.7rem;font-weight:600;padding:.1rem .4rem}.filter-pill.active .pill-count{background:#fff3}.empty-queue{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:2px dashed #e2e8f0;border:2px dashed var(--border-color,#e2e8f0);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-queue .empty-icon{color:#22c55e;height:56px;margin-bottom:1rem;width:56px}.empty-queue h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.25rem;margin-bottom:.5rem}.empty-queue p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem}.submissions-container{display:flex;flex-direction:column;gap:.5rem}.submissions-container.grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.select-all-row{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;margin-bottom:.5rem;padding:.75rem 1rem}.select-all-checkbox{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.select-all-checkbox input{cursor:pointer;height:16px;width:16px}.submission-card{background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);padding:1rem}.submission-card:hover{border-color:var(--primary-color,#667eea);box-shadow:0 4px 12px #00000014}.submission-card.selected{background:linear-gradient(135deg,#f0f4ff,#faf5ff);border-color:var(--primary-color,#667eea)}.submission-card.flagged{border-left:3px solid #ef4444}.submission-card.late{border-left:3px solid #f97316}.submission-card .selection-checkbox{position:absolute;right:.75rem;top:.75rem}.submission-card .selection-checkbox input{cursor:pointer;height:18px;width:18px}.card-header{margin-bottom:.75rem}.student-info{gap:.5rem}.student-avatar{height:32px;width:32px}.student-avatar svg{color:#fff;height:16px;width:16px}.student-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:600}.status-badge{align-items:center;display:flex;font-size:.7rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.status-badge .status-icon{height:12px;width:12px}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.graded{background:#dcfce7;color:#16a34a}.status-badge.flagged{background:#fee2e2;color:#dc2626}.status-badge.late{background:#ffedd5;color:#ea580c}.status-badge.in-progress{background:#dbeafe;color:#2563eb}.assignment-info{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:.5rem}.assignment-icon{color:#64748b;color:var(--text-secondary,#64748b);height:16px;width:16px}.assignment-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{align-items:center;gap:.75rem;margin-bottom:.75rem}.card-meta .meta-item{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.75rem;gap:.25rem}.card-meta .meta-item svg{height:14px;width:14px}.ai-indicator{border-radius:4px;font-size:.7rem;gap:.25rem;padding:.2rem .5rem}.ai-indicator svg{height:12px;width:12px}.ai-indicator.high{background:#fee2e2;color:#dc2626}.ai-indicator.medium{background:#fef3c7;color:#d97706}.ai-indicator.low{background:#f1f5f9;color:#64748b}.grade-display{background:#dcfce7;border-radius:8px;margin-bottom:.75rem;padding:.5rem;text-align:center}.grade-display .grade-value{color:#16a34a;font-size:1.125rem;font-weight:700}.grade-display .grade-percent{color:#22c55e;font-size:.8rem;margin-left:.25rem}.card-actions{gap:.5rem}.card-actions button{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:500;gap:.35rem;justify-content:center;padding:.5rem;transition:all .2s}.card-actions button svg{height:16px;width:16px}.preview-btn{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.preview-btn:hover{background:#fff;background:var(--bg-primary,#fff);border-color:#667eea;border-color:var(--primary-color,#667eea)}.grade-btn:hover{transform:translateY(-1px)}.submission-row{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow:hidden;transition:all .2s}.submission-row.selected,.submission-row:hover{border-color:#667eea;border-color:var(--primary-color,#667eea)}.submission-row.selected{background:linear-gradient(135deg,#f0f4ff,#faf5ff)}.submission-row.flagged{border-left:3px solid #ef4444}.submission-row.late{border-left:3px solid #f97316}.row-main{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:.875rem 1rem}.row-main .selection-checkbox{flex-shrink:0}.row-main .selection-checkbox input{cursor:pointer;height:16px;width:16px}.student-cell{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:150px}.assignment-cell{flex:2 1;min-width:0}.assignment-cell .assignment-name{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.8rem;gap:.35rem;min-width:100px}.date-cell .cell-icon{height:14px;width:14px}.ai-cell{min-width:70px}.ai-cell .ai-badge{align-items:center;border-radius:6px;display:flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.ai-cell .ai-badge .ai-icon{height:12px;width:12px}.ai-cell .ai-badge.none{background:#0000;color:#64748b;color:var(--text-secondary,#64748b)}.status-cell{min-width:90px}.score-cell{min-width:70px;text-align:center}.score-value{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600}.score-pending{color:#64748b;color:var(--text-secondary,#64748b)}.actions-cell{display:flex;gap:.5rem}.action-btn{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;padding:.4rem;transition:all .2s}.action-btn svg{color:#64748b;color:var(--text-secondary,#64748b)}.action-btn:hover{border-color:#667eea;border-color:var(--primary-color,#667eea)}.action-btn:hover svg{color:#667eea;color:var(--primary-color,#667eea)}.action-btn.grade:hover{background:#667eea;background:var(--primary-color,#667eea);border-color:#667eea;border-color:var(--primary-color,#667eea)}.action-btn.grade:hover svg{color:#fff}.expand-icon{color:#64748b;color:var(--text-secondary,#64748b);flex-shrink:0;height:18px;transition:transform .2s;width:18px}.expand-icon.rotated{transform:rotate(180deg)}.row-expanded{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);overflow:hidden}.expanded-content{padding:1rem}.expanded-section{margin-bottom:1rem}.expanded-section h4{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.detail-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.15rem}.detail-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem}.detail-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem}.ai-section{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:1rem}.ai-analysis{margin-bottom:.75rem}.ai-score-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.ai-score-fill{border-radius:4px;height:100%;transition:width .3s ease}.ai-analysis.high .ai-score-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.ai-analysis.medium .ai-score-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.ai-analysis.low .ai-score-fill{background:linear-gradient(90deg,#94a3b8,#64748b)}.ai-score-text{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.8rem;font-weight:600}.ai-details{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem;line-height:1.5}.expanded-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:.75rem;padding-top:.75rem}.btn-primary,.btn-secondary{font-size:.85rem;font-weight:500;gap:.35rem;justify-content:center;padding:.6rem 1rem}.btn-secondary{background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.btn-secondary:hover{border-color:#667eea;border-color:var(--primary-color,#667eea);color:#667eea;color:var(--primary-color,#667eea)}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.grading-queue-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.grading-queue-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#667eea;border:3px solid var(--border-color,#e2e8f0);border-radius:50%;border-top-color:var(--primary-color,#667eea);height:40px;width:40px}@media (max-width:1024px){.queue-stats{grid-template-columns:repeat(2,1fr)}.queue-toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{justify-content:space-between}.search-box{flex:1 1;min-width:200px}}@media (max-width:768px){.queue-stats,.submissions-container.grid{grid-template-columns:1fr}.row-main{flex-wrap:wrap;gap:.5rem}.student-cell{flex:1 1;min-width:calc(50% - .25rem)}.assignment-cell{flex:1 1;min-width:100%;order:2}.ai-cell,.date-cell,.score-cell,.status-cell{min-width:auto}.actions-cell{order:3}.expand-icon{display:none}}.analytics-view{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.analytics-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.header-left h2{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:.25rem}.header-left .header-icon{color:#667eea;color:var(--primary-color,#667eea);height:24px;width:24px}.header-left p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem}.header-right{align-items:center;display:flex;gap:.75rem}.time-range-selector{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;display:flex;overflow:hidden}.time-range-selector button{background:#fff;background:var(--bg-primary,#fff);border:none;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s}.time-range-selector button:not(:last-child){border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0)}.time-range-selector button.active{background:#667eea;background:var(--primary-color,#667eea);color:#fff}.time-range-selector button:hover:not(.active){background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.refresh-btn{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;padding:.5rem;transition:all .2s}.refresh-btn svg{color:#64748b;color:var(--text-secondary,#64748b);height:18px;width:18px}.refresh-btn:hover svg{animation:spin .5s ease}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.summary-card{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;gap:.75rem;overflow:hidden;padding:1rem;position:relative}.summary-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.summary-card.blue:before{background:#3b82f6}.summary-card.green:before{background:#22c55e}.summary-card.purple:before{background:#8b5cf6}.summary-card.amber:before{background:#f59e0b}.summary-card.teal:before{background:#14b8a6}.summary-card .card-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.summary-card .card-icon svg{height:20px;width:20px}.summary-card.blue .card-icon{background:#dbeafe;color:#3b82f6}.summary-card.green .card-icon{background:#dcfce7;color:#22c55e}.summary-card.purple .card-icon{background:#ede9fe;color:#8b5cf6}.summary-card.amber .card-icon{background:#fef3c7;color:#f59e0b}.summary-card.teal .card-icon{background:#ccfbf1;color:#14b8a6}.card-content{flex:1 1}.card-value{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:1.5rem;font-weight:700;line-height:1.2}.card-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem}.card-trend{align-items:center;border-radius:6px;display:flex;font-size:.75rem;font-weight:600;gap:.15rem;padding:.25rem .5rem}.card-trend svg{height:14px;width:14px}.card-trend.positive{background:#dcfce7;color:#16a34a}.card-trend.negative{background:#fee2e2;color:#dc2626}.charts-row{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.chart-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:1.25rem}.chart-header{justify-content:space-between;margin-bottom:1rem}.chart-header,.chart-header h3{align-items:center;display:flex}.chart-header h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1rem;font-weight:600;gap:.5rem}.chart-header .header-icon{color:#667eea;color:var(--primary-color,#667eea);height:18px;width:18px}.chart-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem}.grade-chart{padding-top:1rem}.bars-container{align-items:flex-end;display:flex;height:180px;justify-content:space-around;padding:0 1rem}.bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:60px}.bar-wrapper{align-items:flex-end;display:flex;height:140px;width:100%}.bar{border-radius:6px 6px 0 0;min-height:4px;transition:height .5s ease;width:100%}.bar-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:700}.bar-value{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem}.chart-legend{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);margin-top:1rem;padding-top:1rem;text-align:center}.legend-total{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem}.trends-chart{padding-top:.5rem}.trends-chart svg{height:120px;width:100%}.trends-chart .chart-legend{display:flex;gap:1.5rem;justify-content:center;margin-top:.75rem;padding-top:.75rem}.legend-item{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.75rem;gap:.35rem}.legend-dot{border-radius:50%;height:10px;width:10px}.legend-dot.submitted{background:#667eea}.legend-dot.graded{background:#22c55e}.trend-summary{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:2rem;justify-content:center;margin-top:.5rem;padding-top:1rem}.trend-stat{text-align:center}.trend-value{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:1.25rem;font-weight:700}.trend-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.ai-chart{padding-top:.5rem}.ai-stats-row{display:flex;justify-content:space-around;margin-bottom:1.5rem}.ai-stat{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:10px;min-width:80px;padding:.75rem 1rem;text-align:center}.ai-stat.flagged{background:#fef2f2}.ai-stat-value{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:1.5rem;font-weight:700}.ai-stat.flagged .ai-stat-value{color:#dc2626}.ai-stat-label{font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.ai-distribution h4,.ai-stat-label{color:#64748b;color:var(--text-secondary,#64748b)}.ai-distribution h4{font-size:.8rem;font-weight:600;margin-bottom:.75rem}.distribution-bar{background:#e2e8f0;border-radius:12px;display:flex;height:24px;overflow:hidden}.distribution-bar .segment{height:100%;transition:width .5s ease}.distribution-bar .segment.low{background:#22c55e}.distribution-bar .segment.medium{background:#f59e0b}.distribution-bar .segment.high{background:#ef4444}.distribution-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem}.distribution-legend .legend-item{align-items:center;display:flex;font-size:.75rem;gap:.35rem}.distribution-legend .dot{border-radius:3px;height:10px;width:10px}.distribution-legend .dot.low{background:#22c55e}.distribution-legend .dot.medium{background:#f59e0b}.distribution-legend .dot.high{background:#ef4444}.performance-table{max-height:280px;overflow-y:auto}.performance-table table{border-collapse:collapse;width:100%}.performance-table td,.performance-table th{font-size:.8rem;padding:.75rem .5rem;text-align:left}.performance-table th{background:#fff;background:var(--bg-primary,#fff);color:#64748b;color:var(--text-secondary,#64748b);font-size:.7rem;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.performance-table th,.performance-table tr:not(:last-child) td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0)}.performance-table .assignment-name{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-badge,.score-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.score-badge.good{background:#dcfce7;color:#16a34a}.score-badge.average{background:#fef3c7;color:#d97706}.score-badge.low{background:#fee2e2;color:#dc2626}.ai-badge.low{background:#f1f5f9;color:#64748b}.ai-badge.medium{background:#fef3c7;color:#d97706}.ai-badge.high{background:#fee2e2;color:#dc2626}.insights-section{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:1.25rem}.insights-section h3{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.insights-section .header-icon{color:#667eea;color:var(--primary-color,#667eea);height:20px;width:20px}.insights-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.insight-card{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #0000;border-radius:12px;display:flex;gap:.75rem;padding:1rem}.insight-card.positive{background:#f0fdf4;border-color:#bbf7d0}.insight-card.warning{background:#fffbeb;border-color:#fde68a}.insight-card.info{background:#eff6ff;border-color:#bfdbfe}.insight-card.tip{background:#faf5ff;border-color:#e9d5ff}.insight-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.insight-icon svg{height:18px;width:18px}.insight-card.positive .insight-icon{background:#22c55e;color:#fff}.insight-card.warning .insight-icon{background:#f59e0b;color:#fff}.insight-card.info .insight-icon{background:#3b82f6;color:#fff}.insight-card.tip .insight-icon{background:#8b5cf6;color:#fff}.insight-content h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.insight-content p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem;line-height:1.4}.analytics-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.analytics-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#667eea;border:3px solid var(--border-color,#e2e8f0);border-radius:50%;border-top-color:var(--primary-color,#667eea);height:40px;width:40px}@media (max-width:1200px){.summary-cards{grid-template-columns:repeat(3,1fr)}.insights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.summary-cards{grid-template-columns:repeat(2,1fr)}.charts-row,.insights-grid{grid-template-columns:1fr}.analytics-header{align-items:stretch;flex-direction:column}.header-right{justify-content:space-between}.ai-stats-row{flex-wrap:wrap;gap:.5rem}.ai-stat{flex:1 1;min-width:80px}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.time-range-selector button{font-size:.75rem;padding:.4rem .6rem}}.create-assignment-panel{background:#fff;bottom:0;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;position:fixed;right:0;top:0;width:700px;z-index:1000}.create-assignment-panel.embedded{box-shadow:none;height:100%;position:relative;width:100%}.panel-backdrop{background:#0006;inset:0;position:fixed;z-index:999}.panel-header{align-items:center;background:linear-gradient(180deg,#fff,#f9fafb);display:flex;justify-content:space-between}.header-content{flex:1 1}.header-content h2{color:#111827;font-size:20px;font-weight:600;margin:0 0 12px}.step-indicator{gap:8px}.step,.step-indicator{align-items:center;display:flex}.step{background:#e5e7eb;border-radius:50%;color:#6b7280;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.step.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.step-line{background:#e5e7eb;height:2px;width:40px}.global-generators-toolbar{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:12px 24px}.toolbar-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.toolbar-label svg{color:#a855f7;height:16px;width:16px}.toolbar-buttons{display:flex;flex:1 1;gap:8px}.toolbar-generator-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.toolbar-generator-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}.toolbar-generator-btn svg{height:16px;width:16px}.toolbar-generator-btn.lesson-plan:hover{background:#faf5ff;border-color:#c4b5fd;color:#7c3aed}.toolbar-generator-btn.lesson-plan.has-content{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6;color:#7c3aed}.toolbar-generator-btn.lesson-plan svg{color:#8b5cf6}.toolbar-generator-btn.rubric:hover{background:#fffbeb;border-color:#fcd34d;color:#d97706}.toolbar-generator-btn.rubric.has-content{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;color:#d97706}.toolbar-generator-btn.rubric svg{color:#f59e0b}.panel-body{flex:1 1;overflow-y:auto;padding:24px}.source-mode-toggle{background:#f3f4f6;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.source-mode-toggle.three-way .mode-btn{flex:1 1}.mode-btn{align-items:center;border-radius:8px;color:#6b7280;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.mode-btn svg{height:18px;width:18px}.mode-btn:hover{background:#ffffff80;color:#111827}.mode-btn.active{background:#fff;box-shadow:0 2px 4px #00000014;color:#3b82f6}.info-banner{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.info-banner.create-mode{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.info-banner.create-mode svg{color:#f59e0b}.info-banner.create-mode p{color:#92400e}.info-banner svg{color:#3b82f6;flex-shrink:0;height:20px;margin-top:2px;width:20px}.info-banner p{color:#1e40af;font-size:13px;line-height:1.5;margin:0}.search-filters{margin-bottom:20px}.search-box{margin-bottom:12px}.filters{display:flex;gap:12px}.filters select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 12px;transition:all .2s ease}.filters select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.documents-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.document-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;position:relative;transition:all .2s ease}.document-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.document-card.selected{background:linear-gradient(to bottom right,#eff6ff,#fff);border-color:#3b82f6;box-shadow:0 4px 16px #3b82f626}.selected-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.selected-badge svg{height:16px;width:16px}.doc-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.doc-icon{background:#f3f4f6;height:36px;padding:8px;width:36px}.doc-icon.template{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#a855f7}.doc-type-badge{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.doc-content h4{color:#111827;font-size:15px;font-weight:600;line-height:1.3;margin:0 0 8px}.doc-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 12px;overflow:hidden}.doc-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.folder-tag{align-items:center;background:#eff6ff;border-radius:4px;color:#3b82f6;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.folder-tag svg{height:12px;width:12px}.conversion-notice{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;color:#92400e;display:flex;font-size:12px;font-weight:500;gap:8px;margin-top:12px;padding:8px 12px}.conversion-notice svg{color:#f59e0b;height:16px;width:16px}.file-uploader{display:flex;flex-direction:column;gap:20px}.drop-zone{background:linear-gradient(180deg,#f9fafb,#fff);border:3px dashed #d1d5db;border-radius:16px;gap:16px;justify-content:center;min-height:300px;padding:48px 32px;transition:all .3s ease}.drop-zone.dragging{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:scale(1.02)}.drop-zone.has-files{background:linear-gradient(180deg,#ecfdf5,#fff);border-color:#10b981;border-style:solid;cursor:default}.upload-icon{color:#9ca3af;height:64px;margin-bottom:8px;width:64px}.drop-zone h3{color:#111827;font-size:18px;font-weight:600;margin:0}.drop-zone p{color:#6b7280;font-size:14px;margin:0}.upload-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.upload-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.supported-formats{color:#9ca3af;font-size:12px;margin-top:8px}.uploaded-files-list{display:flex;flex-direction:column;gap:12px;width:100%}.uploaded-files-list h4{color:#10b981;font-size:16px;font-weight:600;margin:0 0 8px;text-align:center}.file-item{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.file-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.file-info{align-items:center;display:flex;flex:1 1;gap:12px}.file-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:8px;color:#3b82f6;height:36px;padding:8px;width:36px}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{color:#111827;font-size:14px;font-weight:500}.file-size{color:#6b7280;font-size:12px}.remove-file-btn{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-file-btn:hover{background:#fee2e2}.remove-file-btn svg{height:16px;width:16px}.add-more-btn{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s ease}.add-more-btn:hover{background:#eff6ff;border-color:#3b82f6}.parse-progress{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px}.parse-progress .spinner{animation:spin 1s linear infinite;border:4px solid #bfdbfe;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.parse-progress p{color:#1e40af;font-size:14px;font-weight:500;margin:0}.smart-parsing-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;padding:20px}.smart-parsing-info h4{color:#166534;font-size:15px;font-weight:600;margin:0 0 12px}.smart-parsing-info ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.smart-parsing-info li{color:#15803d;font-size:13px;line-height:1.5}.worksheet-builder{display:flex;flex-direction:column;gap:20px}.builder-header{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.builder-header .form-group{margin:0}.builder-header .form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.builder-header input.title-input{border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.builder-header input.title-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.builder-header textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 14px;resize:vertical;width:100%}.builder-header textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.sections-container{background:#f9fafb;border-radius:12px;padding:16px}.sections-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sections-header h4{color:#374151;font-size:15px;font-weight:600;margin:0}.section-actions{gap:8px}.add-section-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.add-section-btn svg{height:16px;width:16px}.add-section-btn.text{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151}.add-section-btn.text:hover{background:linear-gradient(135deg,#d1d5db,#9ca3af)}.add-section-btn.question{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.add-section-btn.question:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.add-section-btn.question .chevron-icon{height:14px;margin-left:2px;transition:transform .2s ease;width:14px}.dropdown-wrapper,.question-add-wrapper{position:relative}.add-section-btn.generate{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d;color:#fff}.add-section-btn.generate:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.add-section-btn.generate svg{color:#fff}.quick-add-menu{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026,0 0 0 1px #0000000d;overflow:hidden;padding:8px;position:absolute;right:0;top:calc(100% + 6px);width:280px;z-index:100}.quick-add-menu:before{background:#fff;box-shadow:-2px -2px 4px #0000000a;content:"";height:12px;position:absolute;right:20px;top:-6px;transform:rotate(45deg);width:12px}.quick-add-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr)}.quick-add-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;text-align:left;transition:all .15s ease}.quick-add-item:hover{background:linear-gradient(135deg,#3b82f614,#3b82f60a);transform:translateX(2px)}.quick-add-icon{align-items:center;background:#f1f5f9;border-radius:6px;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;width:28px}.quick-add-label{color:#374151;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generate-questions-menu{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026,0 0 0 1px #0000000d;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:300px;z-index:100}.generate-questions-menu:before{background:#8b5cf6;content:"";height:12px;position:absolute;right:20px;top:-6px;transform:rotate(45deg);width:12px}.gq-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px}.gq-header svg{height:18px;width:18px}.gq-form{gap:10px;padding:12px 16px}.gq-field,.gq-form{display:flex;flex-direction:column}.gq-field{gap:4px}.gq-field label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.gq-field input,.gq-field select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:13px;padding:8px 10px;transition:all .15s ease}.gq-field input:focus,.gq-field select:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf626;outline:none}.gq-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.gq-type-chips{display:flex;flex-wrap:wrap;gap:4px}.gq-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:16px;gap:2px;height:36px;justify-content:center;position:relative;transition:all .15s ease;width:36px}.gq-chip:hover{background:#f8fafc}.gq-chip.selected,.gq-chip:hover{border-color:#8b5cf6;border-color:var(--chip-color,#8b5cf6)}.gq-chip.selected{background:color-mix(in srgb,#8b5cf6 12%,#fff);background:color-mix(in srgb,var(--chip-color,#8b5cf6) 12%,#fff)}.gq-chip .chip-check{background:#8b5cf6;background:var(--chip-color,#8b5cf6);border-radius:50%;bottom:-2px;color:#fff;height:12px;padding:1px;position:absolute;right:-2px;width:12px}.gq-generate-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin:0 16px 12px;padding:10px;transition:all .15s ease}.gq-generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.gq-generate-btn:disabled{cursor:not-allowed;opacity:.6}.gq-generate-btn svg{height:16px;width:16px}.gq-footer{background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;font-size:11px;padding:8px 16px;text-align:center}.question-type-selector{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:16px;padding:16px}.selector-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.selector-header h5{color:#374151;font-size:14px;font-weight:600;margin:0}.selector-header button{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.selector-header button:hover{background:#e5e7eb;color:#374151}.selector-header button svg{height:16px;width:16px}.question-types-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.question-type-btn{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px;text-align:left;transition:all .2s ease}.question-type-btn:hover{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-color:#3b82f6;border-color:var(--type-color,#3b82f6);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.question-type-btn .type-icon{font-size:20px;margin-bottom:4px}.question-type-btn .type-label{color:#111827;font-size:13px;font-weight:600}.question-type-btn .type-desc{color:#6b7280;font-size:11px;line-height:1.3}.sections-list{gap:12px}.empty-sections,.sections-list{display:flex;flex-direction:column}.empty-sections{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:12px;justify-content:center;padding:40px 20px;text-align:center}.empty-sections svg{color:#d1d5db;height:48px;margin-bottom:12px;width:48px}.empty-sections p{color:#6b7280;font-size:15px;font-weight:600;margin:0 0 4px}.empty-sections span{color:#9ca3af;font-size:13px}.section-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}.section-card:hover{box-shadow:0 4px 12px #00000014}.section-card.question-section{border-left:4px solid #3b82f6;border-left:4px solid var(--question-color,#3b82f6)}.section-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px}.section-info{gap:10px}.section-badge,.section-info{align-items:center;display:flex}.section-badge{border-radius:6px;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.section-badge.text{background:#f3f4f6;color:#374151}.section-badge.text svg{height:14px;width:14px}.section-badge.question{color:#fff}.section-number{color:#9ca3af;font-size:12px;font-weight:500}.points-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:4px;color:#92400e;font-size:11px;font-weight:600;padding:3px 8px}.section-controls{align-items:center;display:flex;gap:4px}.section-controls button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.section-controls button:hover:not(:disabled){background:#e5e7eb;color:#374151}.section-controls button:disabled{cursor:not-allowed;opacity:.3}.section-controls .collapse-btn svg,.section-controls .remove-btn svg{height:16px;width:16px}.section-controls .remove-btn:hover{background:#fef2f2;color:#dc2626}.section-content{padding:16px}.question-editor{display:flex;flex-direction:column;gap:16px}.question-editor .form-group{margin:0}.question-editor .form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.question-editor .form-row.inline{display:flex;gap:16px}.question-editor .form-group.small{width:100px}.question-editor .form-group.small input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.question-editor textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;width:100%}.question-editor textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.options-editor{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.options-editor>label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:12px}.options-list{display:flex;flex-direction:column;gap:8px}.option-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.option-item.correct{background:linear-gradient(90deg,#ecfdf5,#fff);border-color:#10b981}.correct-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.correct-toggle .empty-circle{border:2px solid #d1d5db;border-radius:50%;height:20px;transition:all .2s ease;width:20px}.correct-toggle:hover .empty-circle{border-color:#10b981}.correct-toggle.is-correct svg{color:#10b981;height:24px;width:24px}.option-letter{color:#6b7280;font-size:14px;font-weight:600;width:20px}.option-item input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:6px 10px}.option-item input:focus{border-color:#3b82f6;outline:none}.remove-option{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-option:hover{background:#fee2e2}.remove-option svg{height:14px;width:14px}.add-option-btn{align-items:center;background:#0000;border:2px dashed #d1d5db;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-top:10px;padding:10px;transition:all .2s ease;width:100%}.add-option-btn:hover{background:#eff6ff;border-color:#3b82f6}.add-option-btn svg{height:16px;width:16px}.options-editor.true-false .tf-options{display:flex;gap:12px}.tf-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .2s ease}.tf-option:hover{border-color:#3b82f6}.tf-option.selected{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;color:#059669}.tf-option svg{height:20px;width:20px}.wizzy-container{align-items:flex-start;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;border-radius:12px;display:flex;gap:16px;margin-top:8px;padding:20px}.wizzy-hints{flex:1 1}.wizzy-hints p{color:#7c3aed;font-size:14px;font-weight:600;margin:0 0 8px}.wizzy-hints ul{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.wizzy-hints li{color:#6b21a8;font-size:13px;padding-left:16px;position:relative}.wizzy-hints li:before{color:#a855f7;content:"•";left:0;position:absolute}.question-generator-popover{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026,0 0 0 1px #0000000d;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:420px;z-index:200}.question-generator-popover:before{background:#fff;box-shadow:-2px -2px 4px #0000000d;content:"";height:16px;position:absolute;right:24px;top:-8px;transform:rotate(45deg);width:16px}.qg-popover-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.qg-popover-header h4{font-size:16px;font-weight:600;margin:0}.qg-close-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .15s ease}.qg-close-btn:hover{background:#ffffff4d}.qg-close-btn svg{height:18px;width:18px}.qg-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;padding:8px}.qg-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.qg-tab:hover{background:#fff;color:#334155}.qg-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.qg-tab svg{height:16px;width:16px}.qg-manual-content{max-height:400px;overflow-y:auto;padding:16px}.qg-helper-text{color:#64748b;font-size:13px;margin:0 0 12px}.qg-types-grid{display:flex;flex-direction:column;gap:6px}.qg-type-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;text-align:left;transition:all .15s ease;width:100%}.qg-type-btn:hover{background:linear-gradient(135deg,#3b82f60a,#3b82f605);border-color:#3b82f6;border-color:var(--type-color,#3b82f6);transform:translateX(4px)}.qg-type-icon{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.qg-type-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.qg-type-label{color:#1e293b;font-size:14px;font-weight:600}.qg-type-desc{color:#64748b;font-size:12px}.qg-ai-content{padding:16px}.qg-ai-form{gap:14px;margin-bottom:16px}.qg-ai-form,.qg-form-group{display:flex;flex-direction:column}.qg-form-group{gap:6px}.qg-form-group label{color:#374151;font-size:13px;font-weight:600}.qg-form-group input,.qg-form-group select,.qg-form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 12px;transition:all .15s ease}.qg-form-group input:focus,.qg-form-group select:focus,.qg-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.qg-form-group textarea{min-height:60px;resize:vertical}.qg-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.qg-type-chips{display:flex;flex-wrap:wrap;gap:6px}.qg-type-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:all .15s ease}.qg-type-chip:hover{background:#f8fafc}.qg-type-chip.selected,.qg-type-chip:hover{border-color:#3b82f6;border-color:var(--chip-color,#3b82f6)}.qg-type-chip.selected{background:color-mix(in srgb,#3b82f6 10%,#fff);background:color-mix(in srgb,var(--chip-color,#3b82f6) 10%,#fff);color:#3b82f6;color:var(--chip-color,#3b82f6)}.qg-type-chip .check{height:12px;width:12px}.qg-helper-small{color:#94a3b8;font-size:11px;margin-top:4px}.qg-generate-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.qg-generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.qg-generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.qg-generate-btn svg{height:18px;width:18px}.qg-footer-stats{background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;font-size:12px;padding:10px 16px;text-align:center}.generator-popover{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026,0 0 0 1px #0000000d;max-height:80vh;overflow-y:auto;padding:20px;position:absolute;top:calc(100% + 8px);width:420px;z-index:100}.generator-popover.enhanced{width:440px}.generator-popover.below-left{left:0;right:auto}.generator-popover.below-right{left:auto;right:0}.generator-popover:before{background:#fff;box-shadow:-2px -2px 4px #0000000d;content:"";height:16px;position:absolute;top:-8px;transform:rotate(45deg);width:16px}.generator-popover.below-left:before{left:24px;right:auto}.generator-popover.below-right:before{left:auto;right:24px}.generator-button-wrapper.inline-popover{position:relative}.popover-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.popover-title{align-items:center;display:flex;gap:10px}.popover-title svg{color:#6b7280;color:var(--generator-color,#6b7280);height:24px;width:24px}.popover-title h4{color:#111827;font-size:16px;font-weight:600;margin:0}.popover-close{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .15s ease}.popover-close:hover{background:#f3f4f6;color:#374151}.popover-close svg{height:20px;width:20px}.popover-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 16px}.source-tabs{background:#f3f4f6;border-radius:10px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.source-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease}.source-tab:hover{background:#ffffff80;color:#374151}.source-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#6366f1;color:var(--generator-color,#6366f1)}.source-tab svg{height:16px;width:16px}.source-tab span{white-space:nowrap}.source-content{margin-bottom:16px}.source-worksheet .context-info{background:#f9fafb;border-radius:10px;padding:12px}.source-worksheet .source-warning{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:flex;font-size:12px;gap:8px;margin-top:12px;padding:10px 12px}.source-worksheet .source-warning svg{flex-shrink:0;height:16px;width:16px}.context-info{background:#f9fafb;border-radius:10px;padding:12px}.context-item{align-items:center;color:#4b5563;display:flex;font-size:13px;gap:8px}.context-item+.context-item{margin-top:6px}.context-item svg{color:#9ca3af;height:16px;width:16px}.context-item strong{color:#111827}.source-upload .upload-dropzone{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:24px 16px;transition:all .2s ease}.source-upload .upload-dropzone:hover{background:#f5f3ff;border-color:#6366f1;border-color:var(--generator-color,#6366f1)}.source-upload .upload-dropzone svg{color:#9ca3af;height:32px;margin-bottom:8px;width:32px}.source-upload .upload-dropzone p{color:#374151;font-size:13px;font-weight:500;margin:0}.source-upload .upload-dropzone span{color:#9ca3af;font-size:11px;margin-top:4px}.source-upload .uploaded-file-preview{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px}.source-upload .uploaded-file-preview .file-info{align-items:center;display:flex;gap:10px}.source-upload .uploaded-file-preview .file-info svg{color:#22c55e;height:20px;width:20px}.source-upload .uploaded-file-preview .file-details{display:flex;flex-direction:column;gap:2px}.source-upload .uploaded-file-preview .file-name{color:#111827;font-size:13px;font-weight:500}.source-upload .uploaded-file-preview .file-size{color:#6b7280;font-size:11px}.source-upload .uploaded-file-preview .remove-file{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:6px;transition:all .15s ease}.source-upload .uploaded-file-preview .remove-file:hover{background:#fee2e2;color:#ef4444}.source-upload .uploaded-file-preview .remove-file svg{height:16px;width:16px}.source-drive{display:flex;flex-direction:column;gap:10px}.source-drive .drive-search{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.source-drive .drive-search svg{color:#9ca3af;height:16px;width:16px}.source-drive .drive-search input{background:none;border:none;color:#111827;flex:1 1;font-size:13px;outline:none}.source-drive .drive-search input::placeholder{color:#9ca3af}.source-drive .drive-browser{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;max-height:160px;overflow-y:auto}.source-drive .drive-empty,.source-drive .drive-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:24px}.source-drive .drive-empty svg,.source-drive .drive-loading svg{height:28px;width:28px}.source-drive .drive-empty span,.source-drive .drive-loading span{font-size:12px}.source-drive .drive-folders{padding:6px}.source-drive .drive-folder{margin-bottom:2px}.source-drive .folder-header{align-items:center;background:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:all .15s ease;width:100%}.source-drive .folder-header:hover{background:#f3f4f6}.source-drive .folder-header svg{color:#f59e0b;height:16px;width:16px}.source-drive .folder-header span{color:#374151;flex:1 1;font-size:13px;font-weight:500;text-align:left}.source-drive .folder-header .doc-count{background:#e5e7eb;border-radius:8px;color:#9ca3af;font-size:11px;font-weight:400;padding:2px 6px}.source-drive .folder-header .chevron{color:#9ca3af;height:14px;transition:transform .2s ease;width:14px}.source-drive .folder-header .chevron.expanded{transform:rotate(90deg)}.source-drive .folder-contents{overflow:hidden;padding-left:12px}.source-drive .drive-doc{align-items:center;background:#fff;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin:2px 0;padding:8px 10px;transition:all .15s ease;width:100%}.source-drive .drive-doc:hover{background:#f9fafb;border-color:#e5e7eb}.source-drive .drive-doc.selected{background:color-mix(in srgb,#6366f1 5%,#fff);background:color-mix(in srgb,var(--generator-color,#6366f1) 5%,#fff);border-color:#6366f1;border-color:var(--generator-color,#6366f1)}.source-drive .drive-doc svg:first-child{color:#6b7280;height:16px;width:16px}.source-drive .drive-doc .doc-info{display:flex;flex:1 1;flex-direction:column;gap:1px;text-align:left}.source-drive .drive-doc .doc-title{color:#111827;font-size:12px;font-weight:500}.source-drive .drive-doc .doc-meta{color:#9ca3af;font-size:10px;text-transform:capitalize}.source-drive .drive-doc .selected-check{color:#6366f1;color:var(--generator-color,#6366f1);height:16px;width:16px}.source-drive .selected-doc-badge{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;color:#166534;display:flex;font-size:12px;gap:6px;padding:8px 10px}.source-drive .selected-doc-badge svg{height:14px;width:14px}.popover-form{margin-bottom:16px}.popover-form .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.popover-form .form-group{margin-bottom:12px}.popover-form .form-group:last-child{margin-bottom:0}.popover-form label{color:#374151;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.popover-form input,.popover-form select,.popover-form textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:14px;padding:8px 12px;transition:all .15s ease;width:100%}.popover-form input:focus,.popover-form select:focus,.popover-form textarea:focus{border-color:#6366f1;border-color:var(--generator-color,#6366f1);box-shadow:0 0 0 3px color-mix(in srgb,#6366f1 15%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--generator-color,#6366f1) 15%,#0000);outline:none}.popover-form textarea{min-height:60px;resize:vertical}.existing-warning{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:flex;font-size:12px;gap:8px;margin-bottom:16px;padding:10px 12px}.existing-warning svg{flex-shrink:0;height:16px;width:16px}.popover-actions{display:flex;gap:10px;justify-content:flex-end}.popover-actions .btn-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.popover-actions .btn-secondary:hover:not(:disabled){background:#f3f4f6}.popover-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.popover-actions .generate-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s ease}.popover-actions .generate-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.popover-actions .generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.popover-actions .generate-btn svg{height:16px;width:16px}.spinner-small{animation:spin .8s linear infinite}.generated-content-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:12px 0;overflow:hidden}.generated-content-preview.rubric{background:#fffbeb;border-color:#fde68a}.generated-content-preview .preview-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:background .15s ease}.generated-content-preview .preview-header:hover{background:#f3f4f6}.generated-content-preview .preview-header svg:first-child{color:#6b7280;height:18px;width:18px}.generated-content-preview .preview-header span{color:#374151;flex:1 1;font-size:14px;font-weight:500}.generated-content-preview .preview-header button{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px}.generated-content-preview .preview-header button:hover{background:#e5e7eb;color:#374151}.generated-content-preview .preview-header button svg{height:16px;width:16px}.generated-content-preview .preview-content{padding:16px}.generated-content-preview .preview-content textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;min-height:200px;padding:12px;resize:vertical;width:100%}.generated-content-preview .preview-content textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.assignment-configurator{display:flex;flex-direction:column;gap:24px}.selected-doc-preview{background:linear-gradient(to bottom right,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;padding:20px}.preview-header{gap:16px;margin-bottom:12px}.preview-header .doc-icon{height:48px;width:48px}.preview-header h4{color:#111827;font-size:16px;font-weight:600;margin:0}.preview-header span{color:#6b7280;font-size:13px;font-weight:500}.detection-info{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;display:flex;gap:12px;margin-top:12px;padding:12px}.detection-info svg{color:#f59e0b;flex-shrink:0;height:20px;margin-top:2px;width:20px}.detection-info strong{color:#92400e;display:block;font-size:13px;margin-bottom:4px}.detection-info p{color:#92400e;font-size:13px;margin:0}.detection-info .badge{background:#fbbf24;border-radius:4px;color:#78350f;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:6px;padding:3px 8px;text-transform:uppercase}.created-badge{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:8px;color:#065f46;display:flex;font-size:13px;font-weight:500;gap:10px;margin-top:12px;padding:12px}.created-badge svg{color:#10b981;flex-shrink:0;height:18px;width:18px}.has-lesson-plan-badge,.has-rubric-badge{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:10px;margin-top:8px;padding:10px 12px}.has-lesson-plan-badge{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6}.has-lesson-plan-badge svg{color:#7c3aed;height:18px;width:18px}.has-rubric-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.has-rubric-badge svg{color:#f59e0b;height:18px;width:18px}.conversion-badge{align-items:center;background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-radius:8px;color:#6b21a8;display:flex;font-size:13px;font-weight:500;gap:10px;margin-top:12px;padding:12px}.conversion-badge svg{color:#a855f7;flex-shrink:0;height:18px;width:18px}.config-form{gap:16px}.config-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.checkbox-group label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400;gap:12px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;margin-top:2px;width:18px}.panel-footer{align-items:center;background:#f9fafb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-primary,.btn-secondary{align-items:center;display:flex;gap:8px;transition:all .2s ease}.btn-secondary{border:1px solid #d1d5db;color:#6b7280}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-primary svg,.btn-secondary svg{height:16px;width:16px}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite}.empty-state svg{color:#d1d5db;height:64px;margin-bottom:16px;width:64px}.empty-state p{color:#6b7280;font-weight:600;margin:0 0 8px}.empty-state span{color:#9ca3af;font-size:14px}.already-assigned-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px}.already-assigned-badge svg{height:12px;width:12px}.assignment-status-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:2}.assignment-status-badge .badge-icon{height:12px;width:12px}.existing-assignments{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.assignments-label{color:#fff9;font-size:11px;font-weight:600;margin-bottom:4px}.assignment-chip{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:4px;display:inline-flex;font-size:10px;gap:4px;margin-bottom:4px;margin-right:4px;padding:2px 8px}.active-dot{background:#22c55e;border-radius:50%;height:4px;width:4px}@media (max-width:768px){.create-assignment-panel{width:100%}.form-row,.question-types-grid{grid-template-columns:1fr}.source-mode-toggle.three-way{flex-direction:column}.source-mode-toggle.three-way .mode-btn{justify-content:flex-start;padding:10px 14px}.tf-options{flex-direction:column}.global-generators-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.toolbar-buttons{width:100%}.toolbar-generator-btn{flex:1 1;justify-content:center}.section-actions{flex-wrap:wrap;gap:6px}.add-section-btn{flex:1 1;font-size:12px;justify-content:center;min-width:90px;padding:8px 10px}.generate-questions-menu,.generator-popover,.generator-popover.enhanced,.quick-add-menu{border-radius:20px 20px 0 0;bottom:0;left:0;max-height:85vh;max-width:100%;position:fixed;right:0;top:auto;width:100%}.generate-questions-menu:before,.generator-popover:before,.quick-add-menu:before{display:none}.quick-add-grid{grid-template-columns:repeat(2,1fr)}.gq-row,.popover-form .form-row{grid-template-columns:1fr}.source-tabs{flex-wrap:wrap}.source-tab{flex:1 1 auto;min-width:calc(50% - 4px)}}.generate-questions-menu::-webkit-scrollbar,.generator-popover::-webkit-scrollbar,.quick-add-menu::-webkit-scrollbar,.source-drive .drive-browser::-webkit-scrollbar{width:6px}.generate-questions-menu::-webkit-scrollbar-track,.generator-popover::-webkit-scrollbar-track,.quick-add-menu::-webkit-scrollbar-track,.source-drive .drive-browser::-webkit-scrollbar-track{background:#0000}.generate-questions-menu::-webkit-scrollbar-thumb,.generator-popover::-webkit-scrollbar-thumb,.quick-add-menu::-webkit-scrollbar-thumb,.source-drive .drive-browser::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.generate-questions-menu::-webkit-scrollbar-thumb:hover,.generator-popover::-webkit-scrollbar-thumb:hover,.quick-add-menu::-webkit-scrollbar-thumb:hover,.source-drive .drive-browser::-webkit-scrollbar-thumb:hover{background:#9ca3af}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.25"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.math-input-popover{animation:popoverFadeIn .15s ease-out;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:600px;max-width:calc(100vw - 32px);position:fixed;width:450px;z-index:100000}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mip-header{align-items:center;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px}.mip-tabs{display:flex;gap:4px}.mip-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s}.mip-tab:hover{background:#f1f5f9;color:#475569}.mip-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mip-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.mip-close:hover{background:#f1f5f9;color:#475569}.mip-content{flex:1 1;max-height:450px;min-height:200px;overflow-y:auto;padding:12px}.mip-content::-webkit-scrollbar{width:6px}.mip-content::-webkit-scrollbar-track{background:#f8fafc}.mip-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.mip-search{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.mip-search svg{color:#94a3b8;flex-shrink:0}.mip-search input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:13px;outline:none}.mip-search input::placeholder{color:#cbd5e1}.mip-presets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.mip-preset{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:70px;padding:10px 8px;transition:all .2s}.mip-preset:hover{background:#f8fafc;border-color:#667eea;transform:translateY(-2px)}.mip-preset.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.preset-name{color:#64748b;font-size:11px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.preset-preview{align-items:center;display:flex;font-size:14px;justify-content:center;min-height:28px}.mip-calculator{display:flex;flex-direction:column;gap:12px}.calc-display-area{background:#1e293b;border-radius:8px;min-height:70px;padding:12px 16px}.calc-expression{color:#94a3b8;font-size:14px;min-height:20px}.calc-display,.calc-expression{font-family:Monaco,Courier New,monospace;text-align:right;word-break:break-all}.calc-display{color:#fff;font-size:28px;font-weight:600}.calc-buttons{display:flex;flex-direction:column;gap:6px}.calc-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.calc-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .15s}.calc-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:scale(1.05)}.calc-btn:active{transform:scale(.98)}.calc-btn.calc-clear{background:#fee;border-color:#fecaca;color:#dc2626}.calc-btn.calc-clear:hover{background:#fef2f2;border-color:#fca5a5}.calc-btn.calc-operator{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.calc-btn.calc-operator:hover{box-shadow:0 4px 12px #667eea4d;transform:scale(1.08)}.calc-quick-insert{grid-gap:6px;border-top:1px solid #e2e8f0;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);padding-top:8px}.calc-quick-insert button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:8px;transition:all .2s}.calc-quick-insert button:hover{background:#fff;border-color:#667eea;color:#667eea}.calc-trace-section{background:#fff;border:2px solid #e2e8f0;border-radius:10px;margin-top:8px;overflow:hidden}.calc-trace-header{align-items:center;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-bottom:1px solid #e9d5ff;display:flex;justify-content:space-between;padding:10px 12px}.calc-trace-title{align-items:center;color:#7c3aed;display:flex;font-size:13px;font-weight:600;gap:8px}.calc-trace-actions{display:flex;gap:6px}.calc-trace-clear,.calc-trace-toggle{align-items:center;background:#fff;border:1px solid #ddd6fe;border-radius:4px;color:#7c3aed;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s}.calc-trace-toggle:hover{background:#faf5ff;border-color:#c4b5fd}.calc-trace-clear:hover{background:#fee;border-color:#fca5a5;color:#dc2626}.calc-trace-list{max-height:150px;overflow-y:auto;padding:8px}.calc-trace-list::-webkit-scrollbar{width:6px}.calc-trace-list::-webkit-scrollbar-track{background:#f8fafc}.calc-trace-list::-webkit-scrollbar-thumb{background:#ddd6fe;border-radius:3px}.calc-trace-item{align-items:center;background:#faf5ff;border-radius:6px;display:flex;gap:10px;margin-bottom:6px;padding:8px 10px;transition:background .15s}.calc-trace-item:last-child{margin-bottom:0}.calc-trace-item:hover{background:#f3e8ff}.calc-trace-number{background:#fff;border:1px solid #ddd6fe;border-radius:4px;color:#7c3aed;font-size:11px;font-weight:700;padding:2px 6px}.calc-trace-math{flex:1 1;font-size:14px;overflow-x:auto}.calc-trace-math .katex{font-size:1em}.calc-insert-buttons{grid-gap:8px;background:#f8fafc;border-top:1px solid #e2e8f0;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:12px}.calc-insert-trace,.calc-insert-value{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px;padding:12px;transition:all .2s}.calc-insert-value{background:#fff;border:2px solid #e2e8f0;color:#475569}.calc-insert-value:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.calc-insert-trace{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea33;color:#fff}.calc-insert-trace:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.insert-preview{font-size:11px;font-weight:500;opacity:.8}.calc-insert-current{margin-top:8px}.calc-insert-current button{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.calc-insert-current button:hover{background:#fff;border-color:#667eea;color:#667eea}.mip-custom{display:flex;flex-direction:column;gap:12px}.mip-latex-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;outline:none;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.mip-latex-input:focus{border-color:#667eea}.mip-preview{display:flex;flex-direction:column;gap:8px}.preview-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.preview-box{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;font-size:18px;justify-content:center;min-height:80px;padding:16px}.preview-empty{color:#cbd5e1;font-size:13px;font-style:italic}.math-error{font-size:13px;font-weight:600}.mip-footer{align-items:center;background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px}.mip-mode-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:4px;padding:3px}.mode-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.mode-btn:hover{background:#f8fafc;color:#475569}.mode-btn.active{background:#667eea;color:#fff}.mip-insert-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.mip-insert-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.mip-insert-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:640px){.math-input-popover{max-height:80vh;width:calc(100vw - 16px)}.mip-presets-grid{grid-template-columns:repeat(2,1fr)}.calc-row{gap:4px}.calc-btn{font-size:14px;padding:12px}.calc-insert-buttons{grid-template-columns:1fr}}.rich-text-editor{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.rte-toolbar{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:12px 16px}.rte-toolbar,.toolbar-group{display:flex;gap:4px}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.toolbar-btn:hover{background:#f1f5f9;color:#667eea}.toolbar-btn.active{background:#667eea;color:#fff}.toolbar-divider{background:#e2e8f0;height:24px;margin:0 8px;width:1px}.rte-content{color:#1e293b;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7;outline:none;overflow-y:auto;padding:24px}.rte-content::-webkit-scrollbar-track{background:#f1f5f9}.rte-content::-webkit-scrollbar-thumb{background:#cbd5e1}.rte-content:empty:before{color:#94a3af;content:attr(data-placeholder);pointer-events:none}.rte-content strong{font-weight:700}.rte-content em{font-style:italic}.rte-content u{text-decoration:underline}.rte-content s{text-decoration:line-through}.rte-content ol,.rte-content ul{margin:12px 0;padding-left:32px}.rte-content li{margin:6px 0}.rte-content p{margin:12px 0}.rte-content p:first-child{margin-top:0}.rte-content p:last-child{margin-bottom:0}.rte-content .math-node{cursor:pointer;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.rte-content .math-inline{background:#0000;border:none;border-radius:4px;display:inline-block;font-size:1em;margin:0 2px;padding:2px 4px;vertical-align:initial}.rte-content .math-inline:hover{background:#667eea14;outline:2px solid #667eea4d;outline-offset:1px}.rte-content .math-display{background:#0000;border:none;border-left:3px solid #e2e8f0;display:block;margin:16px 0;overflow-x:auto;padding:16px;text-align:center}.rte-content .math-display:hover{background:#667eea0a;border-left-color:#667eea}.rte-content .math-node:hover:after{align-items:center;animation:editIconPop .2s ease-out;background:#667eea;border-radius:50%;box-shadow:0 2px 8px #667eea66;content:"✏️";display:flex;font-size:11px;height:22px;justify-content:center;pointer-events:none;position:absolute;right:-10px;top:-10px;width:22px}@keyframes editIconPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.rte-content .math-display:hover:after{right:8px;top:8px}.rte-content .katex{font-size:1.1em}.rte-content .math-display .katex{font-size:1.25em}.rte-content .math-error{background:#fee;border:1px solid #fecaca;border-radius:4px;color:#ef4444;font-family:Monaco,Courier New,monospace;font-size:.9em;padding:4px 8px}.rte-content [style*="text-align: center"]{text-align:center}.rte-content [style*="text-align: right"]{text-align:right}.rte-content [style*="text-align: left"]{text-align:left}.rich-text-editor:focus-within{box-shadow:0 0 0 3px #667eea1a}.variable-edit-popup{animation:popupSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026,0 0 0 1px #0000000d;max-width:400px;min-width:300px;position:absolute;z-index:1000}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.variable-edit-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px}.variable-edit-close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;transition:background .2s;width:24px}.variable-edit-close:hover{background:#ffffff4d}.variable-edit-input-wrapper{border-bottom:1px solid #e2e8f0;padding:16px}.variable-edit-input{border:2px solid #e2e8f0;border-radius:8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;outline:none;padding:12px;transition:border-color .2s;width:100%}.variable-edit-input:focus{border-color:#667eea}.variable-edit-preview{background:#f8fafc;padding:16px}.variable-edit-preview .preview-label{color:#64748b;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.variable-edit-preview .preview-content{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;font-size:18px;justify-content:center;min-height:40px;padding:12px}.variable-edit-preview .preview-empty{color:#94a3b8;font-size:13px;font-style:italic}.variable-edit-actions{background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:8px;padding:12px 16px}.variable-btn-cancel,.variable-btn-save{border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.variable-btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#64748b}.variable-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.variable-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 8px #667eea33;color:#fff}.variable-btn-save:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:640px){.rte-content{font-size:15px;padding:16px}.rte-content .math-inline{margin:0 1px;padding:1px 2px}.rte-content .math-display{margin:12px 0;padding:12px}.variable-edit-popup{left:10px!important;max-width:calc(100% - 20px);min-width:280px;right:10px}}@media print{.rte-toolbar{display:none}.rich-text-editor{border:none;box-shadow:none}.rte-content .math-node:hover:after{display:none}.rte-content .math-display,.rte-content .math-inline{background:#0000;border:none}.rte-content .math-display{border-left:2px solid #ccc}.variable-edit-popup{display:none}}:root{--wizzy-bg:#1e1e1e;--wizzy-bg-light:#2d2d2d;--wizzy-text:#ccc;--wizzy-border:#3e3e42;--wizzy-active:#37373d;--wizzy-primary:#667eea;--wizzy-secondary:#764ba2;--wizzy-primary-hover:#7d8ef5;--wizzy-primary-alpha:#667eea1a;--wizzy-primary-alpha-medium:#667eea33;--wizzy-text-dim:#ccc9;--wizzy-text-very-dim:#ccc6}.wizzy-container{border:none!important;display:inline-flex;flex-shrink:0}.wizzy-button,.wizzy-container{align-items:center;background:none!important;height:40px;justify-content:center;margin:0;padding:0!important;position:relative;width:40px}.wizzy-button{border:none!important;border-radius:50%;box-shadow:none!important;cursor:pointer;display:flex;transition:transform .2s ease}.wizzy-button:hover{transform:scale(1.05)}.wizzy-button:active{transform:scale(.98)}.wizzy-button-bottom-right{bottom:24px}.wizzy-button-bottom-right,.wizzy-button-top-right{height:48px;position:fixed;right:24px;width:48px;z-index:9999}.wizzy-button-top-right{top:24px}.wizzy-button-inline{display:inline-flex;position:relative}.wizzy-button-bottom-right~* .wizzy-container,.wizzy-button-top-right~* .wizzy-container{height:48px;width:48px}.wizzy-avatar{background-color:#fff;border:2px solid #667eea;border:2px solid var(--wizzy-primary);border-radius:50%;box-shadow:0 2px 6px #667eea4d;display:block;height:100%;object-fit:cover;transition:all .2s ease;width:100%}.wizzy-button:hover .wizzy-avatar{border-color:#7d8ef5;border-color:var(--wizzy-primary-hover);box-shadow:0 3px 10px #667eea80}.wizzy-pulse-ring{border:2px solid #667eea;border:2px solid var(--wizzy-primary);border-radius:50%;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.wizzy-button:hover .wizzy-pulse-ring{animation:wizzy-pulse 2s infinite}@keyframes wizzy-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}.wizzy-backdrop{animation:wizzy-fade-in .2s ease;background:#0000004d;inset:0;position:fixed;z-index:99999}@keyframes wizzy-fade-in{0%{opacity:0}to{opacity:1}}.wizzy-popover{animation:wizzy-slide-down .3s ease;background:#1e1e1e;background:var(--wizzy-bg);border:2px solid #667eea;border:2px solid var(--wizzy-primary);border-radius:20px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden;position:fixed;width:480px;z-index:100000}@keyframes wizzy-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wizzy-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--wizzy-primary) 0,var(--wizzy-secondary) 100%);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.wizzy-header-content{align-items:center;display:flex;gap:12px}.wizzy-header-avatar{border-radius:50%;height:32px;width:32px}.wizzy-header-text h3{color:#fff;font-size:18px;font-weight:600;margin:0}.wizzy-header-text p{color:#fffc;font-size:12px;margin:0}.wizzy-close-btn{background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;padding:4px 8px;transition:background .2s}.wizzy-close-btn:hover{background:#fff3}.wizzy-content{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.wizzy-controls{margin-bottom:16px}.wizzy-controls-label{align-items:center;color:#ccc;color:var(--wizzy-text);display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:12px;opacity:.9}.wizzy-sparkle{font-size:14px}.wizzy-controls-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.wizzy-dropdown{position:relative}.wizzy-dropdown label{color:#ccc;color:var(--wizzy-text);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.wizzy-dropdown-button{align-items:center;background:#37373d;background:var(--wizzy-active);border:1px solid #3e3e42;border:1px solid var(--wizzy-border);border-radius:8px;color:#ccc;color:var(--wizzy-text);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:all .2s;width:100%}.wizzy-dropdown-button:hover{background:#2d2d2d;background:var(--wizzy-bg-light);border-color:#667eea;border-color:var(--wizzy-primary)}.wizzy-dropdown-icon{flex-shrink:0;font-size:16px}.wizzy-dropdown-text{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.wizzy-dropdown-arrow{font-size:10px;opacity:.6;transition:transform .2s}.wizzy-dropdown-button:hover .wizzy-dropdown-arrow{transform:translateY(2px)}.wizzy-dropdown-menu{animation:wizzy-dropdown-fade-in .2s ease;background:#1e1e1e;background:var(--wizzy-bg);border:1px solid #3e3e42;border:1px solid var(--wizzy-border);border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:300px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@keyframes wizzy-dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wizzy-dropdown-item{align-items:flex-start;background:#0000;border:none;border-bottom:1px solid #3e3e42;border-bottom:1px solid var(--wizzy-border);color:#ccc;color:var(--wizzy-text);cursor:pointer;display:flex;gap:10px;padding:12px;text-align:left;transition:background .2s;width:100%}.wizzy-dropdown-item:last-child{border-bottom:none}.wizzy-dropdown-item:hover{background:#37373d;background:var(--wizzy-active)}.wizzy-dropdown-item.active{background:#667eea33;background:var(--wizzy-primary-alpha-medium);border-left:3px solid #667eea;border-left:3px solid var(--wizzy-primary)}.wizzy-dropdown-item-icon{flex-shrink:0;font-size:18px;margin-top:2px}.wizzy-dropdown-item-content{flex:1 1;min-width:0}.wizzy-dropdown-item-name{font-size:13px;font-weight:500;margin-bottom:2px}.wizzy-dropdown-item-desc{color:#ccc9;color:var(--wizzy-text-dim);font-size:11px;line-height:1.3}.wizzy-dropdown-item-percentage{color:#667eea;color:var(--wizzy-primary);flex-shrink:0;font-size:11px;font-weight:600}.wizzy-info-box{background:#667eea1a;background:var(--wizzy-primary-alpha);border:1px solid #667eea33;border:1px solid var(--wizzy-primary-alpha-medium);border-radius:8px;color:#ccc;color:var(--wizzy-text);font-size:12px;line-height:1.4;margin-top:12px;padding:10px 12px}.wizzy-info-box strong{color:#667eea;color:var(--wizzy-primary)}.wizzy-divider{background:#3e3e42;background:var(--wizzy-border);height:1px;margin:16px 0}.wizzy-suggestions{margin-bottom:16px}.wizzy-suggestions-label{color:#ccc9;color:var(--wizzy-text-dim);font-size:12px;margin-bottom:8px}.wizzy-suggestions-list{display:flex;flex-direction:column;gap:6px}.wizzy-suggestion-chip{align-items:center;background:#37373d;background:var(--wizzy-active);border:1px solid #3e3e42;border:1px solid var(--wizzy-border);border-radius:8px;color:#ccc;color:var(--wizzy-text);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;text-align:left;transition:all .2s}.wizzy-suggestion-chip:hover{background:#667eea33;background:var(--wizzy-primary-alpha-medium);border-color:#667eea;border-color:var(--wizzy-primary);color:#667eea;color:var(--wizzy-primary)}.wizzy-chip-icon{flex-shrink:0;font-size:14px}.wizzy-input-wrapper{margin-bottom:16px}.wizzy-textarea{background:#37373d;background:var(--wizzy-active);border:1px solid #3e3e42;border:1px solid var(--wizzy-border);border-radius:12px;color:#ccc;color:var(--wizzy-text);font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s;width:100%}.wizzy-textarea:focus{background:#2d2d2d;background:var(--wizzy-bg-light);border-color:#667eea;border-color:var(--wizzy-primary);outline:none}.wizzy-textarea::placeholder{color:#ccc9;color:var(--wizzy-text-dim)}.wizzy-textarea:disabled{cursor:not-allowed;opacity:.5}.wizzy-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.wizzy-generate-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--wizzy-primary) 0,var(--wizzy-secondary) 100%);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.wizzy-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);background:linear-gradient(135deg,var(--wizzy-secondary) 0,var(--wizzy-primary) 100%);box-shadow:0 4px 12px #667eea80;transform:translateY(-2px)}.wizzy-generate-btn:active:not(:disabled){transform:translateY(0)}.wizzy-generate-btn:disabled{cursor:not-allowed;opacity:.5}.wizzy-send-icon{font-size:14px}.wizzy-spinner{animation:wizzy-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes wizzy-spin{to{transform:rotate(1turn)}}.wizzy-hint{color:#ccc6;color:var(--wizzy-text-very-dim);font-size:11px;text-align:center}@media (max-width:640px){.wizzy-popover{max-height:85vh;width:95vw}.wizzy-controls-row{grid-template-columns:1fr}.wizzy-button-bottom-right,.wizzy-button-top-right{height:48px;width:48px}.wizzy-backdrop+.wizzy-popover{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}}.wizzy-content::-webkit-scrollbar,.wizzy-dropdown-menu::-webkit-scrollbar{width:8px}.wizzy-content::-webkit-scrollbar-track,.wizzy-dropdown-menu::-webkit-scrollbar-track{background:#1e1e1e;background:var(--wizzy-bg)}.wizzy-content::-webkit-scrollbar-thumb,.wizzy-dropdown-menu::-webkit-scrollbar-thumb{background:#3e3e42;background:var(--wizzy-border);border-radius:4px}.wizzy-content::-webkit-scrollbar-thumb:hover,.wizzy-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#37373d;background:var(--wizzy-active)}.view-assignments-panel{background:#fff;bottom:0;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;position:fixed;right:0;top:0;width:700px;z-index:1000}.view-assignments-panel.embedded{box-shadow:none;height:100%;position:relative;width:100%}.view-assignments-panel .panel-header{background:linear-gradient(180deg,#fff,#f9fafb);border-bottom:1px solid #e5e7eb;padding:24px}.view-assignments-panel .header-content h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 4px}.assignments-count{color:#6b7280;font-size:14px;margin:0}.close-btn{background:#0000;color:#6b7280;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#111827}.panel-filters{padding:20px 24px}.search-box{margin-bottom:16px}.search-box svg{left:12px}.search-box input{border:1px solid #d1d5db;border-radius:8px;padding:12px 12px 12px 44px;transition:all .2s ease}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-row{display:flex;gap:12px}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 12px;transition:all .2s ease}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.view-assignments-panel .panel-body{flex:1 1;overflow-y:auto;padding:24px}.assignment-card{border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.assignment-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.card-header{justify-content:space-between;margin-bottom:16px}.card-header,.card-title-row{align-items:flex-start;display:flex}.card-title-row{flex:1 1;gap:12px}.doc-icon{border-radius:8px;flex-shrink:0;height:40px;padding:10px;width:40px}.doc-icon.canvas{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.doc-icon.code{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.doc-icon.document{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.card-title-content{flex:1 1}.card-title-content h3{color:#111827;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px}.card-meta{display:flex;flex-wrap:wrap;gap:6px}.meta-tag{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:11px;font-weight:500;padding:4px 8px}.meta-tag.type{background:#eff6ff;color:#3b82f6}.status-badge{border-radius:6px;flex-shrink:0;letter-spacing:.5px}.status-badge.status-active{background:#d1fae5;color:#065f46}.status-badge.status-complete{background:#dbeafe;color:#1e40af}.status-badge.status-closed{background:#f3f4f6;color:#6b7280}.status-badge.status-draft{background:#fef3c7;color:#92400e}.card-stats{border-bottom:1px solid #f3f4f6;display:flex;gap:20px;margin-bottom:16px;padding-bottom:16px}.stat-item{gap:8px}.stat-item svg{color:#9ca3af;flex-shrink:0;height:20px;width:20px}.stat-value{font-size:14px;font-weight:600;line-height:1.2}.stat-label{font-size:11px;line-height:1.2}.submission-progress{margin-bottom:16px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:#6b7280;font-size:12px;font-weight:600}.progress-percentage{color:#3b82f6;font-size:12px;font-weight:700}.progress-bar{background:#e5e7eb}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb)}.card-actions{display:flex;gap:8px}.action-btn{border-radius:8px;font-size:13px;gap:6px;padding:10px 12px}.action-btn svg{height:16px;width:16px}.view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.view-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.grade-btn{background:linear-gradient(135deg,#10b981,#059669)}.grade-btn:hover{box-shadow:0 4px 12px #10b9814d}.edit-btn{background:#f3f4f6;color:#6b7280}.edit-btn:hover{background:#e5e7eb;color:#111827}.delete-btn{background:#fef2f2;color:#dc2626;flex:0 1;padding:10px}.delete-btn:hover{background:#fee2e2;transform:translateY(-2px)}.card-instructions{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.card-instructions p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.empty-state{padding:80px 40px}.empty-state svg{color:#cbd5e0;height:80px;margin-bottom:24px;width:80px}.empty-state h3{color:#4a5568;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-state .spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;height:48px;width:48px}.loading-state p{color:#6b7280;font-size:14px;margin:0}@media (max-width:768px){.view-assignments-panel{width:100%}.card-actions,.card-stats{flex-wrap:wrap}.action-btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1}.delete-btn{flex:1 1 100%}}.card-sharing{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin:12px 0;padding:12px 16px}.sharing-header{align-items:flex-start;display:flex;gap:12px}.sharing-icon-wrapper{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.sharing-icon-wrapper.code{background:linear-gradient(135deg,#667eea,#764ba2)}.sharing-icon-wrapper.link{background:linear-gradient(135deg,#3b82f6,#2563eb)}.sharing-icon{color:#fff;height:20px;width:20px}.sharing-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.sharing-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sharing-value-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.sharing-value-row:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.sharing-code{color:#667eea;font-size:18px;font-weight:700;letter-spacing:2px}.sharing-code,.sharing-link{flex:1 1;font-family:Monaco,Courier New,monospace}.sharing-link{color:#3b82f6;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s ease}.copy-btn:hover{background:#f1f5f9}.copy-btn:active{transform:scale(.95)}.copy-icon{color:#64748b;height:18px;transition:all .2s ease;width:18px}.copy-icon.success{color:#10b981}.sharing-hint{color:#94a3b8;font-size:11px;font-style:italic}@media (max-width:768px){.card-sharing{padding:10px 12px}.sharing-header{gap:10px}.sharing-icon-wrapper{height:36px;width:36px}.sharing-icon{height:18px;width:18px}.sharing-code{font-size:16px;letter-spacing:1.5px}.sharing-link{font-size:12px}.sharing-value-row{padding:6px 10px}}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.copy-icon.success{animation:copySuccess .3s ease}.assignment-submissions-panel{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.assignment-submissions-panel.embedded{border-left:1px solid #e5e7eb}.assignment-submissions-panel.standalone{box-shadow:-4px 0 16px #0000001a;height:100vh;position:fixed;right:0;top:0;width:500px;z-index:1000}.panel-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:24px}.header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.header-left{flex:1 1}.panel-title{color:#111827;font-size:20px;font-weight:700;margin:0 0 8px}.assignment-meta{flex-wrap:wrap}.meta-badge{align-items:center;background:#e0e7ff;border-radius:12px;color:#4338ca;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.meta-badge svg{height:14px;width:14px}.btn-close{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:all .2s}.btn-close svg{color:#6b7280;height:20px;width:20px}.btn-close:hover{background:#f3f4f6}.stats-row{border-top:1px solid #e5e7eb;display:flex;gap:16px;margin-top:16px;padding-top:16px}.stat-item{flex:1 1;text-align:center}.stat-label{color:#6b7280;display:block;margin-bottom:4px}.stat-value{color:#111827;display:block}.stat-value.success{color:#10b981}.stat-value.warning{color:#f59e0b}.stat-value.info{color:#3b82f6}.panel-filters{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 24px}.search-box{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:10px 14px}.search-box svg{color:#9ca3af;height:18px;width:18px}.search-box input{background:#0000;border:none;color:#111827;flex:1 1;outline:none}.filter-group{align-items:center;display:flex;gap:8px}.filter-group svg{color:#6b7280;height:18px;width:18px}.filter-group select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.filter-group select:hover{border-color:#667eea}.panel-content{flex:1 1;overflow-y:auto;padding:16px 24px}.modal-content svg,.panel-content svg{height:20px;width:20px}.student-avatar,.submission-status svg{height:24px;width:24px}.detail-section h4 svg,.feedback-subsection h5 svg{height:20px;width:20px}.ai-verdict .verdict-icon svg{height:48px;width:48px}.feedback-content svg,.formatted-feedback svg{display:inline-block;height:18px;vertical-align:middle;width:18px}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.loading-state .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.empty-state svg,.error-state svg{color:#9ca3af;height:48px;margin-bottom:16px;width:48px}.empty-state p,.error-state p{color:#6b7280;font-size:16px;margin:0 0 16px}.btn-retry{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-retry:hover{background:#5568d3}.submissions-list{display:flex;flex-direction:column;gap:12px}.submission-card{border:1px solid #e5e7eb;padding:16px}.submission-card:hover{box-shadow:0 4px 12px #667eea1a}.submission-header{margin-bottom:12px}.student-info{gap:12px}.student-avatar,.student-info{align-items:center;display:flex}.student-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.student-details h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.student-details .email{color:#6b7280;font-size:13px}.submission-status svg{height:24px;width:24px}.icon-success{color:#10b981}.icon-warning{color:#f59e0b}.icon-muted{color:#d1d5db}.submission-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.info-row{display:flex;font-size:14px;justify-content:space-between}.info-row .label{color:#6b7280;font-weight:500}.info-row .value{color:#111827;font-weight:600}.info-row.grade-row{background:#f0fdf4;border-radius:6px;padding:8px}.info-row .value.grade{color:#10b981;font-size:16px}.ai-detection-badge{align-items:center;background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:8px 12px}.ai-detection-badge svg{height:18px;width:18px}.ai-detection-badge strong,.risk-label{font-weight:700}.risk-label{border-radius:4px;font-size:11px;margin-left:auto;padding:2px 8px;text-transform:uppercase}.risk-label.risk-high{background:#fee2e2;color:#dc2626}.risk-label.risk-medium{background:#fef3c7;color:#d97706}.risk-label.risk-low{background:#d1fae5;color:#059669}.submission-footer{border-top:1px solid #f3f4f6;padding-top:12px}.btn-view{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s;width:100%}.btn-view svg{height:16px;width:16px}.btn-view:hover{background:#5568d3}.submission-detail-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:2000}.submission-detail-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #e5e7eb}.modal-header h3{color:#111827;font-size:20px;font-weight:700;margin:0}.btn-close-modal{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:all .2s}.btn-close-modal svg{color:#6b7280;height:20px;width:20px}.btn-close-modal:hover{background:#f3f4f6}.modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px}.modal-content{flex:1 1;overflow-y:auto}.detail-section{margin-bottom:32px}.detail-section h4{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 16px}.detail-section h4 svg{color:#667eea;height:20px;width:20px}.detail-section h5{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:16px 0 12px}.grade-section{background:linear-gradient(135deg,#f0f4ff,#f9fafb);border:2px solid #e0e7ff;padding:20px!important}.grade-display-compact{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:20px}.grade-header{align-items:center;display:flex;gap:16px}.grade-icon-small{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.grade-icon-small svg{color:#fff;height:28px;width:28px}.grade-info{flex:1 1}.grade-label{color:#6b7280;font-size:13px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.grade-value-large{align-items:baseline;color:#111827;display:flex;font-size:32px;font-weight:800;gap:8px}.grade-percentage-inline{color:#6b7280;font-size:20px;font-weight:600}.grade-display{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:20px}.grade-large{color:#fff;font-size:48px;font-weight:800}.grade-percentage{color:#ffffffe6;font-size:32px;font-weight:700}.rubric-breakdown{background:#f9fafb;border-radius:12px;padding:16px}.rubric-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.rubric-item:last-child{border-bottom:none}.criterion-name{color:#374151;font-size:14px;font-weight:600}.criterion-score{align-items:center;display:flex;gap:12px;min-width:200px}.score-bar-bg{background:#e5e7eb;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s}.score-text{color:#111827;font-size:14px;font-weight:700;min-width:50px;text-align:right}.ai-detection-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px}.ai-verdict{background:#fff;border:3px solid;border-radius:12px;gap:16px;margin-bottom:20px;padding:20px}.ai-verdict,.verdict-icon{align-items:center;display:flex}.verdict-icon{justify-content:center}.verdict-icon,.verdict-icon svg{height:48px;width:48px}.verdict-content{flex:1 1}.verdict-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.verdict-value{font-size:24px;font-weight:800;margin-bottom:4px}.verdict-confidence{color:#6b7280;font-size:14px}.ai-probability-meter{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.meter-label{color:#374151;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:8px}.meter-value{color:#111827;font-size:18px;font-weight:800}.meter-bar{background:#e5e7eb;border-radius:12px;height:24px;margin-bottom:8px;overflow:hidden}.meter-fill{border-radius:12px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.meter-legend{color:#6b7280;display:flex;font-size:12px;justify-content:space-between}.ai-red-flags{background:#fef2f2;border:2px solid #fca5a5;border-radius:12px;margin-bottom:16px;padding:16px}.ai-red-flags h5{align-items:center;color:#dc2626;display:flex;gap:8px;margin:0 0 12px}.ai-red-flags h5 svg{height:18px;width:18px}.ai-red-flags ul{list-style:none;margin:0;padding:0}.ai-red-flags li{align-items:flex-start;color:#991b1b;display:flex;font-size:14px;gap:8px;padding:8px 0}.flag-icon{color:#dc2626;flex-shrink:0;height:16px;margin-top:2px;width:16px}.ai-analysis-details{background:#fff;border-radius:12px;padding:16px}.ai-analysis-details h5{color:#374151;margin:0 0 12px}.ai-analysis-details p{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.feedback-content{background:#f9fafb;border-radius:12px;color:#374151;font-size:15px;line-height:1.6;margin-bottom:16px;padding:16px}.markdown-feedback{color:#374151;line-height:1.7}.markdown-feedback .md-h1{border-bottom:2px solid #e5e7eb;color:#111827;font-size:20px;font-weight:700;margin:16px 0 12px;padding-bottom:8px}.markdown-feedback .md-h2{color:#111827;font-size:18px;font-weight:700;margin:14px 0 10px}.markdown-feedback .md-h3{color:#374151;font-size:16px;font-weight:600;margin:12px 0 8px}.markdown-feedback .md-p{line-height:1.7;margin:0 0 12px}.markdown-feedback .md-p:last-child{margin-bottom:0}.markdown-feedback .md-strong{color:#111827;font-weight:700}.markdown-feedback .md-em{color:#4b5563;font-style:italic}.markdown-feedback .md-ol,.markdown-feedback .md-ul{margin:12px 0;padding-left:24px}.markdown-feedback .md-ul{list-style:none}.markdown-feedback .md-ul .md-li{margin:8px 0;padding-left:8px;position:relative}.markdown-feedback .md-ul .md-li:before{color:#667eea;content:"•";font-size:16px;font-weight:700;left:-16px;position:absolute}.markdown-feedback .md-ol{list-style:decimal;list-style-position:outside}.markdown-feedback .md-ol .md-li{margin:8px 0;padding-left:4px}.markdown-feedback .md-li .md-ol,.markdown-feedback .md-li .md-ul{margin-bottom:8px;margin-top:8px}.markdown-feedback .md-code-inline{background:#f3f4f6;border-radius:4px;color:#dc2626;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9em;padding:2px 6px}.markdown-feedback .md-code-block{background:#1f2937;border-radius:8px;color:#f9fafb;display:block;font-family:Monaco,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;margin:12px 0;overflow-x:auto;padding:12px}.markdown-feedback .md-blockquote{border-left:4px solid #667eea;color:#6b7280;font-style:italic;margin:12px 0;padding-left:16px}.markdown-feedback table{border-collapse:collapse;margin:12px 0;width:100%}.markdown-feedback td,.markdown-feedback th{border:1px solid #e5e7eb;padding:8px 12px;text-align:left}.markdown-feedback th{background:#f9fafb;color:#111827;font-weight:600}.markdown-feedback tr:nth-child(2n){background:#f9fafb}.markdown-feedback a{border-bottom:1px solid #0000;color:#667eea;text-decoration:none;transition:border-color .2s}.markdown-feedback a:hover{border-bottom-color:#667eea}.markdown-feedback hr{border:none;border-top:2px solid #e5e7eb;margin:16px 0}.feedback-subsection ul{list-style:none;margin:0;padding:0}.feedback-subsection li{color:#374151;font-size:14px;line-height:1.6;padding:8px 0 8px 24px;position:relative}.feedback-subsection li:before{color:#667eea;content:"•";font-weight:700;left:8px;position:absolute}.feedback-subsection li .markdown-feedback{display:inline}.feedback-subsection li .markdown-feedback .md-p{display:inline;margin:0}.feedback-subsection{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:16px}.feedback-subsection h5{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.feedback-subsection h5 svg{flex-shrink:0;height:20px;width:20px}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:#667eea}.btn-primary:hover{background:#5568d3}@media (max-width:768px){.assignment-submissions-panel.standalone{width:100%}.panel-filters{flex-direction:column}.filter-group{width:100%}.filter-group select{flex:1 1}.submission-detail-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.grade-display{flex-direction:column;text-align:center}.criterion-score{align-items:flex-start;flex-direction:column;gap:8px}}.submission-card.selected{background:linear-gradient(135deg,#f0f4ff,#fdf4ff);border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.submission-card.selected .student-avatar{box-shadow:0 0 0 3px #667eea4d}.submission-card.selected:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 0 0 12px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.submission-card{position:relative}.submission-card.selected:before{border-bottom:8px solid #0000;border-right:8px solid #667eea;border-top:8px solid #0000;content:"";height:0;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:0}.teacher-dashboard{background:#f8fafc;min-height:100vh;padding:24px;width:100%}.td-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.td-header-left{flex:1 1}.td-title{align-items:center;color:#1a202c;display:flex;font-size:32px;font-weight:700;gap:16px;margin:0 0 8px}.td-title-icon{color:#667eea;height:36px;width:36px}.td-subtitle{color:#718096;font-size:16px;margin:0}.ai-usage-widget{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;min-width:320px;padding:20px}.ai-header{align-items:center;color:#2d3748;display:flex;font-weight:600;gap:8px;margin-bottom:16px}.ai-icon{color:#667eea;height:20px;width:20px}.ai-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.ai-stat{align-items:center;display:flex;flex-direction:column}.ai-value{color:#1a202c;font-size:14px;font-weight:700}.ai-label{color:#718096;font-size:11px;text-align:center}.ai-progress{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.ai-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.td-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.primary:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card.warning:before{background:linear-gradient(90deg,#ed8936,#dd6b20)}.stat-card.success:before{background:linear-gradient(90deg,#48bb78,#38a169)}.stat-card.info:before{background:linear-gradient(90deg,#4299e1,#3182ce)}.stat-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.stat-icon{margin-bottom:16px}.stat-card.primary .stat-icon{background:#667eea1a;color:#667eea}.stat-card.warning .stat-icon{background:#ed89361a;color:#ed8936}.stat-card.success .stat-icon{background:#48bb781a;color:#48bb78}.stat-card.info .stat-icon{background:#4299e11a;color:#4299e1}.stat-content h3{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 4px}.stat-content p{color:#718096;font-size:14px;margin:0}.stat-trend{align-items:center;display:flex;font-size:13px;font-weight:600;gap:4px;position:absolute;right:20px;top:20px}.stat-trend.positive{color:#48bb78}.stat-trend.negative{color:#fc8181}.stat-trend svg{height:16px;width:16px}.stat-alert{align-items:center;background:#fed7d7;border-radius:12px;color:#c53030;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px;position:absolute;right:20px;top:20px}.stat-alert svg{height:14px;width:14px}.stat-subtext{color:#a0aec0;font-size:12px;margin-top:8px}.stat-chart{margin-top:12px}.mini-bars{align-items:flex-end;display:flex;gap:4px;height:40px}.mini-bars .bar{background:linear-gradient(180deg,#4299e1,#3182ce);border-radius:2px 2px 0 0;flex:1 1;transition:all .3s}.td-view-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:12px;margin-bottom:24px;padding-bottom:24px}.view-tab{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#718096;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.view-tab:hover{border-color:#cbd5e0;color:#4a5568}.view-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}.view-tab svg{height:20px;width:20px}.td-content{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;min-height:400px;padding:32px}.assignments-overview{animation:fadeIn .3s ease}.section-header{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#1a202c;flex-shrink:0;font-size:24px;font-weight:700;margin:0}.section-actions{flex-direction:row;flex-shrink:0;gap:12px}.btn-primary,.section-actions{align-items:center;display:flex}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary svg{height:20px;width:20px}.btn-secondary{align-items:center;background:#fff;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-secondary:hover{background:#667eea;box-shadow:0 6px 20px #667eea4d;color:#fff;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-secondary svg{height:20px;width:20px}.empty-assignments{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.empty-assignments svg{color:#cbd5e0;height:80px;margin-bottom:24px;width:80px}.empty-assignments p{color:#718096;font-size:18px;margin:0 0 24px}.btn-create-first{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s}.btn-create-first:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.assignments-list{display:flex;flex-direction:column;gap:16px}.assignment-row{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:24px;padding:20px;transition:all .2s}.assignment-row:hover{background:#edf2f7}.assignment-info{flex:1 1}.assignment-info h3{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 8px}.assignment-meta{gap:8px}.meta-tag{background:#fff;border-radius:6px;color:#4a5568;font-size:12px;padding:4px 10px}.submission-stats{display:flex;gap:24px}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-number{color:#1a202c;font-size:20px;font-weight:700}.stat-label{font-size:12px}.assignment-actions{display:flex;gap:12px}.btn-grade{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-grade:hover:not(:disabled){box-shadow:0 4px 12px #48bb784d;transform:translateY(-2px)}.btn-grade:disabled{cursor:not-allowed;opacity:.5}.btn-grade svg{height:16px;width:16px}.grading-queue{animation:fadeIn .3s ease}.queue-filters{border-bottom:1px solid #e2e8f0;display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.search-box{flex:1 1;position:relative}.search-box svg{color:#a0aec0;height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-box input{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 48px;transition:all .2s;width:100%}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-buttons{display:flex;gap:8px}.filter-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.filter-btn:hover{border-color:#cbd5e0}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.filter-count{background:#0000001a;border-radius:10px;font-size:11px;padding:2px 6px}.submissions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.submission-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.submission-card:hover{border-color:#667eea;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.submission-card.flagged{background:#fff5f5;border-color:#fc8181}.submission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.submission-header h4{color:#2d3748;font-size:16px;font-weight:600;margin:0}.flag-badge{align-items:center;background:#fc8181;border-radius:6px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.flag-badge svg{height:12px;width:12px}.submission-assignment{color:#718096;font-size:14px;margin-bottom:12px}.submission-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.submission-meta .meta-item{align-items:center;color:#a0aec0;display:flex;font-size:12px;gap:4px}.submission-meta .meta-item svg{height:14px;width:14px}.ai-indicator{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.ai-indicator svg{height:14px;width:14px}.ai-indicator.low{background:#c6f6d5;color:#22543d}.ai-indicator.medium{background:#feebc8;color:#744210}.ai-indicator.high{background:#fed7d7;color:#742a2a}.submission-grade{align-items:center;background:#f0fff4;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:8px 12px}.submission-grade .grade{color:#22543d;font-size:14px;font-weight:600}.submission-grade .percentage{color:#48bb78;font-size:13px}.grade-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .2s;width:100%}.grade-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.analytics-view{animation:fadeIn .3s ease}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background:#f8fafc;border-radius:12px;min-height:300px;padding:24px}.chart-card h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.loading-spinner p{color:#718096;font-size:14px;margin-top:16px}.teacher-dashboard-container{display:flex;min-height:100vh;overflow:hidden;position:relative;width:100%}.teacher-dashboard-main{flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto;transition:width .25s cubic-bezier(.4,0,.2,1)}.teacher-dashboard-main::-webkit-scrollbar{width:8px}.teacher-dashboard-main::-webkit-scrollbar-track{background:#f1f5f9}.teacher-dashboard-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.teacher-dashboard-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.teacher-dashboard-panel{background:#fff;border-left:1px solid #e2e8f0;flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto}.teacher-dashboard-panel::-webkit-scrollbar{width:8px}.teacher-dashboard-panel::-webkit-scrollbar-track{background:#f1f5f9}.teacher-dashboard-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.teacher-dashboard-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1024px){.td-header{flex-direction:column}.ai-usage-widget{width:100%}.td-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.teacher-dashboard-container{flex-direction:column}.teacher-dashboard-main,.teacher-dashboard-panel{height:auto;min-height:50vh;width:100%!important}.teacher-dashboard-panel{border-left:none;border-top:1px solid #e2e8f0}.split-divider{display:none}}@media (max-width:768px){.teacher-dashboard{padding:16px}.td-title{font-size:24px}.td-view-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.view-tab{white-space:nowrap}.section-header{align-items:flex-start;flex-direction:column}.section-actions{width:100%}.btn-primary,.btn-secondary{flex:1 1;justify-content:center}.assignment-row{align-items:flex-start;flex-direction:column}.submission-stats{justify-content:space-around;width:100%}.submissions-grid{grid-template-columns:1fr}}.assignment-row.clickable{cursor:pointer}.assignment-row.clickable:hover{background:#edf2f7;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.tab-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.15rem .5rem}.grading-panel{background:#f8fafc;display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden}.grading-panel .panel-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;padding:16px 20px}.grading-panel .header-info{display:flex;flex-direction:column;gap:8px}.grading-panel .panel-title{color:#fff;font-size:18px;font-weight:700;margin:0}.grading-panel .header-badges{display:flex;gap:6px}.grading-panel .badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.grading-panel .badge svg{height:12px;width:12px}.grading-panel .badge-success{background:#10b98133;color:#a7f3d0}.grading-panel .badge-warning{background:#f59e0b33;color:#fde68a}.grading-panel .badge-danger{background:#ef444433;color:#fecaca}.grading-panel .action-message{align-items:center;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:8px;padding:10px 16px}.grading-panel .action-message svg{flex-shrink:0;height:16px;width:16px}.grading-panel .action-message.success{background:#d1fae5;color:#065f46}.grading-panel .action-message.error{background:#fee2e2;color:#991b1b}.grading-panel .panel-content{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 16px 60px}.grading-panel .panel-content::-webkit-scrollbar{width:8px}.grading-panel .panel-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.grading-panel .panel-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.grading-panel .panel-content::-webkit-scrollbar-thumb:hover{background:#64748b}.grading-panel .loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.grading-panel .loading-state svg{color:#667eea;height:32px;margin-bottom:12px;width:32px}.grading-panel .loading-state p{font-size:14px;margin:0}.grading-panel .info-card,.grading-panel .section-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;overflow:hidden}.grading-panel .student-card{align-items:center;background:#f8fafc;display:flex;gap:14px;padding:16px}.grading-panel .student-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.grading-panel .student-info-details h3{color:#111827;font-size:15px;font-weight:700;margin:0 0 2px}.grading-panel .student-email{color:#6b7280;font-size:12px;margin:0 0 2px}.grading-panel .submitted-time{align-items:center;color:#9ca3af;display:flex;font-size:11px;gap:4px;margin:0}.grading-panel .submitted-time svg{height:12px;width:12px}.grading-panel .section-card{padding:0}.grading-panel .section-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;padding:12px 16px}.grading-panel .section-header h3{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0}.grading-panel .section-header h3 svg{color:#667eea;height:18px;width:18px}.grading-panel .grade-card{background:linear-gradient(135deg,#f0f4ff,#fdf4ff);border-color:#e0e7ff}.grading-panel .grade-display{align-items:center;display:flex;gap:20px;padding:20px}.grading-panel .grade-circle{flex-shrink:0;height:80px;position:relative;width:80px}.grading-panel .grade-circle svg{height:100%;width:100%}.grading-panel .grade-circle-bg{stroke:#e5e7eb}.grading-panel .grade-circle-fill{stroke:#667eea;stroke-linecap:round}.grading-panel .grade-circle-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.grading-panel .grade-value{color:#111827;display:block;font-size:18px;font-weight:800;line-height:1}.grading-panel .grade-max{color:#6b7280;display:block;font-size:11px}.grading-panel .grade-details{display:flex;flex-direction:column;gap:2px}.grading-panel .grade-percentage{color:#667eea;font-size:22px;font-weight:800}.grading-panel .grade-letter{color:#374151;font-size:16px;font-weight:700}.grading-panel .rubric-breakdown{background:#fff;border-top:1px solid #e5e7eb;padding:12px 14px}.grading-panel .rubric-breakdown h4{color:#374151;font-size:12px;font-weight:700;margin:0 0 10px}.grading-panel .rubric-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:6px 0}.grading-panel .rubric-item:last-child{border-bottom:none}.grading-panel .criterion-name{color:#374151;flex:1 1;font-size:12px;font-weight:500}.grading-panel .criterion-score{align-items:center;display:flex;flex:1 1;gap:6px}.grading-panel .score-bar-bg{background:#e5e7eb;border-radius:3px;flex:1 1;height:5px;overflow:hidden}.grading-panel .score-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%}.grading-panel .score-text{color:#111827;font-size:11px;font-weight:700;white-space:nowrap}.grading-panel .feedback-card .feedback-content{color:#374151;font-size:13px;line-height:1.7;min-height:60px;padding:16px}.grading-panel .feedback-card .feedback-content.empty{color:#9ca3af;font-style:italic}.grading-panel .feedback-card .feedback-content.empty p{margin:0}.grading-panel .feedback-card .feedback-content p{margin:0 0 10px}.grading-panel .feedback-card .feedback-content p:last-child{margin-bottom:0}.grading-panel .feedback-subsection{border-top:1px solid #e5e7eb;padding:14px 16px}.grading-panel .feedback-subsection h4{align-items:center;display:flex;font-size:12px;font-weight:700;gap:5px;margin:0 0 6px}.grading-panel .feedback-subsection h4 svg{height:14px;width:14px}.grading-panel .feedback-subsection.strengths{background:#f0fdf4}.grading-panel .feedback-subsection.strengths h4{color:#166534}.grading-panel .feedback-subsection.strengths h4 svg{color:#22c55e}.grading-panel .feedback-subsection.improvements{background:#fffbeb}.grading-panel .feedback-subsection.improvements h4{color:#92400e}.grading-panel .feedback-subsection.improvements h4 svg{color:#f59e0b}.grading-panel .feedback-subsection ul{list-style:none;margin:0;padding:0}.grading-panel .feedback-subsection li{color:#374151;font-size:12px;line-height:1.4;padding:4px 0 4px 14px;position:relative}.grading-panel .feedback-subsection li:before{content:"•";font-weight:700;left:0;position:absolute}.grading-panel .feedback-subsection.strengths li:before{color:#22c55e}.grading-panel .feedback-subsection.improvements li:before{color:#f59e0b}.grading-panel .ai-card .ai-not-run{align-items:center;display:flex;flex-direction:column;padding:28px 16px;text-align:center}.grading-panel .ai-not-run svg{color:#9ca3af;height:32px;margin-bottom:10px;width:32px}.grading-panel .ai-not-run p{color:#6b7280;font-size:14px;margin:0 0 16px}.grading-panel .ai-results{display:flex;flex-direction:column;gap:14px;padding:16px}.grading-panel .verdict-card{align-items:center;border:2px solid;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.grading-panel .verdict-card.verdict-authentic,.grading-panel .verdict-card.verdict-human{background:#f0fdf4;border-color:#86efac}.grading-panel .verdict-card.verdict-authentic .verdict-icon,.grading-panel .verdict-card.verdict-human .verdict-icon{color:#22c55e}.grading-panel .verdict-card.verdict-likely_ai,.grading-panel .verdict-card.verdict-unknown{background:#fffbeb;border-color:#fcd34d}.grading-panel .verdict-card.verdict-likely_ai .verdict-icon,.grading-panel .verdict-card.verdict-unknown .verdict-icon{color:#f59e0b}.grading-panel .verdict-card.verdict-ai_generated{background:#fef2f2;border-color:#fca5a5}.grading-panel .verdict-card.verdict-ai_generated .verdict-icon{color:#ef4444}.grading-panel .verdict-icon{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.grading-panel .verdict-icon svg{height:32px;width:32px}.grading-panel .verdict-info{display:flex;flex-direction:column;gap:1px}.grading-panel .verdict-label{color:#6b7280;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.grading-panel .verdict-value{color:#111827;font-size:14px;font-weight:800;text-transform:uppercase}.grading-panel .probability-section{background:#f9fafb;border-radius:8px;padding:10px}.grading-panel .probability-header{color:#374151;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:6px}.grading-panel .probability-value{color:#111827;font-size:14px;font-weight:800}.grading-panel .probability-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.grading-panel .probability-fill{border-radius:4px;height:100%}.grading-panel .probability-fill.low{background:linear-gradient(90deg,#10b981,#34d399)}.grading-panel .probability-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.grading-panel .probability-fill.high{background:linear-gradient(90deg,#ef4444,#f87171)}.grading-panel .red-flags{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px}.grading-panel .red-flags h4{align-items:center;color:#dc2626;display:flex;font-size:12px;font-weight:700;gap:5px;margin:0 0 6px}.grading-panel .red-flags h4 svg{height:14px;width:14px}.grading-panel .red-flags ul{list-style:none;margin:0;padding:0}.grading-panel .red-flags li{color:#991b1b;font-size:11px;padding:3px 0}.grading-panel .grading-card .grading-done,.grading-panel .grading-card .grading-not-done{padding:24px 16px;text-align:center}.grading-panel .grading-done svg,.grading-panel .grading-not-done svg{color:#9ca3af;height:28px;margin-bottom:8px;width:28px}.grading-panel .grading-done p,.grading-panel .grading-not-done p{color:#6b7280;font-size:14px;margin:0 0 16px}.grading-panel .grading-actions{display:flex;gap:10px;justify-content:center}.grading-panel .manual-grade-form{padding:20px}.grading-panel .manual-grade-form h4{color:#111827;font-size:15px;font-weight:700;margin:0 0 16px}.grading-panel .form-row{margin-bottom:16px}.grading-panel .form-row label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.grading-panel .grade-input-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.grading-panel .grade-input-group input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:700;padding:10px 12px;text-align:center;width:80px}.grading-panel .grade-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.grading-panel .grade-max-label{color:#6b7280;font-size:15px;font-weight:600}.grading-panel .live-preview{align-items:center;background:#f0f4ff;border-radius:6px;display:flex;gap:8px;margin-left:auto;padding:6px 12px}.grading-panel .preview-percentage{color:#667eea;font-size:14px;font-weight:700}.grading-panel .preview-letter{color:#374151;font-size:14px;font-weight:700}.grading-panel .form-row textarea{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:13px;line-height:1.5;min-height:80px;padding:12px;resize:vertical;width:100%}.grading-panel .form-row textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.grading-panel .form-row select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:13px;padding:10px 12px;width:100%}.grading-panel .form-row select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.grading-panel .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.grading-panel .section-card:last-child{margin-bottom:16px}.grading-panel .btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 18px;transition:all .2s}.grading-panel .btn-action svg{height:16px;width:16px}.grading-panel .btn-action:disabled{cursor:not-allowed;opacity:.6}.grading-panel .btn-action.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.grading-panel .btn-action.primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea59;transform:translateY(-2px)}.grading-panel .btn-action.secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#374151}.grading-panel .btn-action.secondary:hover:not(:disabled){background:#e2e8f0}.grading-panel .btn-action.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.grading-panel .btn-action.success:hover:not(:disabled){box-shadow:0 4px 12px #10b98159;transform:translateY(-2px)}.grading-panel .btn-small{font-size:12px;padding:8px 12px}.grading-panel .spinning{animation:spin 1s linear infinite}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.code-editor-light{background:#1e1e2e;border-radius:12px;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100%;overflow:hidden;width:100%}.cel-header{background:linear-gradient(135deg,#2d2d3f,#1e1e2e);border-bottom:1px solid #3e3e52;justify-content:space-between;padding:12px 16px}.cel-header,.cel-header-left{align-items:center;display:flex}.cel-header-left{gap:10px}.cel-icon{color:#a78bfa;height:20px;width:20px}.cel-title{color:#e2e8f0;font-size:14px;font-weight:600}.cel-badge{background:#a78bfa26;border:1px solid #a78bfa4d;border-radius:12px;color:#a78bfa;font-size:11px;font-weight:500;padding:3px 8px}.cel-header-right{gap:16px}.cel-header-right,.cel-stat{align-items:center;display:flex}.cel-stat{color:#94a3b8;font-size:12px;gap:6px}.cel-stat svg{height:14px;width:14px}.cel-content{display:flex;flex:1 1;overflow:hidden}.cel-sidebar{background:#252532;border-right:1px solid #3e3e52;display:flex;flex-direction:column;min-width:240px;width:240px}.code-editor-light .sidebar-header{align-items:center;border-bottom:1px solid #3e3e52;color:#94a3b8;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 14px;text-transform:uppercase}.code-editor-light .sidebar-header svg{height:16px;width:16px}.code-editor-light .sidebar-content{flex:1 1;overflow-y:auto;padding:8px 0}.code-editor-light .sidebar-content::-webkit-scrollbar{width:6px}.code-editor-light .sidebar-content::-webkit-scrollbar-thumb{background:#4a4a5e;border-radius:3px}.file-tree-light{padding:0 4px}.file-tree-node{-webkit-user-select:none;user-select:none}.file-tree-item{align-items:center;border-radius:6px;color:#cbd5e1;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 10px;transition:all .15s ease}.file-tree-item:hover{background:#94a3b81a}.file-tree-item.active{background:#a78bfa26;color:#a78bfa}.file-tree-item.folder{font-weight:500}.tree-chevron{color:#64748b;flex-shrink:0;height:14px;width:14px}.tree-icon{flex-shrink:0;height:16px;width:16px}.folder-icon{color:#fbbf24}.tree-spacer{flex-shrink:0;width:14px}.file-emoji{flex-shrink:0;font-size:14px}.tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree-children{margin-left:0}.cel-main{flex:1 1;overflow:hidden}.cel-main,.code-viewer-pane{display:flex;flex-direction:column}.code-viewer-pane{background:#1e1e2e;height:100%}.code-viewer-header{align-items:center;background:#2d2d3f;border-bottom:1px solid #3e3e52;color:#e2e8f0;display:flex;font-size:13px;gap:8px;padding:10px 16px}.code-viewer-header .file-emoji{font-size:14px}.code-viewer-header .line-count{color:#64748b;font-size:11px;margin-left:auto}.code-viewer-content{display:flex;flex:1 1;overflow:auto}.code-viewer-content::-webkit-scrollbar{height:8px;width:8px}.code-viewer-content::-webkit-scrollbar-thumb{background:#4a4a5e;border-radius:4px}.code-viewer-content::-webkit-scrollbar-corner{background:#1e1e2e}.line-numbers{background:#252532;border-right:1px solid #3e3e52;display:flex;flex-direction:column;padding:16px 12px;text-align:right;-webkit-user-select:none;user-select:none}.line-number{color:#4a4a5e;font-size:12px}.code-content,.line-number{font-family:Fira Code,JetBrains Mono,monospace;line-height:1.6}.code-content{background:#0000;color:#e2e8f0;flex:1 1;font-size:13px;margin:0;overflow:visible;padding:16px}.code-content code{font-family:inherit}.code-viewer-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.code-viewer-empty svg{height:48px;opacity:.5;width:48px}.code-viewer-empty p{font-size:14px}.code-viewer-markdown{display:flex;flex-direction:column;height:100%}.markdown-header{align-items:center;background:#2d2d3f;border-bottom:1px solid #3e3e52;color:#e2e8f0;display:flex;font-size:13px;gap:8px;padding:10px 16px}.markdown-content{color:#e2e8f0;flex:1 1;overflow:auto;padding:20px}.markdown-content h1{color:#f1f5f9;font-size:1.75rem;font-weight:700;margin-bottom:16px}.markdown-content h2{color:#f1f5f9;font-size:1.4rem;font-weight:600;margin:24px 0 12px}.markdown-content h3{color:#f1f5f9;font-size:1.15rem;font-weight:600;margin:20px 0 10px}.markdown-content p{line-height:1.7;margin-bottom:12px}.markdown-content code{background:#a78bfa26;border-radius:4px;color:#a78bfa;font-family:Fira Code,monospace;font-size:.9em;padding:2px 6px}.markdown-content pre{background:#252532;border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.markdown-content pre code{background:#0000;color:#e2e8f0;padding:0}.markdown-content ol,.markdown-content ul{margin:12px 0;padding-left:24px}.markdown-content li{line-height:1.6;margin-bottom:6px}.markdown-content blockquote{border-left:4px solid #a78bfa;color:#94a3b8;margin:16px 0;padding-left:16px}.module-viewer-empty,.module-viewer-light{display:flex;height:100%;width:100%}.module-viewer-empty{align-items:center;color:#64748b;flex-direction:column;gap:12px;justify-content:center}.module-viewer-empty svg{height:48px;opacity:.5;width:48px}.module-nav-light{background:#252532;border-right:1px solid #3e3e52;display:flex;flex-direction:column;min-width:280px;width:280px}.module-nav-header{align-items:center;border-bottom:1px solid #3e3e52;color:#e2e8f0;display:flex;font-size:13px;font-weight:600;gap:8px;padding:14px 16px}.module-nav-header svg{color:#a78bfa;height:18px;width:18px}.module-count{background:#a78bfa26;border-radius:10px;color:#a78bfa;font-size:11px;margin-left:auto;padding:2px 8px}.module-list{flex:1 1;overflow-y:auto;padding:8px}.module-list::-webkit-scrollbar{width:6px}.module-list::-webkit-scrollbar-thumb{background:#4a4a5e;border-radius:3px}.module-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .15s ease}.module-item:hover{background:#94a3b81a}.module-item.current{background:#a78bfa26;border:1px solid #a78bfa4d}.module-item.completed .module-info .module-title{color:#10b981}.module-status{flex-shrink:0}.status-icon{height:22px;width:22px}.status-icon.completed{color:#10b981}.status-circle{align-items:center;background:#3e3e52;border-radius:50%;color:#94a3b8;display:flex;font-size:11px;font-weight:600;height:22px;justify-content:center;width:22px}.status-circle.current{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.module-info{flex:1 1;min-width:0}.module-title{color:#e2e8f0;display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-tests{color:#64748b;display:block;font-size:11px;margin-top:2px}.module-content-light{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.code-editor-light .challenge-section{border-bottom:1px solid #3e3e52;display:flex;flex-direction:column;max-height:200px}.code-editor-light .cel-section-header{align-items:center;background:#2d2d3f;border-bottom:1px solid #3e3e52;color:#e2e8f0;display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 16px}.code-editor-light .cel-section-header svg{color:#a78bfa;height:16px;width:16px}.code-editor-light .cel-section-header .function-name{background:#fbbf2426;border-radius:4px;color:#fbbf24;font-family:Fira Code,monospace;font-size:11px;font-weight:500;margin-left:auto;padding:2px 8px}.code-editor-light .challenge-description{color:#cbd5e1;flex:1 1;font-size:13px;line-height:1.6;overflow-y:auto;padding:16px}.code-editor-light .challenge-description::-webkit-scrollbar{width:6px}.code-editor-light .challenge-description::-webkit-scrollbar-thumb{background:#4a4a5e;border-radius:3px}.code-editor-light .challenge-description h1,.code-editor-light .challenge-description h2,.code-editor-light .challenge-description h3{color:#f1f5f9;margin-top:0}.code-editor-light .challenge-description code{background:#a78bfa26;border-radius:4px;color:#a78bfa;font-family:Fira Code,monospace;font-size:.9em;padding:2px 6px}.code-editor-light .student-code-section{border-bottom:1px solid #3e3e52;display:flex;flex:1 1;flex-direction:column;min-height:200px}.code-editor-light .code-display{flex:1 1;overflow:auto}.code-block-light{display:flex;height:100%}.code-block-light .line-numbers{background:#252532;padding:12px}.code-block-light .code-content{padding:12px 16px}.code-editor-light .test-results-section{display:flex;flex-direction:column;max-height:250px}.code-editor-light .test-cases-list{flex:1 1;overflow-y:auto;padding:12px}.code-editor-light .test-cases-list::-webkit-scrollbar{width:6px}.code-editor-light .test-cases-list::-webkit-scrollbar-thumb{background:#4a4a5e;border-radius:3px}.code-editor-light .test-case-item{background:#252532;border-left:3px solid #0000;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.code-editor-light .test-case-item.passed{background:#10b9810d;border-left-color:#10b981}.code-editor-light .test-case-item.failed{background:#ef44440d;border-left-color:#ef4444}.code-editor-light .test-case-item.pending{border-left-color:#64748b}.code-editor-light .test-status{flex-shrink:0}.code-editor-light .test-icon{height:20px;width:20px}.code-editor-light .test-icon.passed{color:#10b981}.code-editor-light .test-icon.failed{color:#ef4444}.code-editor-light .test-icon.pending{color:#64748b}.code-editor-light .test-info{flex:1 1;min-width:0}.code-editor-light .test-name{color:#e2e8f0;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.code-editor-light .test-actual,.code-editor-light .test-expected,.code-editor-light .test-input{color:#94a3b8;display:block;font-family:Fira Code,monospace;font-size:11px;margin-top:2px}.code-editor-light .test-actual.correct{color:#10b981}.code-editor-light .test-actual.incorrect{color:#ef4444}.code-editor-light .token.cdata,.code-editor-light .token.comment,.code-editor-light .token.doctype,.code-editor-light .token.prolog{color:#6a9955}.code-editor-light .token.punctuation{color:#d4d4d4}.code-editor-light .token.boolean,.code-editor-light .token.constant,.code-editor-light .token.deleted,.code-editor-light .token.number,.code-editor-light .token.property,.code-editor-light .token.symbol,.code-editor-light .token.tag{color:#b5cea8}.code-editor-light .token.attr-name,.code-editor-light .token.builtin,.code-editor-light .token.char,.code-editor-light .token.inserted,.code-editor-light .token.selector,.code-editor-light .token.string{color:#ce9178}.code-editor-light .language-css .token.string,.code-editor-light .style .token.string,.code-editor-light .token.entity,.code-editor-light .token.operator,.code-editor-light .token.url{color:#d4d4d4}.code-editor-light .token.atrule,.code-editor-light .token.attr-value,.code-editor-light .token.keyword{color:#569cd6}.code-editor-light .token.class-name,.code-editor-light .token.function{color:#dcdcaa}.code-editor-light .token.important,.code-editor-light .token.regex,.code-editor-light .token.variable{color:#d16969}@media (max-width:1024px){.cel-sidebar{min-width:200px;width:200px}.module-nav-light{min-width:240px;width:240px}}@media (max-width:768px){.cel-content,.code-editor-light{flex-direction:column}.cel-sidebar{border-bottom:1px solid #3e3e52;border-right:none;max-height:200px;min-width:100%;width:100%}.module-viewer-light{flex-direction:column}.module-nav-light{border-bottom:1px solid #3e3e52;border-right:none;max-height:180px;min-width:100%;width:100%}.challenge-section{max-height:150px}.test-results-section{max-height:200px}}.submission-grading-view{background:#f3f4f6;bottom:0;display:flex;left:120px;left:var(--sidenav-width,120px);position:fixed;right:0;top:0;z-index:300}body.sidenav-expanded .submission-grading-view{left:250px}body.sidenav-hidden .submission-grading-view{left:0}.grading-left-panel{background:#fff;box-shadow:4px 0 20px #0000001a;min-width:420px;overflow:hidden;width:420px;z-index:2}.grading-center-controls,.grading-left-panel{display:flex;flex-direction:column;height:100%}.grading-center-controls{align-items:center;background:linear-gradient(180deg,#1e1b4b,#312e81 50%,#1e1b4b);gap:16px;justify-content:center;min-width:80px;padding:20px 8px;width:80px;z-index:1}.nav-buttons-container{gap:12px}.nav-btn,.nav-buttons-container{align-items:center;display:flex;flex-direction:column}.nav-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;gap:4px;padding:12px 8px;transition:all .2s ease;width:64px}.nav-btn svg{height:20px;width:20px}.nav-btn span{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.nav-btn:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.nav-btn:disabled{cursor:not-allowed;opacity:.3}.nav-btn-back{background:#ef444433;border-color:#ef444466}.nav-btn-back:hover:not(:disabled){background:#ef444466}.nav-btn-next,.nav-btn-prev{background:#6366f133;border-color:#6366f166}.nav-btn-next:hover:not(:disabled),.nav-btn-prev:hover:not(:disabled){background:#6366f166}.nav-divider{background:#fff3;height:1px;margin:8px 0;width:40px}.nav-counter{align-items:baseline;background:#ffffff1a;border-radius:8px;display:flex;gap:2px;padding:8px 12px}.counter-current{color:#a5b4fc;font-size:18px;font-weight:800}.counter-separator{color:#ffffff80;font-size:14px;margin:0 2px}.counter-total{color:#ffffffb3;font-size:14px;font-weight:600}.current-student-info{align-items:center;display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:20px}.student-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.current-student-info .student-name{color:#fffc;font-size:11px;font-weight:600;max-width:70px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.grading-right-panel{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.preview-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:12px 20px}.preview-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:700;gap:8px}.preview-title svg{color:#6366f1;height:20px;width:20px}.btn-refresh{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:all .2s}.btn-refresh svg{color:#6b7280;height:18px;width:18px}.btn-refresh:hover:not(:disabled){background:#e2e8f0}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.preview-content{flex:1 1;overflow:auto;padding:0}.preview-loading{color:#6b7280}.preview-loading svg{color:#6366f1;height:40px;width:40px}.preview-error{color:#dc2626;padding:20px}.preview-error svg{height:40px;width:40px}.preview-error p{margin:0}.preview-error button{background:#fee2e2;color:#dc2626;font-weight:600;transition:background .2s}.preview-error button:hover{background:#fecaca}.preview-empty{color:#9ca3af}.preview-empty p{margin:0}.canvas-preview-wrapper .canvas-viewer-light{min-height:100%}.code-preview-wrapper{padding:20px}.code-files,.code-preview-wrapper{display:flex;flex-direction:column;gap:16px}.code-file{background:#1e1e2e;border-radius:12px;box-shadow:0 4px 12px #00000026;overflow:hidden}.file-header{align-items:center;background:#2d2d3f;border-bottom:1px solid #3d3d5c;display:flex;gap:8px;padding:10px 16px}.file-header svg{color:#a5b4fc;height:16px;width:16px}.file-header span{color:#e2e8f0;font-size:13px;font-weight:600}.file-content{color:#e2e8f0;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;line-height:1.6;margin:0;overflow-x:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.test-results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.test-results h4{color:#374151;font-size:14px;font-weight:700;margin:0 0 12px}.test-summary{display:flex;gap:16px}.tests-passed{color:#10b981}.tests-failed,.tests-passed{font-size:14px;font-weight:600}.tests-failed{color:#ef4444}.document-preview-wrapper{padding:20px}.document-text{color:#374151;line-height:1.8}.document-content,.document-text{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}@media (max-width:1200px){.grading-left-panel{min-width:360px;width:360px}.grading-center-controls{min-width:70px;width:70px}.nav-btn{padding:10px 6px;width:56px}.nav-btn svg{height:18px;width:18px}.nav-btn span{font-size:9px}}@media (max-width:900px){.submission-grading-view{flex-direction:column;left:0}.grading-left-panel{height:50%;min-width:100%;order:2;width:100%}.grading-center-controls{flex-direction:row;height:60px;min-width:100%;order:1;padding:10px 20px;width:100%}.nav-buttons-container{flex-direction:row;gap:10px}.nav-btn{flex-direction:row;padding:8px 12px;width:auto}.nav-divider{height:30px;margin:0 8px;width:1px}.current-student-info{flex-direction:row;margin-left:auto;margin-top:0;padding-top:0}.grading-right-panel{height:50%;order:3;width:100%}}.preview-mode-badge{align-items:center;background:#a78bfa26;border:1px solid #a78bfa4d;border-radius:12px;color:#a78bfa;display:inline-flex;font-size:11px;font-weight:500;gap:4px;margin-left:8px;padding:3px 10px}.preview-mode-badge svg{height:12px;width:12px}.code-preview-wrapper{background:#1e1e2e;height:100%;overflow:hidden;width:100%}.code-preview-wrapper .code-editor-light{border-radius:0;height:100%}.canvas-preview-wrapper{background:#e5e7eb;height:100%;overflow:auto;padding:20px;width:100%}.document-preview-wrapper{background:#fff;height:100%;overflow:auto;padding:24px;width:100%}.document-text{word-wrap:break-word;white-space:pre-wrap}.document-content,.document-text{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.7}.document-content h1,.document-content h2,.document-content h3{color:#111827;font-weight:600;margin-bottom:12px;margin-top:24px}.document-content p{margin-bottom:12px}.document-content ol,.document-content ul{margin-bottom:12px;margin-left:20px}.document-content li{margin-bottom:4px}.document-content img{border-radius:8px;height:auto;margin:16px 0;max-width:100%}.preview-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.preview-empty svg{height:48px;opacity:.5;width:48px}.preview-empty p{font-size:14px}.preview-loading{color:#64748b}.preview-loading svg{height:32px;width:32px}.preview-loading p{font-size:14px}.preview-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:24px;text-align:center}.preview-error svg{height:48px;opacity:.7;width:48px}.preview-error p{font-size:14px;max-width:300px}.preview-error button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:8px 16px;transition:background .15s ease}.preview-error button:hover{background:#dc2626}.join-assignment-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.join-assignment-btn svg{height:20px;width:20px}.join-assignment-btn:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.join-assignment-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.join-assignment-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#1a202c;font-size:24px;font-weight:700;margin:0}.close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn svg{color:#64748b;height:20px;width:20px}.close-btn:hover{background:#e2e8f0}.modal-content{padding:24px}.form-group{margin-bottom:24px}.form-group label{color:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.code-input{border:2px solid #e2e8f0;border-radius:12px;font-family:Courier New,monospace;font-size:20px;font-weight:600;letter-spacing:2px;padding:16px;text-align:center;text-transform:uppercase;transition:all .2s;width:100%}.code-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.code-input:disabled{background:#f8fafc;cursor:not-allowed}.input-hint{color:#94a3b8;font-size:13px;margin-top:8px}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.error-message svg{flex-shrink:0;height:20px;width:20px}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.spinner-small,.submit-btn svg{height:20px;width:20px}.spinner-small{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-top-color:#fff}.success-state{padding:20px 0;text-align:center}.success-icon{align-items:center;animation:successPop .5s ease;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-icon svg{color:#fff;height:48px;width:48px}.success-state h3{color:#1a202c;font-size:24px;font-weight:700;margin:0 0 20px}.assignment-details{background:#f8fafc;border-radius:12px;margin-top:20px;padding:20px}.assignment-title{color:#2d3748;font-weight:600;margin:0 0 8px}.assignment-info{color:#64748b;font-size:14px;margin:0 0 12px}.due-date{color:#667eea;font-size:13px;font-weight:600;margin:0}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.join-assignment-modal{margin:20px}}.submit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.submit-modal-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.submit-modal-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.submit-modal-title-section{align-items:center;display:flex;flex:1 1;gap:16px}.submit-modal-icon{flex-shrink:0;height:32px;width:32px}.submit-modal-title{color:#fff;font-size:22px;font-weight:700;margin:0 0 4px}.submit-modal-subtitle{color:#fff;font-size:14px;margin:0;opacity:.9}.submit-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.submit-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.submit-modal-close svg{height:24px;width:24px}.submit-modal-body{flex:1 1;overflow-y:auto;padding:32px 28px}.upload-method-selection{display:flex;flex-direction:column;gap:24px}.upload-method-title{color:#1a202c;font-size:18px;font-weight:700;margin:0;text-align:center}.upload-methods-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.upload-method-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center;transition:all .3s}.upload-method-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.upload-method-icon-wrapper{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;margin-bottom:8px;width:64px}.upload-method-icon-wrapper.file{background:linear-gradient(135deg,#667eea,#764ba2)}.upload-method-icon-wrapper.camera{background:linear-gradient(135deg,#48bb78,#38a169)}.upload-method-icon{color:#fff;height:32px;width:32px}.upload-method-name{color:#1a202c;font-size:16px;font-weight:700;margin:0}.upload-method-description{color:#718096;font-size:13px;line-height:1.4;margin:0}.upload-info-box{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:12px;display:flex;gap:12px;padding:16px}.upload-info-icon{color:#d97706;flex-shrink:0;height:20px;width:20px}.upload-info-text{color:#92400e;font-size:13px;line-height:1.4;margin:0}.upload-waiting{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.upload-waiting-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.upload-waiting p{color:#718096;font-size:15px;margin:0}.upload-cancel-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:10px 24px;transition:all .2s}.upload-cancel-btn:hover{background:#f8f9fa;border-color:#cbd5e0}.file-preview-section{display:flex;flex-direction:column;gap:20px}.file-preview-header{align-items:center;background:#d4f4dd;border-radius:10px;display:flex;gap:8px;padding:12px 16px}.file-preview-check{color:#22543d;height:20px;width:20px}.file-preview-header span{color:#22543d;font-size:14px;font-weight:600}.image-preview-container{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;width:100%}.image-preview{display:block;height:auto;max-height:300px;object-fit:contain;width:100%}.file-info-card{align-items:center;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px}.file-info-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.file-info-icon{color:#fff;height:24px;width:24px}.file-info-details{flex:1 1;min-width:0}.file-info-name{color:#1a202c;font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info-size{color:#718096;font-size:13px;margin:0}.change-file-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;width:100%}.change-file-btn:hover{background:#f7fafc;border-color:#5568d3}.submit-error-box{align-items:center;background:#fee;border:1px solid #fc8181;border-radius:12px;display:flex;gap:12px;margin-top:16px;padding:16px}.submit-error-icon{color:#c53030;flex-shrink:0;height:20px;width:20px}.submit-error-text{color:#742a2a;font-size:13px;line-height:1.4;margin:0}.submit-modal-footer{background:#f8f9fa;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:20px 28px}.submit-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.submit-modal-btn.cancel{background:#fff;border:2px solid #e2e8f0;color:#718096}.submit-modal-btn.cancel:hover:not(:disabled){background:#f8f9fa;border-color:#cbd5e0}.submit-modal-btn.submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-modal-btn.submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.submit-modal-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn-icon,.submit-spinner{height:20px;width:20px}.submit-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}@media (max-width:768px){.submit-modal-container{border-radius:0;max-height:100vh;max-width:100%}.submit-modal-header{padding:20px}.submit-modal-body{padding:24px 20px}.upload-methods-grid{grid-template-columns:1fr}.submit-modal-footer{flex-direction:column-reverse;padding:16px 20px}.submit-modal-btn{width:100%}}@media (max-width:480px){.submit-modal-title{font-size:18px}.submit-modal-icon{height:28px;width:28px}.upload-method-icon-wrapper{height:56px;width:56px}.upload-method-icon{height:28px;width:28px}.upload-method-card{padding:20px}}.worksheet-work-panel-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.worksheet-work-panel-modal{background:#fff;box-shadow:-4px 0 24px #0003;height:100vh;max-width:95vw;width:1000px}.worksheet-work-panel{background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;height:100%}.wwp-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #0000001a;color:#fff;flex-shrink:0;padding:24px}.wwp-header-content{margin-bottom:12px}.wwp-title-row{justify-content:space-between;margin-bottom:12px}.wwp-title,.wwp-title-row{align-items:center;display:flex}.wwp-title{color:#fff;font-size:24px;font-weight:700;gap:12px;margin:0}.wwp-title-icon{height:28px;width:28px}.wwp-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.wwp-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.wwp-close-btn svg{height:24px;width:24px}.wwp-meta{flex-wrap:wrap;gap:16px;margin-bottom:12px}.wwp-meta,.wwp-meta-item{align-items:center;display:flex}.wwp-meta-item{color:#fffffff2;font-size:14px;gap:6px}.wwp-meta-item svg{height:16px;width:16px}.wwp-instructions{background:#ffffff26;border-radius:8px;color:#fffffff2;font-size:14px;line-height:1.6;margin-top:12px;padding:12px}.wwp-status-bar{background:#ffffff1a;border-radius:8px;justify-content:space-between;margin-top:12px;min-height:40px;padding:10px 14px}.wwp-status-bar,.wwp-status-left,.wwp-status-right{align-items:center;display:flex;gap:12px}.connection-status{align-items:center;border-radius:6px;cursor:default;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px;transition:all .2s}.connection-status svg{height:14px;width:14px}.connection-status.connecting{background:#fbbf2426;color:#fbbf24}.connection-status.connected{background:#34d39926;color:#34d399}.connection-status.disconnected{background:#ffffff1a;color:#ffffffb3;cursor:pointer}.connection-status.disconnected:hover{background:#fff3}.connection-status.error{background:#f8717126;color:#f87171;cursor:pointer}.connection-status.error:hover{background:#f8717140}.wwp-save-status{align-items:center;display:flex;min-height:24px}.save-indicator{align-items:center;background:#ffffff26;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px;transition:all .2s}.save-indicator svg{height:14px;width:14px}.save-indicator.saving{background:#ffffff26;color:#ffffffe6}.save-indicator.cached{background:#a78bfa26;color:#a78bfa}.save-indicator.saved{background:#34d39926;color:#34d399}.save-indicator.error{background:#f8717126;color:#f87171}.save-indicator.idle{background:#0000;color:#ffffffb3}.progress-indicator{align-items:center;color:#ffffffe6;display:flex;font-size:12px;font-weight:500;gap:8px}.progress-bar-mini{background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:60px}.progress-fill-mini{background:linear-gradient(90deg,#34d399,#10b981);border-radius:3px;height:100%;transition:width .3s ease}.offline-warning{align-items:center;background:#fbbf2426;border-radius:6px;color:#fbbf24;display:flex;font-size:12px;gap:6px;padding:4px 12px}.offline-warning svg{flex-shrink:0;height:14px;width:14px}.wwp-questions-container{background:#fff;flex:1 1;overflow-y:auto;padding:32px}.wwp-question{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px;transition:all .2s}.wwp-question:hover{border-color:#cbd5e0;box-shadow:0 4px 16px #00000014}.question-header{gap:8px;line-height:1.6;margin-bottom:16px}.question-number{color:#667eea;font-size:16px;min-width:32px}.question-text{color:#1f2937;font-size:16px}.question-points{font-size:14px;margin-left:auto}.question-workspace{margin-top:16px}.workspace-toolbar{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.workspace-math-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.workspace-math-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.toolbar-hint{color:#0369a1;font-size:13px;font-style:italic}.rich-workspace{margin-top:16px}.rich-editor-container{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:inset 0 2px 4px #0000000d;overflow:hidden;transition:border-color .2s}.rich-editor-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rich-editor-container .rich-text-editor{border:none;box-shadow:none}.rich-editor-container .rte-toolbar{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:10px}.rich-editor-container .rte-content{background:#fff;max-height:400px;min-height:200px;overflow-y:auto;padding:16px}.mc-workspace{margin-top:12px}.mc-choices{display:flex;flex-direction:column;gap:12px}.mc-choice{align-items:flex-start;background:#f9fafb;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.mc-choice:hover{background:#f3f4f6;border-color:#e5e7eb}.mc-choice input[type=radio]{accent-color:#667eea;cursor:pointer;height:20px;margin-top:3px;width:20px}.mc-choice input[type=radio]:checked~.mc-letter,.mc-choice input[type=radio]:checked~.mc-text{color:#667eea;font-weight:600}.mc-choice:has(input[type=radio]:checked){background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#667eea;box-shadow:0 2px 8px #667eea26}.mc-letter{color:#374151;font-size:15px;font-weight:600;min-width:28px}.mc-text{color:#1f2937;flex:1 1;line-height:1.6}.math-inline{margin:0 3px}.math-display{background:#f9fafb;border-radius:6px;margin:16px 0;padding:12px}.math-error{background:#fee;border-radius:3px;padding:2px 4px}.wwp-footer{background:#fff;border-top:2px solid #e2e8f0;box-shadow:0 -4px 12px #0000000d;flex-shrink:0;justify-content:space-between;padding:20px 24px}.wwp-footer,.wwp-footer-info{align-items:center;display:flex}.wwp-footer-info{flex-wrap:wrap;gap:16px}.response-count{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e0;border-radius:8px;color:#64748b;font-size:14px;font-weight:600;padding:8px 16px}.wwp-footer-actions{display:flex;gap:12px}.btn-save{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:12px 20px;transition:all .2s}.btn-save:hover:not(:disabled){background:#667eea;box-shadow:0 4px 12px #667eea40;color:#fff;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-save svg{height:18px;width:18px}.btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e0;color:#475569;transform:translateY(-1px)}.btn-submit{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;box-shadow:0 4px 12px #48bb7840;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 6px 16px #48bb7859;transform:translateY(-2px)}.btn-submit:disabled{box-shadow:0 2px 4px #48bb7826;cursor:not-allowed;opacity:.5;transform:none}.btn-submit svg{height:18px;width:18px}.spinner-tiny{height:14px;width:14px}.spinner-small,.spinner-tiny{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial}.spinner-small{height:16px;width:16px}.wwp-questions-container::-webkit-scrollbar{width:10px}.wwp-questions-container::-webkit-scrollbar-track{background:#f1f5f9}.wwp-questions-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:5px}.wwp-questions-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rte-content::-webkit-scrollbar{width:8px}.rte-content::-webkit-scrollbar-track{background:#f9fafb}.rte-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.rte-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1024px){.worksheet-work-panel-modal{max-width:none;width:100vw}.wwp-questions-container{padding:20px}}@media (max-width:768px){.wwp-header{padding:20px 16px}.wwp-title{font-size:20px}.wwp-meta,.wwp-status-bar{align-items:flex-start;flex-direction:column;gap:8px}.wwp-status-left,.wwp-status-right{justify-content:space-between;width:100%}.wwp-question,.wwp-questions-container{padding:16px}.question-header{flex-direction:column;gap:8px}.question-points{margin-left:0}.workspace-toolbar{align-items:flex-start;flex-direction:column}.rich-editor-container .rte-content{max-height:300px;min-height:150px}.wwp-footer{align-items:stretch;flex-direction:column;gap:12px}.wwp-footer-info{align-items:flex-start;flex-direction:column;width:100%}.wwp-footer-actions{width:100%}.btn-cancel,.btn-save,.btn-submit{flex:1 1;justify-content:center}}@media print{.workspace-toolbar,.wwp-footer,.wwp-header,.wwp-status-bar{display:none}.worksheet-work-panel{background:#fff}.wwp-questions-container{padding:0}.wwp-question{border:none;box-shadow:none;page-break-inside:avoid}.rich-editor-container{border:1px solid #e5e7eb}}.rich-editor-container .toolbar-btn{height:32px;min-width:32px;padding:6px}.rich-editor-container .toolbar-btn.active{background:#667eea;color:#fff}.rich-editor-container .rte-content[contenteditable=true]:empty:before{color:#9ca3af;font-style:italic}.rich-editor-container .math-input-bar{background:#f8fafc;border-top:1px solid #e2e8f0}.workspace-hint{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#92400e;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:12px}.workspace-hint svg{color:#f59e0b;flex-shrink:0;height:16px;width:16px}.student-dashboard-container{display:flex;min-height:100vh;overflow:hidden;position:relative;width:100%}.student-dashboard-main{flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto;transition:width .25s cubic-bezier(.4,0,.2,1)}.student-dashboard-main::-webkit-scrollbar{width:8px}.student-dashboard-main::-webkit-scrollbar-track{background:#f1f5f9}.student-dashboard-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.student-dashboard-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.student-dashboard-panel{background:#fff;border-left:1px solid #e2e8f0;flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto}.student-dashboard-panel::-webkit-scrollbar{width:8px}.student-dashboard-panel::-webkit-scrollbar-track{background:#f1f5f9}.student-dashboard-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.student-dashboard-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.split-divider{align-items:center;background:#0000;bottom:0;cursor:col-resize;display:flex;justify-content:center;margin-left:-6px;position:absolute;top:0;transition:background .15s ease;-webkit-user-select:none;user-select:none;width:12px;z-index:100}.split-divider:hover{background:#667eea14}.split-divider:hover .divider-handle{opacity:1;transform:translateX(-50%) scale(1)}.divider-handle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 4px 16px #667eea40;display:flex;flex-direction:column;gap:3px;height:64px;justify-content:center;left:50%;opacity:.6;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.85);transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.divider-handle svg{color:#fff;height:16px;opacity:.9;width:16px}.split-divider:active{background:#667eea1f}.split-divider:active .divider-handle{box-shadow:0 6px 20px #667eea59;opacity:1;transform:translateX(-50%) scale(1.05)}.student-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:24px;width:100%}.sd-header{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-bottom:32px;padding:32px}.sd-header-top{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.sd-header-content{flex:1 1}.sd-title{align-items:center;color:#1a202c;display:flex;font-size:32px;font-weight:700;gap:16px;margin:0 0 8px}.sd-title-icon{color:#667eea;height:36px;width:36px}.sd-subtitle{color:#718096;font-size:16px;margin:0}.sd-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.sd-header-actions .join-assignment-btn{box-shadow:0 4px 12px #667eea33}.sd-quick-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.stat-card{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:16px;padding:20px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon svg{color:#fff;height:24px;width:24px}.stat-icon.pending{background:linear-gradient(135deg,#f6d365,#fda085)}.stat-icon.submitted{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.graded{background:linear-gradient(135deg,#48bb78,#38a169)}.stat-icon.average{background:linear-gradient(135deg,#4299e1,#3182ce)}.stat-content{display:flex;flex-direction:column}.stat-value{color:#1a202c;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#718096;font-size:14px}.sd-tabs{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:8px}.sd-tab,.sd-tabs{display:flex;gap:8px}.sd-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#718096;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.sd-tab:hover{background:#f8f9fa}.sd-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-count{background:#fff3;border-radius:12px;font-size:12px;padding:2px 8px}.sd-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;min-height:400px;padding:32px}.assignments-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.assignment-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s}.assignment-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26}.assignment-card.overdue{background:#fff5f5;border-color:#fc8181}.assignment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.assignment-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.assignment-icon svg{color:#fff;height:24px;width:24px}.assignment-status{align-items:center;display:flex}.status-badge{border-radius:8px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge.not_started{background:#e2e8f0;color:#718096}.status-badge.in_progress{background:#fed7d7;color:#c53030}.status-badge.submitted{background:#bee3f8;color:#2c5282}.status-badge.graded{background:#c6f6d5;color:#22543d}.assignment-body{margin-bottom:20px}.assignment-title{color:#1a202c;font-size:18px;font-weight:700;margin:0 0 12px}.assignment-meta{display:flex;gap:12px;margin-bottom:12px}.meta-item{align-items:center;color:#718096;display:flex;font-size:13px;gap:6px}.meta-item svg{height:16px;width:16px}.assignment-description{color:#4a5568;font-size:14px;line-height:1.5;margin:12px 0 0}.assignment-progress{margin-top:16px}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#718096;font-size:12px;font-weight:600}.assignment-grade{align-items:center;background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:12px}.grade-label{color:#22543d;font-size:14px;font-weight:600}.grade-value{color:#22543d;font-size:18px;font-weight:700}.grade-percentage{color:#48bb78;font-size:14px;margin-left:auto}.assignment-footer{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding-top:16px}.write-work-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.write-work-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.write-work-btn svg{height:18px;width:18px}.submit-file-btn{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.submit-file-btn:hover{box-shadow:0 4px 12px #48bb784d;transform:translateY(-2px)}.submit-file-btn svg{height:18px;width:18px}.view-details-btn-small{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:12px;transition:all .2s}.view-details-btn-small:hover{background:#f7fafc;border-color:#5568d3}.view-details-btn-small svg{height:18px;width:18px}.open-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.open-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.open-btn svg{height:16px;width:16px}.overdue{color:#e53e3e;font-weight:600}.due-today{color:#ed8936;font-weight:600}.due-soon{color:#ecc94b;font-weight:600}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{color:#cbd5e0;height:80px;margin-bottom:24px;width:80px}.empty-state h3{color:#2d3748;font-size:24px;font-weight:700;margin:0 0 12px}.empty-state p{color:#718096;font-size:16px;margin:0 0 32px;max-width:400px}.empty-state-action{margin-top:8px}.empty-state-action .join-assignment-btn{box-shadow:0 6px 16px #667eea40;font-size:15px;padding:14px 28px}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}@media (max-width:1024px){.student-dashboard-container{flex-direction:column}.student-dashboard-main,.student-dashboard-panel{height:auto;min-height:50vh;width:100%!important}.student-dashboard-panel{border-left:none;border-top:1px solid #e2e8f0}.split-divider{display:none}.sd-header-top{align-items:stretch;flex-direction:column}.sd-header-actions{justify-content:flex-end}}@media (max-width:768px){.sd-header-top{gap:16px}.sd-header-actions{justify-content:center}.sd-header-actions .join-assignment-btn{justify-content:center;width:100%}.empty-state{padding:60px 20px}.empty-state-action .join-assignment-btn{width:100%}.assignment-footer{flex-direction:column}.submit-file-btn,.write-work-btn{width:100%}}@media (max-width:480px){.sd-header-top{margin-bottom:24px}.empty-state{padding:40px 16px}.empty-icon{height:64px;width:64px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}}.ai-detection-page{background:#f3f4f6;display:flex;min-height:100vh}.ai-detection-left{background:linear-gradient(180deg,#1e1b4b,#312e81 50%,#1e1b4b);flex-direction:column;min-width:400px;overflow:hidden;padding:40px;position:relative;width:45%}.ai-detection-left,.wizard-hat-wrapper{align-items:center;display:flex;justify-content:center}.wizard-hat-wrapper{height:450px;max-width:600px;transform:scale(1.25);transform-origin:center center;width:100%}.left-branding{align-items:center;display:flex;flex-direction:column;margin-top:20px;text-align:center}.left-branding h1{color:#fff;font-size:42px;font-weight:800;letter-spacing:-1px;margin:0 0 8px}.left-branding p{color:#ffffffb3;font-size:16px;margin:0}.pilot-badge{align-items:center;background:#a78bfa33;border:1px solid #a78bfa66;border-radius:20px;color:#a78bfa;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:20px;padding:8px 16px}.pilot-badge .MuiIcon-root{font-size:16px}.ai-detection-right{align-items:center;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:32px 24px}.detection-panel{background:#fff;border-radius:20px;box-shadow:0 10px 50px #00000014;max-width:720px;padding:36px 40px;width:100%}.panel-header{margin-bottom:28px}.header-title{align-items:center;display:flex;gap:10px;margin-bottom:6px}.header-title .MuiIcon-root{color:#6366f1;font-size:28px}.header-title h2{color:#1f2937;font-size:22px;font-weight:700;margin:0}.panel-header p{color:#6b7280;font-size:14px;margin:0}.error-banner{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#ef444414,#dc262614);border:1px solid #ef44444d;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:14px 18px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-banner>.MuiIcon-root{color:#ef4444;flex-shrink:0;font-size:22px}.error-banner span{color:#b91c1c;flex:1 1;font-size:14px;line-height:1.4}.error-banner button{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.error-banner button:hover{background:#ef44441a}.error-banner button .MuiIcon-root{font-size:20px}.detection-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.detection-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .2s ease}.detection-tab .MuiIcon-root{font-size:18px}.detection-tab:hover{background:#ffffff80;color:#475569}.detection-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#6366f1}.detection-input{margin-bottom:20px}.tab-panel{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.text-input{border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;font-family:inherit;font-size:14px;line-height:1.6;min-height:200px;outline:none;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.text-input::placeholder{color:#9ca3af}.text-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.character-count{align-items:center;display:flex;font-size:12px;gap:4px}.character-count .valid{color:#10b981;font-weight:600}.character-count .invalid{color:#ef4444;font-weight:600}.character-count .separator{color:#d1d5db}.character-count .min{color:#9ca3af}.drop-zone{align-items:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:40px 24px;text-align:center;transition:all .2s ease}.drop-zone:hover{background:#6366f105;border-color:#6366f1}.drop-zone.has-file{background:#10b98105;border-color:#10b981}.drop-icon{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;height:56px;justify-content:center;margin-bottom:8px;transition:all .2s ease;width:56px}.drop-icon .MuiIcon-root{color:#64748b;font-size:28px}.drop-zone:hover .drop-icon{background:#6366f11a}.drop-zone:hover .drop-icon .MuiIcon-root{color:#6366f1}.drop-icon.success{background:#10b9811a}.drop-icon.success .MuiIcon-root{color:#10b981}.drop-title{color:#374151;font-size:15px;font-weight:600;margin:0}.drop-subtitle{color:#9ca3af;font-size:13px;margin:0}.drop-browse{color:#6366f1;font-size:13px;font-weight:500;margin-top:4px}.photo-preview{align-items:center;display:flex;flex-direction:column;gap:12px}.photo-preview img{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;max-width:100%}.photo-preview p{color:#10b981;font-size:13px;font-weight:500;margin:0}.baseline-section{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden;transition:all .2s ease}.baseline-section:hover{border-color:#d1d5db}.baseline-toggle{align-items:center;background:#f8fafc;border:none;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 18px;transition:all .2s ease;width:100%}.baseline-toggle:hover{background:#f1f5f9;color:#475569}.baseline-toggle .MuiIcon-root{color:#6366f1;font-size:20px}.baseline-inputs{animation:expandDown .3s ease;background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:14px;padding:18px}@keyframes expandDown{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}.baseline-id-input{border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-family:inherit;font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease}.baseline-id-input::placeholder{color:#9ca3af}.baseline-id-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.baseline-text-input{border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-family:inherit;font-size:14px;line-height:1.6;min-height:120px;outline:none;padding:14px;resize:vertical;transition:all .2s ease}.baseline-text-input::placeholder{color:#9ca3af}.baseline-text-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.baseline-hint{align-items:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f11a;border-radius:8px;color:#6b7280;display:flex;font-size:12px;gap:8px;padding:10px 14px}.baseline-hint .MuiIcon-root{color:#6366f1;font-size:16px}.detect-button{align-items:center;background:linear-gradient(135deg,#94a3b8,#64748b);border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:not-allowed;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.detect-button .MuiIcon-root{font-size:22px}.detect-button.ready{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 16px #6366f166;cursor:pointer}.detect-button.ready:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-2px)}.detect-button.ready:active{transform:translateY(0)}.detect-button.loading{background:linear-gradient(135deg,#818cf8,#6366f1);cursor:wait}.detect-button:disabled{opacity:.7}.features-hint{margin-top:16px;text-align:center}.features-hint p{align-items:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f11a;border-radius:8px;color:#6b7280;display:inline-flex;font-size:13px;gap:8px;margin:0;padding:10px 16px}.features-hint .MuiIcon-root{color:#a78bfa;font-size:16px}.results-section{animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.level-indicator{border:2px solid;border-radius:16px;gap:16px;margin-bottom:20px;padding:20px}.level-icon,.level-indicator{align-items:center;display:flex}.level-icon{height:48px;justify-content:center;width:48px}.level-icon .MuiIcon-root{font-size:36px}.level-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.level-label{font-size:16px;font-weight:700}.level-probability{color:#6b7280;font-size:14px}.probability-ring{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;position:relative;width:60px}.probability-ring:before{background:#fff;border-radius:50%;content:"";inset:4px;position:absolute}.probability-ring span{color:#1f2937;font-size:14px;font-weight:800;position:relative}.baseline-indicator{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f140;border-radius:12px;display:flex;gap:10px;margin-bottom:20px;padding:14px 18px}.baseline-indicator .MuiIcon-root{color:#6366f1;font-size:20px}.baseline-indicator span{color:#4338ca;font-size:13px;font-weight:500}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.metric-card{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:16px}.metric-card .MuiIcon-root{color:#6366f1;font-size:24px}.metric-info{display:flex;flex-direction:column}.metric-value{color:#1f2937;font-size:18px;font-weight:700}.metric-label{color:#6b7280;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.justification-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.justification-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.justification-header .MuiIcon-root{color:#6366f1;font-size:20px}.justification-header h4{color:#374151;font-size:14px;font-weight:700;margin:0}.justification-card p{color:#4b5563;font-size:14px;line-height:1.7;margin:0}.flagged-card{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:20px;padding:20px}.flagged-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.flagged-header .MuiIcon-root{color:#ef4444;font-size:20px}.flagged-header h4{color:#991b1b;font-size:14px;font-weight:700;margin:0}.flagged-count{background:#ef4444;border-radius:10px;color:#fff;font-size:12px;font-weight:700;margin-left:auto;padding:2px 8px}.flagged-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.flagged-list li{align-items:flex-start;display:flex;gap:10px}.flagged-number{align-items:center;background:#fee2e2;border-radius:50%;color:#ef4444;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-top:2px;width:22px}.flagged-text{color:#7f1d1d;font-size:13px;font-style:italic;line-height:1.5}.pilot-cta-card{background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #c7d2fe;border-radius:12px;margin-bottom:20px;padding:20px}.pilot-cta-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.pilot-cta-content>.MuiIcon-root{color:#6366f1;flex-shrink:0;font-size:24px;margin-top:2px}.pilot-cta-content h4{color:#312e81;font-size:15px;font-weight:700;margin:0 0 4px}.pilot-cta-content p{color:#4338ca;font-size:13px;line-height:1.5;margin:0}.pilot-cta-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .2s ease;width:100%}.pilot-cta-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.pilot-cta-btn .MuiIcon-root{font-size:18px}.results-actions{display:flex;gap:12px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.action-btn .MuiIcon-root{font-size:20px}.action-btn.secondary{background:#f1f5f9;color:#475569}.action-btn.secondary:hover{background:#e2e8f0}.action-btn.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.action-btn.primary:hover{box-shadow:0 4px 12px #6366f166}.panel-footer{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px;text-align:center}.panel-footer p{color:#6b7280;font-size:13px;margin:0}.panel-footer a{color:#6366f1;font-weight:600;text-decoration:none}.panel-footer a:hover{text-decoration:underline}.spinning{animation:spin 1s linear infinite}@media (max-width:1024px){.ai-detection-page{flex-direction:column}.ai-detection-left{min-height:380px;min-width:100%;padding:30px;width:100%}.wizard-hat-wrapper{height:280px;transform:scale(1.15)}.left-branding h1{font-size:32px}.ai-detection-right{padding:24px 20px}.detection-panel{max-width:100%;padding:28px 24px}.metrics-grid{grid-template-columns:1fr}.baseline-inputs{padding:14px}}@media (max-width:600px){.ai-detection-left{min-height:300px;padding:20px}.wizard-hat-wrapper{height:200px;transform:scale(1)}.left-branding h1{font-size:28px}.detection-tabs{flex-direction:column;gap:6px}.detection-tab{justify-content:flex-start;padding:10px 14px}.detection-panel{padding:20px 16px}.text-input{min-height:150px}.drop-zone{padding:30px 16px}.results-actions{flex-direction:column}.baseline-toggle{font-size:13px;padding:12px 14px}.baseline-text-input{min-height:100px}.error-banner{padding:12px 14px}.error-banner span{font-size:13px}.baseline-indicator{align-items:flex-start;flex-direction:column;gap:6px}}.handwritten-indicator{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:#6366f1;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.handwritten-indicator .material-icons{font-size:20px}.handwritten-toggle{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:6px;-webkit-user-select:none;user-select:none}.handwritten-toggle:hover{color:#4f46e5}.handwritten-toggle input[type=checkbox]{accent-color:#4f46e5;height:16px;width:16px}.handwritten-toggle .material-icons{font-size:18px}.input-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.wallet-adapter-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon,.wallet-adapter-button-start-icon img{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{display:inline-block;position:relative}.wallet-adapter-dropdown-list{grid-row-gap:10px;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;display:grid;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;grid-template-rows:1fr;list-style:none;margin:0;opacity:0;padding:10px;position:absolute;right:0;top:100%;transition:opacity .2s ease,transform .2s ease,visibility .2s;visibility:hidden;z-index:99}.wallet-adapter-dropdown-list-active{opacity:1;transform:translateY(10px);visibility:visible}.wallet-adapter-dropdown-list-item{align-items:center;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:600;height:37px;justify-content:center;outline:none;padding:0 20px;white-space:nowrap;width:100%}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{fill:#999;align-self:center}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform .15s ease-in}.wallet-adapter-modal{background:#00000080;bottom:0;left:0;opacity:0;overflow-y:auto;position:fixed;right:0;top:0;transition:opacity .15s linear;z-index:1040}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{align-items:center;background:#1a1f2e;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:12px;position:absolute;right:18px;top:18px}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0}.wallet-adapter-modal-container{align-items:center;display:flex;justify-content:center;margin:3rem;min-height:calc(100vh - 6rem)}@media (max-width:480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{align-items:center;background:#10141f;border-radius:10px;box-shadow:0 8px 20px #0009;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;max-width:400px;position:relative;z-index:1050}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{color:#fff;font-size:24px;font-weight:500;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center}@media (max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{list-style:none;margin:0 0 12px;padding:0;width:100%}.wallet-adapter-modal-list .wallet-adapter-button{border-radius:0;font-size:18px;font-weight:400}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{height:28px;width:28px}.wallet-adapter-modal-list .wallet-adapter-button span{font-size:14px;margin-left:auto;opacity:.6}.wallet-adapter-modal-list-more{align-items:center;align-self:flex-end;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;padding:12px 24px 24px 12px}.wallet-adapter-modal-list-more svg{fill:#fff;margin-left:.5rem;transition:all .1s ease}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:0 24px 24px;width:100%}.wallet-adapter-modal-middle-button{background-color:#512da8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:18px;margin-top:48px;padding:12px;width:100%}.document-preview-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:999998}.document-preview-modal{background:#fff;border-radius:16px;box-shadow:0 25px 80px #0006;display:flex;flex-direction:column;height:90vh;inset:0;margin:auto;max-width:1400px;overflow:hidden;position:fixed;width:90vw;z-index:999999}.preview-header{align-items:center;background:linear-gradient(145deg,#f8f9fa,#fff);border-bottom:3px solid;display:flex;justify-content:space-between;padding:20px 24px}.preview-header-left{align-items:center;display:flex;flex:1 1;gap:16px}.preview-type-badge{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px;text-transform:capitalize}.preview-type-badge .badge-icon{height:18px;width:18px}.preview-title-section h2{color:#1a202c;font-size:20px;font-weight:700;margin:0}.preview-subtitle{color:#718096;font-size:13px;margin:4px 0 0}.preview-header-actions{align-items:center;display:flex;gap:12px}.preview-action-btn{align-items:center;background:#f7fafc;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.preview-action-btn:hover{background:#edf2f7;transform:translateY(-1px)}.preview-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.preview-action-btn.primary:hover{box-shadow:0 4px 12px #667eea66}.preview-action-btn svg{height:18px;width:18px}.preview-badge-readonly{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:8px;color:#92400e;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px}.preview-badge-readonly svg{height:16px;width:16px}.preview-body{background:#fafafa;flex:1 1;overflow-y:auto;padding:24px}.preview-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.preview-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preview-loading p{color:#718096;font-size:15px;margin:0}.preview-footer{background:#f8f9fa;border-top:1px solid #e2e8f0;padding:16px 24px}.preview-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.metadata-item{align-items:center;color:#4a5568;display:flex;font-size:13px;gap:6px}.metadata-item strong{color:#2d3748;font-weight:600}.metadata-readonly{align-items:center;background:#fbbf241a;border-radius:6px;color:#92400e;display:flex;gap:6px;padding:6px 12px}.metadata-icon{height:14px;width:14px}.document-preview-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 3px 10px #667eea40;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.document-preview-button:before{background:linear-gradient(135deg,#fff3,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.document-preview-button:hover{box-shadow:0 6px 16px #667eea59;transform:translateY(-2px)}.document-preview-button:hover:before{opacity:1}.document-preview-button:active{box-shadow:0 2px 6px #667eea40;transform:translateY(0)}.preview-button-icon{height:18px;transition:transform .3s ease;width:18px}.document-preview-button:hover .preview-button-icon{transform:scale(1.1)}.document-preview-button.outline{background:#fff;border:2px solid #667eea;box-shadow:0 2px 6px #667eea1f;color:#667eea}.document-preview-button.outline:hover{background:#f0f4ff;border-color:#764ba2;box-shadow:0 3px 10px #667eea33;color:#764ba2}.document-preview-button.minimal{background:#667eea1a;box-shadow:none;color:#667eea}.document-preview-button.minimal:hover{background:#667eea33;transform:translateY(-1px)}.document-preview-button.code{background:linear-gradient(135deg,#38b2ac,#2c7a7b);box-shadow:0 3px 10px #38b2ac40}.document-preview-button.code:hover{box-shadow:0 6px 16px #38b2ac59}.document-preview-button.canvas{background:linear-gradient(135deg,#9f7aea,#805ad5);box-shadow:0 3px 10px #9f7aea40}.document-preview-button.canvas:hover{box-shadow:0 6px 16px #9f7aea59}.document-preview-button.lesson{background:linear-gradient(135deg,#667eea,#4c51bf);box-shadow:0 3px 10px #667eea40}.document-preview-button.lesson:hover{box-shadow:0 6px 16px #667eea59}.document-preview-button.loading{opacity:.7;pointer-events:none}.document-preview-button.loading .preview-button-icon{animation:spinIcon 1s linear infinite}.document-preview-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.document-preview-button:disabled:hover{box-shadow:0 3px 10px #667eea40;transform:none}@keyframes spinIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.handwrite-template-preview{background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;height:100%}.preview-controls{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#fff,#fbfcfd);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000005;display:flex;justify-content:space-between;padding:.875rem 1.5rem}.controls-left{align-items:center;display:flex;gap:1rem}.template-icon{color:#f59e0b;filter:drop-shadow(0 1px 2px rgba(245,158,11,.3));height:22px;width:22px}.template-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9999px;box-shadow:0 2px 8px #667eea40;color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:.375rem 1rem;position:relative}.template-badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.template-badge:hover:before{left:100%}.question-count{border-left:2px solid #e2e8f0;color:#64748b;font-size:.8125rem;font-weight:500;margin-left:.5rem;padding-left:.75rem}.controls-right{align-items:center;display:flex;gap:1rem}.page-navigation{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:.5rem;box-shadow:inset 0 1px 2px #0000000f;display:flex;padding:.25rem}.page-nav-btn{background:#fff;border:1px solid #0000;border-radius:.375rem;box-shadow:0 1px 3px #00000014;color:#475569;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.4rem 1rem;position:relative;transition:all .2s ease}.page-nav-btn:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:.375rem;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s;z-index:-1}.page-nav-btn:hover:not(:disabled){background:#fff;border-color:#cbd5e0;box-shadow:0 4px 12px #00000014;color:#1e293b;transform:translateY(-1px)}.page-nav-btn:active:not(:disabled){box-shadow:0 1px 3px #00000014;transform:translateY(0)}.page-nav-btn:disabled{background:#f8fafc;box-shadow:none;cursor:not-allowed;opacity:.4}.page-indicator{background:#fff;border-radius:.25rem;box-shadow:0 1px 2px #0000000d;color:#1e293b;font-size:.8125rem;font-weight:600;margin:0 .25rem;min-width:90px;padding:0 1rem;text-align:center}.answer-key-toggle{align-items:center;border:1px solid #0000;border-radius:.5rem;color:#475569;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.5rem .875rem;transition:all .2s}.answer-key-toggle:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;color:#92400e}.answer-key-toggle input[type=checkbox]{accent-color:#8b5cf6;border-radius:4px;cursor:pointer;height:18px;width:18px}.print-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;box-shadow:0 4px 14px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;letter-spacing:.025em;overflow:hidden;padding:.5rem 1.5rem;position:relative;transition:all .2s ease}.print-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.print-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #2563eb59;transform:translateY(-2px)}.print-btn:hover:before{height:300px;width:300px}.print-btn:active{box-shadow:0 2px 8px #2563eb40;transform:translateY(0)}.print-btn svg{height:16px;width:16px}.worksheet-container{background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;flex:1 1;justify-content:center;overflow:auto;padding:2rem}.worksheet-paper{background:#fff;border-radius:.125rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000000f,0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;font-family:Times New Roman,serif;min-height:11in;padding:.75in;position:relative;width:8.5in}.screen-only{display:block}.print-only{display:none}.worksheet-header{border-bottom:2px solid #1f2937;margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.worksheet-header:after{background:linear-gradient(90deg,#0000,#cbd5e0,#0000);bottom:-4px;content:"";height:1px;left:0;position:absolute;right:0}.worksheet-title{color:#111827;font-size:21px;font-weight:700;line-height:1.4;margin-bottom:1rem;text-align:center;text-shadow:0 1px 2px #0000000d}.student-info-row{display:flex;gap:1.25rem;margin-top:1rem}.info-field{align-items:baseline;display:flex;flex:1 1;gap:.5rem}.info-field span:first-child{color:#374151;font-size:14px;font-weight:500}.fill-line{border-bottom:1px solid #4b5563;flex:1 1;margin-bottom:2px;min-width:120px}.fill-line.short{flex:0 1;min-width:60px}.worksheet-instructions{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-left:3px solid #3b82f6;border-radius:0 .25rem .25rem 0;box-shadow:0 1px 3px #3b82f614;font-size:14px;line-height:1.6;margin-bottom:1.5rem;padding:.875rem 1rem}.worksheet-question{margin-bottom:1.75rem;page-break-inside:avoid}.question-header{align-items:flex-start;display:flex;line-height:1.5;margin-bottom:.625rem}.question-number{color:#1f2937;font-weight:700;margin-right:.625rem;min-width:28px}.question-text{color:#111827;flex:1 1;line-height:1.6}.question-points{color:#6b7280;font-size:.8125rem;font-style:italic;margin-left:.75rem;white-space:nowrap}.answer-lines{margin-left:32px;margin-top:.25rem}.answer-line{border-bottom:1px solid #d1d5db;height:26px}.answer-line:hover{border-color:#9ca3af}.grid-workspace{border:1px solid #cbd5e0;border-radius:.25rem;box-shadow:inset 0 1px 2px #0000000d;margin-left:32px;margin-top:.5rem;overflow:hidden}.grid-pattern{background-color:#fafbfc;background-image:linear-gradient(#e5e7eb 1px,#0000 0),linear-gradient(90deg,#e5e7eb 1px,#0000 0);background-size:20px 20px;height:100%;width:100%}.graph-workspace{background:linear-gradient(180deg,#fafbfc,#f9fafb);border:1px solid #cbd5e0;border-radius:.25rem;box-shadow:inset 0 1px 2px #0000000d;margin-left:32px;margin-top:.5rem;overflow:hidden}.graph-svg{display:block;height:100%;width:100%}.blank-box-workspace{background:#fafbfc;border:1px solid #cbd5e0;border-radius:.25rem;box-shadow:inset 0 1px 3px #0000000a}.blank-box-workspace,.question-choices{margin-left:32px;margin-top:.5rem}.choice-item{align-items:flex-start;border-radius:.25rem;display:flex;margin-bottom:.5rem;padding:.125rem 0;transition:background .15s}.choice-item:hover{background:#f9fafb;padding-left:.25rem}.choice-letter{color:#374151;font-weight:700;margin-right:.75rem;min-width:22px}.choice-text{color:#111827;flex:1 1}.correct-indicator{color:#10b981;height:18px;margin-left:.75rem;width:18px}.page-footer{bottom:.5in;color:#9ca3af;font-family:Arial,sans-serif;font-size:11px;font-style:italic;left:0;position:absolute;right:0;text-align:center}.answer-key-page{padding:.75in!important;page-break-before:always}.answer-key-title{border-bottom:1px solid #6b7280;color:#1f2937;font-size:16px;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;padding-bottom:.375rem;text-align:center;text-transform:uppercase}.answer-key-content{column-count:3;column-gap:1.25rem;column-rule:1px dotted #e5e7eb;font-size:12px;line-height:1.4}.answer-key-item{align-items:baseline;break-inside:avoid;display:flex;margin-bottom:.25rem;padding:.125rem 0;page-break-inside:avoid}.answer-key-item strong{color:#374151;display:inline-block;font-size:11px;font-weight:600;min-width:28px}.answer-key-item .math-display,.answer-key-item .math-inline{font-size:.85em}.answer-key-detailed{font-size:11px;margin-bottom:.5rem;padding-left:28px;position:relative}.answer-key-detailed strong{left:0;position:absolute;top:0}@media print{.no-print,.screen-only{display:none!important}.print-only{display:block!important}.worksheet-container{background:#fff;padding:0}.worksheet-paper{border-radius:0;box-shadow:none;margin:0;page-break-after:always}.worksheet-question{page-break-inside:avoid}.answer-key-content{column-count:4;column-gap:.75rem;font-size:10px}.answer-key-title{font-size:14px;margin-bottom:.5rem}.answer-key-item{margin-bottom:.125rem}.answer-key-item strong{font-size:10px;min-width:24px}@page{size:letter;margin:.5in}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.math-inline{margin:0 2px;vertical-align:initial}.math-display{display:block;margin:12px 0;text-align:center}.math-error{color:#ef4444;font-family:monospace;font-size:.875rem}.download-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.375rem;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.5rem 1.25rem;transition:all .2s}.download-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.download-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6;transform:none}.download-btn:disabled:hover{box-shadow:0 2px 4px #10b98133;transform:none}.download-btn svg{height:16px;width:16px}