@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;padding:4px 10px}.header-actions{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-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}.stat-label{color:#991b1b;font-weight:600}.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{-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}.feature-chip:hover{background:#ffffff40}.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}.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}.forgot-link{color:#6366f1}.forgot-link:hover{color:#4f46e5}.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 a{color:#6366f1}.signup-link a:hover{color:#4f46e5}.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{display:flex;flex-direction:column;gap:20px}.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}.terms-text{font-size:14px}.terms-link{color:#6366f1}.terms-link:hover{color:#4f46e5}.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 a{color:#6366f1}.signin-link a:hover{color:#4f46e5}.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}}.logo-beta{background:#6366f126;border-radius:4px;color:#a5b4fc;font-size:.625rem;font-weight:500;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.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 a{color:#6366f1}.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}@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%}}.animated-code-container{font-family:JetBrains Mono,Fira Code,Consolas,monospace;position:relative;width:100%}.terminal-header{align-items:center;background:#1a1a1a;border:1px solid #2d2d2d;border-bottom:none;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.terminal-buttons{display:flex;gap:8px}.terminal-btn{border-radius:50%;height:12px;width:12px}.terminal-btn.red{background:#ff5f56}.terminal-btn.yellow{background:#ffbd2e}.terminal-btn.green{background:#27ca40}.terminal-title{color:#6b7280;font-size:12px;font-weight:500}.terminal-actions{display:flex;gap:8px}.terminal-action{background:#252525;border-radius:4px;color:#4b5563;font-size:11px;padding:2px 6px}.terminal-body{background:#0d0d0d;border:1px solid #2d2d2d;border-radius:0 0 12px 12px;border-top:none;min-height:320px;overflow:hidden;padding:20px}.code-line{align-items:center;display:flex;gap:12px;margin-bottom:16px}.line-prefix{color:#10b981;font-weight:700}.method{color:#f59e0b;font-weight:700}.endpoint{color:#60a5fa}.cursor{color:#10b981;font-weight:700}.cursor.blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.code-block{margin-bottom:16px;overflow:hidden}.code-label{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.code-label.success{color:#10b981}.code-label .label-icon{font-size:14px}.response-time{background:#10b9811a;border-radius:4px;color:#10b981;margin-left:auto;padding:2px 8px}.code-content{background:#151515;border:1px solid #252525;border-radius:8px;overflow-x:auto}.code-content code{color:#e5e7eb}.punctuation{color:#6b7280}.key{color:#60a5fa}.string{color:#34d399}.number{color:#f59e0b}.highlight-red{color:#f87171!important;font-weight:600}.processing-indicator{align-items:center;background:#10b9810d;border:1px solid #10b98133;border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:12px 16px}.processing-indicator span{color:#10b981;font-size:12px}.processing-dots{display:flex;gap:4px}.processing-dots .dot{animation:pulse 1.4s ease-in-out infinite;background:#10b981;border-radius:50%;height:6px;width:6px}.processing-dots .dot:nth-child(2){animation-delay:.2s}.processing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.floating-elements{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.float-element{color:#10b981;font-size:24px;font-weight:800;opacity:.06;position:absolute}.float-element.el-1{font-size:32px;right:5%;top:10%}.float-element.el-2{bottom:20%;font-size:28px;left:5%}.float-element.el-3{font-size:20px;right:10%;top:50%}@media (max-width:600px){.terminal-body{min-height:280px;padding:16px}.code-content{font-size:11px;padding:12px}}.api-signup-page{background:#0a0a0a;display:flex;min-height:100vh}.api-signup-left{align-items:center;background:#111;border-right:1px solid #1e1e1e;display:flex;justify-content:center;min-height:100vh;padding:40px;width:50%}.api-signup-form-container{max-width:480px;width:100%}.api-signup-header{margin-bottom:32px}.api-signup-logo{align-items:center;display:inline-flex;gap:10px;margin-bottom:24px;text-decoration:none}.api-signup-logo .logo-text{color:#fff;font-family:JetBrains Mono,Fira Code,monospace;font-size:28px;font-weight:800;letter-spacing:-.5px}.api-signup-logo .logo-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#000;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.api-signup-title h1{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.api-signup-title p{color:#6b7280;font-size:16px;margin:0}.api-signup-form{display:flex;flex-direction:column;gap:18px}.optional-tag{background:#1f1f1f;border-radius:3px;color:#6b7280;padding:2px 6px}.password-strength{margin-top:8px}.api-input{background:#1a1a1a;border:1px solid #2d2d2d;border-radius:8px;color:#fff;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.api-input::placeholder{color:#4b5563}.api-input:hover{background:#1f1f1f;border-color:#3d3d3d}.api-input:focus{background:#1a1a1a;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.api-signup-form .MuiInputBase-root{background:#1a1a1a;border-radius:8px;color:#fff}.api-signup-form .MuiInputBase-root:hover{background:#1f1f1f}.api-signup-form .MuiInputBase-root.Mui-focused{background:#1a1a1a;box-shadow:0 0 0 3px #10b9811a}.api-signup-form .MuiInputBase-input{color:#fff}.api-signup-form .MuiInputBase-input::placeholder{color:#4b5563;opacity:1}.terms-link{color:#10b981}.terms-link:hover{color:#34d399}.api-signup-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 16px #10b98140;color:#000;cursor:pointer;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;margin-top:8px;padding:16px 24px;transition:all .3s ease;width:100%}.api-signup-button:hover:not(:disabled){box-shadow:0 6px 24px #10b98159;transform:translateY(-2px)}.api-signup-button:active:not(:disabled){transform:translateY(0)}.api-signup-button:disabled{cursor:not-allowed;opacity:.7}.api-signup-button.loading{background:linear-gradient(135deg,#34d399,#10b981)}.api-signup-button .MuiIcon-root{font-size:20px}.signin-link a{color:#10b981}.signin-link a:hover{color:#34d399}.api-signup-right{align-items:center;background:linear-gradient(180deg,#0a0a0a,#111827 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:50%}.api-signup-right:before{background-image:linear-gradient(#10b98108 1px,#0000 0),linear-gradient(90deg,#10b98108 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.api-signup-right:after{background:radial-gradient(circle,#10b98114 0,#0000 60%);content:"";height:500px;left:50%;pointer-events:none;position:absolute;top:20%;transform:translateX(-50%);width:500px}.api-signup-right-content{align-items:center;display:flex;flex-direction:column;max-width:500px;position:relative;text-align:center;width:100%;z-index:1}.api-badge{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:20px;display:inline-flex;gap:8px;margin-bottom:20px;padding:8px 16px}.api-badge .MuiIcon-root{color:#10b981;font-size:16px}.api-badge span{color:#10b981;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.api-tagline{font-size:28px}.api-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;width:100%}.api-feature-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:12px;padding:12px 16px;text-align:left}.feature-icon{background:#10b9811a;border-radius:6px}.feature-icon .MuiIcon-root{color:#10b981}.api-feature-item span{color:#ffffffd9;font-size:14px;font-weight:500}.api-pricing-preview{display:flex;gap:12px;width:100%}.pricing-tier{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px;transition:all .2s ease}.pricing-tier:hover{background:#ffffff0d;border-color:#10b9814d}.tier-name{color:#10b981;font-size:12px;letter-spacing:1px;text-transform:uppercase}.tier-requests{color:#6b7280;font-size:11px}.tier-price{color:#fff;font-family:JetBrains Mono,Fira Code,monospace;font-size:18px;font-weight:800}@media (max-width:1024px){.api-signup-page{flex-direction:column-reverse}.api-signup-left,.api-signup-right{min-height:auto;width:100%}.api-signup-left{border-right:none;border-top:1px solid #1e1e1e}.api-signup-left,.api-signup-right{padding:40px 24px}.api-tagline{font-size:24px}.api-signup-form-container{max-width:100%}}@media (max-width:600px){.api-signup-left,.api-signup-right{padding:32px 20px}.api-signup-title h1{font-size:26px}.api-tagline{font-size:22px}.form-row{grid-template-columns:1fr}.api-pricing-preview{flex-direction:column}}.animated-shield-container{align-items:center;display:flex;height:380px;justify-content:center;position:relative;width:320px}.shield-glow{animation:pulse-glow 3s ease-in-out infinite;background:radial-gradient(circle,#3b82f64d 0,#0000 70%);filter:blur(40px);height:200px;width:200px}.shield-glow,.shield-ring{border-radius:50%;position:absolute}.shield-ring{height:300px;width:300px}.ring-outer{border:1px dashed #3b82f64d}.ring-dot{background:#3b82f6;border-radius:50%;box-shadow:0 0 10px #3b82f680;height:6px;left:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;width:6px}.ring-middle{height:260px;width:260px}.ring-segment{height:100%;left:0;position:absolute;top:0;width:100%}.ring-segment:before{background:linear-gradient(90deg,#0000,#60a5fa,#0000);border-radius:2px;content:"";height:3px;left:50%;margin-left:-10px;position:absolute;top:0;width:20px}.shield-body{height:220px;position:relative;width:180px}.shield-svg{height:100%;width:100%}.shield-icon{color:#fff;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%);width:60px}.shield-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:100%;width:100%}.scan-line{background:linear-gradient(90deg,#0000,#fffc,#0000);border-radius:2px;box-shadow:0 0 10px #ffffff80,0 0 20px #3b82f680;height:2px;left:15%;position:absolute;right:15%}.shield-particles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.particle{background:#60a5fa;box-shadow:0 0 6px #60a5fa80}.detection-indicators{display:flex;flex-direction:column;gap:24px;position:absolute;top:50%;transform:translateY(-50%)}.indicator{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172acc;border:1px solid #3b82f64d;border-radius:20px;display:flex;gap:8px;padding:6px 12px}.indicator-1{position:absolute;right:-120px;top:-60px}.indicator-2{position:absolute;right:-130px;top:0}.indicator-3{position:absolute;right:-140px;top:60px}.indicator-label{color:#94a3b8;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.indicator-status{font-size:12px;font-weight:700}.indicator-status.active{color:#10b981}.detection-result{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae6;border:1px solid #3b82f64d;border-radius:12px;bottom:-20px;display:flex;flex-direction:column;gap:4px;left:50%;padding:12px 24px;position:absolute;transform:translateX(-50%)}.result-value{color:#3b82f6;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:800}.result-label{color:#64748b;font-size:11px;letter-spacing:1px;text-transform:uppercase}@media (max-width:600px){.animated-shield-container{height:340px;width:280px}.shield-ring.ring-outer{height:260px;width:260px}.ring-dot{transform-origin:center}.ring-middle{height:220px;width:220px}.indicator{display:none}.detection-result{bottom:-10px}}.integrity-signup-page{background:#f8fafc;display:flex;min-height:100vh}.integrity-signup-left{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:40px;width:50%}.integrity-signup-form-container{max-width:480px;width:100%}.integrity-signup-header{margin-bottom:28px}.integrity-signup-logo{align-items:center;display:inline-flex;gap:10px;margin-bottom:20px;text-decoration:none}.integrity-signup-logo .logo-text{color:#1e40af;font-size:28px;font-weight:800;letter-spacing:-.5px}.integrity-signup-logo .logo-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.integrity-signup-title h1{color:#111827;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.integrity-signup-title p{color:#6b7280;font-size:15px;margin:0}.integrity-signup-form{display:flex;flex-direction:column;gap:16px}.form-field{gap:6px}.field-label{align-items:center;display:flex;gap:8px}.optional-tag{color:#9ca3af;font-size:10px;font-weight:500;text-transform:uppercase}.password-strength{margin-top:6px}.integrity-input,.integrity-select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-family:inherit;font-size:15px;padding:12px 14px;transition:all .2s ease;width:100%}.integrity-input::placeholder{color:#9ca3af}.integrity-input:hover,.integrity-select:hover{background:#f3f4f6;border-color:#d1d5db}.integrity-input:focus,.integrity-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.integrity-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b7280' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.integrity-signup-form .MuiInputBase-root{background:#f9fafb;border-radius:10px}.integrity-signup-form .MuiInputBase-root:hover{background:#f3f4f6}.integrity-signup-form .MuiInputBase-root.Mui-focused{background:#fff;box-shadow:0 0 0 3px #3b82f61a}.terms-row{align-items:flex-start;display:flex;gap:8px;margin-top:4px}.terms-text{color:#6b7280;font-size:13px;line-height:1.5;padding-top:2px}.terms-link{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .2s ease}.terms-link:hover{color:#2563eb;text-decoration:underline}.integrity-signup-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .3s ease;width:100%}.integrity-signup-button:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.integrity-signup-button:active:not(:disabled){transform:translateY(0)}.integrity-signup-button:disabled{cursor:not-allowed;opacity:.7}.integrity-signup-button.loading{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.integrity-signup-button .MuiIcon-root{font-size:20px}.signin-link{color:#6b7280;font-size:14px;margin-top:8px;text-align:center}.signin-link a{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .2s ease}.signin-link a:hover{color:#2563eb;text-decoration:underline}.pilot-link{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;display:flex;gap:8px;justify-content:center;margin-top:8px;padding:12px}.pilot-link .MuiIcon-root{color:#16a34a;font-size:18px}.pilot-link span{color:#166534;font-size:13px}.pilot-link a{color:#16a34a;font-weight:600;text-decoration:none}.pilot-link a:hover{text-decoration:underline}.integrity-signup-right{align-items:center;background:linear-gradient(160deg,#0f172a,#1e293b 40%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:50%}.integrity-signup-right:before{background-image:radial-gradient(circle at 30% 20%,#3b82f614 0,#0000 50%),radial-gradient(circle at 70% 80%,#3b82f60d 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.integrity-signup-right-content{align-items:center;display:flex;flex-direction:column;max-width:480px;position:relative;text-align:center;z-index:1}.integrity-shield-wrapper{margin-bottom:24px}.integrity-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;width:100%}.integrity-feature-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:12px;padding:12px 16px;text-align:left}.feature-icon{align-items:center;background:#3b82f626;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.feature-icon .MuiIcon-root{color:#60a5fa;font-size:18px}.integrity-feature-item span{color:#ffffffe6;font-size:14px;font-weight:500}.integrity-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:24px;padding:20px 32px}.stat-item{gap:4px}@media (max-width:1024px){.integrity-signup-page{flex-direction:column-reverse}.integrity-signup-left,.integrity-signup-right{min-height:auto;width:100%}.integrity-signup-left{padding:40px 24px}.integrity-signup-right{padding:48px 24px}.integrity-tagline{font-size:26px}.integrity-signup-form-container{max-width:100%}}@media (max-width:600px){.integrity-signup-left{padding:32px 20px}.integrity-signup-right{padding:40px 20px}.integrity-signup-title h1,.integrity-tagline{font-size:24px}.form-row{grid-template-columns:1fr}.integrity-stats{gap:16px;padding:16px 20px}.stat-value{font-size:20px}}.other-options{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1rem}.other-option{align-items:center;color:#9ca3af;display:flex;font-size:.875rem;gap:.5rem}.other-option a{color:#6366f1}.animated-apikey-container{align-items:center;display:flex;height:340px;justify-content:center;position:relative;width:380px}.apikey-glow{animation:pulse-glow 3s ease-in-out infinite;background:radial-gradient(circle,#10b98133 0,#0000 70%);border-radius:50%;filter:blur(40px);height:200px;position:absolute;width:200px}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.orbit-container{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.orbit{border-radius:50%;height:240px;position:absolute;width:240px}.orbit-1{border:1px dashed #10b98133}.orbit-2{border:1px dashed #10b98126;height:180px;width:180px}.orbit-particle{background:#10b981;border-radius:50%;box-shadow:0 0 12px #10b98199;height:8px;left:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;width:8px}.orbit-particle.small{background:#34d399;height:5px;margin:-2.5px 0 0 -2.5px;width:5px}.apikey-card{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid #2d2d2d;border-radius:16px;overflow:hidden;padding:24px;position:relative;width:280px;z-index:10}.apikey-card:before{background:linear-gradient(90deg,#0000,#10b98180,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.apikey-header{gap:12px;margin-bottom:20px}.apikey-header,.key-icon{align-items:center;display:flex}.key-icon{background:#10b9811a;border-radius:10px;color:#10b981;height:40px;justify-content:center;width:40px}.key-icon svg{height:22px;width:22px}.key-label{color:#10b981;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.apikey-display{align-items:center;background:#0a0a0a;border:1px solid #1e1e1e;border-radius:8px;display:flex;font-family:JetBrains Mono,Fira Code,monospace;gap:4px;margin-bottom:16px;padding:16px}.key-segment{color:#10b981;font-size:14px;font-weight:600}.key-segment.masked{color:#4b5563;letter-spacing:2px}.apikey-status{align-items:center;display:flex;gap:8px}.status-dot{background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98180;height:8px;width:8px}.apikey-status span{color:#6b7280;font-size:12px}.apikey-card .scan-line{background:linear-gradient(90deg,#0000,#10b98180,#0000);height:1px;left:0;right:0}.apikey-card .scan-line,.data-flows{pointer-events:none;position:absolute}.data-flows{height:100%;width:100%}.data-flow{height:50px;position:absolute;width:100px}.data-flow.flow-1{right:10%;top:20%}.data-flow.flow-2{bottom:25%;left:10%}.data-flow svg,.floating-metrics{height:100%;width:100%}.floating-metrics{pointer-events:none;position:absolute}.metric{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0ae6;border:1px solid #2d2d2d;border-radius:8px;padding:10px 14px;position:absolute}.metric-1{left:0;top:10%}.metric-2{right:0;top:15%}.metric-3{bottom:10%;left:50%;transform:translateX(-50%)}.metric-value{color:#fff;display:block;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:800}.metric-label{color:#6b7280;display:block;font-size:10px;margin-top:2px}@media (max-width:600px){.animated-apikey-container{height:300px;width:320px}.apikey-card{padding:20px;width:240px}.orbit-1{height:200px;width:200px}.orbit-2{height:150px;width:150px}.metric{display:none}}.api-signin-page{background:#0a0a0a;display:flex;min-height:100vh}.api-signin-left{align-items:center;background:#111;border-right:1px solid #1e1e1e;display:flex;justify-content:center;min-height:100vh;padding:40px;width:50%}.api-signin-form-container{max-width:420px;width:100%}.api-signin-header{margin-bottom:36px}.api-signin-logo{align-items:center;display:inline-flex;gap:10px;margin-bottom:28px;text-decoration:none}.api-signin-logo .logo-text{color:#fff;font-family:JetBrains Mono,Fira Code,monospace;font-size:28px;font-weight:800;letter-spacing:-.5px}.api-signin-logo .logo-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#000;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.api-signin-title h1{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.api-signin-title p{color:#6b7280;font-size:16px;margin:0}.api-signin-form{display:flex;flex-direction:column;gap:20px}.field-label{color:#9ca3af;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.input-icon{color:#4b5563}.api-styled-input{background:#1a1a1a;border:1px solid #2d2d2d;border-radius:8px;color:#fff;font-family:inherit;font-size:15px;outline:none;padding:14px 16px 14px 48px;transition:all .2s ease;width:100%}.api-styled-input::placeholder{color:#4b5563}.api-styled-input:hover{background:#1f1f1f;border-color:#3d3d3d}.api-styled-input:focus{background:#1a1a1a;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input-wrapper:focus-within .input-icon{color:#10b981}.api-styled-input:disabled{cursor:not-allowed;opacity:.6}.forgot-link{color:#10b981}.forgot-link:hover{color:#34d399}.api-signin-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 16px #10b98140;color:#000;cursor:pointer;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;margin-top:12px;padding:16px 24px;transition:all .3s ease;width:100%}.api-signin-button:hover:not(:disabled){box-shadow:0 6px 24px #10b98159;transform:translateY(-2px)}.api-signin-button:active:not(:disabled){transform:translateY(0)}.api-signin-button:disabled{cursor:not-allowed;opacity:.7}.api-signin-button.loading{background:linear-gradient(135deg,#34d399,#10b981)}.api-signin-button .MuiIcon-root{font-size:20px}.signup-link a{color:#10b981}.signup-link a:hover{color:#34d399}.api-status{align-items:center;background:#1a1a1a;border:1px solid #2d2d2d;border-radius:8px;display:flex;gap:10px;margin-top:32px;padding:12px 16px}.status-indicator{background:#6b7280;border-radius:50%;height:8px;width:8px}.status-indicator.online{animation:pulse-status 2s ease-in-out infinite;background:#10b981;box-shadow:0 0 8px #10b98180}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.6}}.api-status span{color:#9ca3af;flex:1 1;font-size:13px}.status-link{color:#10b981;font-size:12px;font-weight:600;text-decoration:none}.status-link:hover{text-decoration:underline}.api-signin-right{align-items:center;background:linear-gradient(180deg,#0a0a0a,#111827 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:50%}.api-signin-right:before{background-image:linear-gradient(#10b98108 1px,#0000 0),linear-gradient(90deg,#10b98108 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.api-signin-right:after{background:radial-gradient(circle,#10b98114 0,#0000 60%);content:"";height:500px;left:50%;pointer-events:none;position:absolute;top:20%;transform:translateX(-50%);width:500px}.api-signin-right-content{align-items:center;display:flex;flex-direction:column;max-width:500px;position:relative;text-align:center;width:100%;z-index:1}.api-code-wrapper{margin-bottom:32px;width:100%}.api-messaging{align-items:center;display:flex;flex-direction:column}.api-tagline{color:#fff;font-size:32px;font-weight:800;line-height:1.2;margin:0 0 16px}.api-tagline span{color:#10b981}.api-description{color:#ffffffb3;font-size:15px;line-height:1.6;margin:0 0 28px;max-width:380px}.api-quick-stats{display:flex;gap:16px}.api-quick-stats .stat-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:10px;padding:14px 18px}.api-quick-stats .stat-item .MuiIcon-root{color:#10b981;font-size:24px}.stat-value{font-family:JetBrains Mono,monospace;font-weight:800}@media (max-width:1024px){.api-signin-page{flex-direction:column-reverse}.api-signin-left,.api-signin-right{min-height:auto;width:100%}.api-signin-left{border-right:none;border-top:1px solid #1e1e1e}.api-signin-left,.api-signin-right{padding:40px 24px}.api-tagline{font-size:26px}.api-signin-form-container{max-width:100%}.api-quick-stats{flex-wrap:wrap;justify-content:center}}@media (max-width:600px){.api-signin-left,.api-signin-right{padding:32px 20px}.api-signin-title h1{font-size:26px}.api-tagline{font-size:24px}.api-quick-stats{flex-direction:column;width:100%}.api-quick-stats .stat-item{justify-content:center}}.animated-scanner-container{align-items:flex-start;display:flex;gap:20px;height:380px;justify-content:center;padding-top:20px;position:relative;width:420px}.scanner-bg-glow{background:radial-gradient(circle,#3b82f626 0,#0000 70%);border-radius:50%;filter:blur(40px);height:200px;left:30%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.document-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #3b82f633;overflow:hidden;width:200px}.doc-header{border-bottom:1px solid #ffffff1a;gap:10px;margin-bottom:16px;padding-bottom:12px}.doc-icon{align-items:center;background:#3b82f61a;border-radius:6px;color:#60a5fa;display:flex;height:32px;justify-content:center;width:32px}.doc-icon svg{height:18px;width:18px}.doc-info{display:flex;flex-direction:column;gap:2px}.doc-title{color:#fff;font-size:12px;font-weight:600}.doc-meta{color:#64748b;font-size:10px}.doc-content{display:flex;flex-direction:column;gap:8px}.text-line{background:#ffffff1a;border-radius:4px;height:8px}.document-card .scan-line{background:linear-gradient(90deg,#0000,#3b82f6cc,#8b5cf6cc,#0000);box-shadow:0 0 20px #3b82f680;height:2px}.detection-overlay,.document-card .scan-line{left:0;pointer-events:none;position:absolute;right:0}.detection-overlay{background:linear-gradient(180deg,#3b82f61a,#0000);bottom:0;top:0}.layers-stack{display:flex;flex-direction:column;gap:8px}.layer-indicator{align-items:center;background:#0f172acc;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:8px;min-width:130px;padding:6px 10px}.layer-status{border-radius:50%;flex-shrink:0;height:8px;width:8px}.layer-name{color:#94a3b8;flex:1 1;font-size:11px}.layer-check{color:#10b981;font-size:10px;font-weight:700}.result-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border:1px solid #3b82f64d;border-radius:12px;bottom:20px;left:50%;padding:16px 24px;position:absolute;text-align:center;transform:translateX(-50%)}.result-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.result-icon{color:#60a5fa;height:20px;width:20px}.result-icon svg{height:100%;width:100%}.result-header span{color:#64748b;font-size:11px;letter-spacing:1px;text-transform:uppercase}.result-score{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.score-value{color:#10b981;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:800}.score-label{color:#64748b;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.result-badge{border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;padding:6px 16px}.result-badge.human{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.result-badge.ai{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.scanner-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.particle{border-radius:50%;height:4px;position:absolute;width:4px}@media (max-width:600px){.animated-scanner-container{align-items:center;flex-direction:column;gap:16px;height:340px;width:320px}.document-card{width:180px}.layers-stack{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:center}.layer-indicator{min-width:auto;padding:4px 8px}.layer-check,.layer-name{display:none}.result-card{padding:12px 20px}.score-value{font-size:24px}}.integrity-signin-page{background:#f8fafc;display:flex;min-height:100vh}.integrity-signin-left{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:40px;width:50%}.integrity-signin-form-container{max-width:420px;width:100%}.integrity-signin-header{margin-bottom:36px}.integrity-signin-logo{align-items:center;display:inline-flex;gap:10px;margin-bottom:28px;text-decoration:none}.integrity-signin-logo .logo-text{color:#1e40af;font-size:28px;font-weight:800;letter-spacing:-.5px}.integrity-signin-logo .logo-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.integrity-signin-title h1{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.integrity-signin-title p{color:#6b7280;font-size:16px;margin:0}.integrity-signin-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.field-label{color:#374151;font-size:14px;font-weight:600}.input-icon{color:#9ca3af;font-size:20px!important;left:16px;pointer-events:none;position:absolute;transition:color .2s ease}.integrity-styled-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#111827;font-family:inherit;font-size:15px;outline:none;padding:14px 16px 14px 48px;transition:all .2s ease;width:100%}.integrity-styled-input::placeholder{color:#9ca3af}.integrity-styled-input:hover{background:#f3f4f6;border-color:#d1d5db}.integrity-styled-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-wrapper:focus-within .input-icon{color:#3b82f6}.integrity-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:#3b82f6;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#2563eb;text-decoration:underline}.integrity-signin-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;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%}.integrity-signin-button:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.integrity-signin-button:active:not(:disabled){transform:translateY(0)}.integrity-signin-button:disabled{cursor:not-allowed;opacity:.7}.integrity-signin-button.loading{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.integrity-signin-button .MuiIcon-root{font-size:22px}.signup-link{color:#6b7280;font-size:14px;margin-top:8px;text-align:center}.signup-link a{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .2s ease}.signup-link a:hover{color:#2563eb;text-decoration:underline}.quick-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;margin-top:32px;padding-top:24px}.quick-action{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s ease}.quick-action:hover{background:#f3f4f6;border-color:#d1d5db}.quick-action .MuiIcon-root{color:#3b82f6;font-size:18px}.quick-action span{color:#374151;font-size:13px;font-weight:600}.integrity-signin-right{align-items:center;background:linear-gradient(160deg,#0f172a,#1e293b 40%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:50%}.integrity-signin-right:before{background-image:radial-gradient(circle at 30% 20%,#3b82f614 0,#0000 50%),radial-gradient(circle at 70% 80%,#3b82f60d 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.integrity-signin-right-content{align-items:center;display:flex;flex-direction:column;max-width:480px;position:relative;text-align:center;z-index:1}.integrity-scanner-wrapper{margin-bottom:24px}.integrity-messaging{align-items:center;display:flex;flex-direction:column}.integrity-tagline{color:#fff;font-size:32px;font-weight:800;line-height:1.2;margin:0 0 16px}.integrity-tagline span{color:#60a5fa}.integrity-description{color:#ffffffb3;font-size:15px;line-height:1.6;margin:0 0 28px;max-width:380px}.trust-badges{display:flex;gap:12px;margin-bottom:28px}.trust-badge{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;display:flex;gap:8px;padding:10px 16px}.trust-badge .MuiIcon-root{color:#60a5fa;font-size:18px}.trust-badge span{color:#fff;font-size:13px;font-weight:600}.testimonial{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;max-width:380px;padding:20px 24px}.testimonial p{color:#ffffffe6;font-size:15px;font-style:italic;line-height:1.5;margin:0 0 12px}.testimonial-author{display:flex;flex-direction:column;gap:2px}.author-name{color:#fff;font-size:14px;font-weight:700}.author-role{color:#fff9;font-size:12px}@media (max-width:1024px){.integrity-signin-page{flex-direction:column-reverse}.integrity-signin-left,.integrity-signin-right{min-height:auto;width:100%}.integrity-signin-left{padding:40px 24px}.integrity-signin-right{padding:48px 24px}.integrity-tagline{font-size:26px}.integrity-signin-form-container{max-width:100%}.trust-badges{flex-wrap:wrap;justify-content:center}}@media (max-width:600px){.integrity-signin-left{padding:32px 20px}.integrity-signin-right{padding:40px 20px}.integrity-signin-title h1{font-size:26px}.integrity-tagline{font-size:24px}.trust-badges{gap:8px}.trust-badge{padding:8px 12px}.trust-badge span{font-size:12px}.quick-actions{flex-wrap:wrap;gap:8px}.quick-action{padding:6px 10px}.testimonial{padding:16px 20px}}@media (max-width:400px){.integrity-signin-left{padding:24px 16px}.integrity-signin-title h1{font-size:24px}.integrity-signin-button{font-size:15px;padding:14px 20px}.form-options{align-items:flex-start;flex-direction:column;gap:12px}}.email-verified-page{background:#f8fafc;display:flex;min-height:100vh}.email-verified-page.loading{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);justify-content:center}.verified-left{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:40px;width:50%}.verified-content{max-width:480px;width:100%}.verified-header{margin-bottom:32px}.verified-logo{align-items:center;display:inline-flex;gap:10px;margin-bottom:24px;text-decoration:none}.verified-logo .logo-text{color:#1e40af;font-size:28px;font-weight:800;letter-spacing:-.5px}.verified-logo .logo-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge{border-radius:24px;display:inline-flex;gap:8px;margin-bottom:20px;padding:10px 18px}.status-badge.success{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid #10b9814d}.status-badge.success .MuiIcon-root{color:#10b981;font-size:20px}.status-badge.success span{color:#059669;font-size:14px;font-weight:700}.status-badge.error{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d}.status-badge.error .MuiIcon-root{color:#ef4444;font-size:20px}.status-badge.error span{color:#dc2626;font-size:14px;font-weight:700}.verified-title{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 12px}.verified-title .error-highlight{color:#ef4444}.verified-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.features-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:28px;padding:20px}.features-preview h3{color:#374151;font-size:14px;font-weight:700;margin:0 0 14px}.features-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.feature-chip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:8px;padding:10px 14px;transition:all .2s ease}.feature-chip:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.feature-chip .MuiIcon-root{font-size:18px}.feature-chip span{color:#374151;font-size:13px;font-weight:500}.verified-cta{text-align:center}.continue-button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 16px #00000026;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}.continue-button:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.continue-button .MuiIcon-root{font-size:20px}.cta-note{color:#9ca3af;font-size:14px;margin:0}.cta-note a{color:#3b82f6;font-weight:600;text-decoration:none}.cta-note a:hover{text-decoration:underline}.error-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.help-text{color:#9ca3af;font-size:14px;margin:0;text-align:center}.help-text a{color:#3b82f6;font-weight:600;text-decoration:none}.help-text a:hover{text-decoration:underline}.verified-right{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:50%}.verified-right.integrity{background:linear-gradient(180deg,#1e3a8a,#1e40af 30%,#2563eb 70%,#1e40af)}.verified-right.api{background:linear-gradient(180deg,#064e3b,#065f46 30%,#059669 70%,#065f46)}.verified-right.pilot{background:linear-gradient(180deg,#2d2d44,#3d3d5c 30%,#4a4a6a 70%,#3d3d5c)}.verified-right.error-bg{background:linear-gradient(180deg,#7f1d1d,#991b1b 30%,#b91c1c 70%,#991b1b)}.verified-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}.verified-right:after,.verified-right:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.verified-right:after{background-image:radial-gradient(circle at 30% 20%,#ffffff14 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff0d 0,#0000 40%)}.verified-right-content{flex-direction:column;max-width:440px;text-align:center;z-index:1}.verified-right-content,.verified-visual-wrapper{align-items:center;display:flex;position:relative}.verified-visual-wrapper{height:320px;justify-content:center;margin-bottom:28px;max-width:360px;width:100%}.verified-visual-wrapper:before{background:radial-gradient(circle,#ffffff1f 0,#0000 60%);border-radius:50%;content:"";filter:blur(40px);height:60%;position:absolute;width:60%}.verified-quote{max-width:400px}.verified-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{font-size:15px}.error-icon-wrapper{height:140px;width:140px}.error-icon-wrapper .MuiIcon-root{color:#ffffff80;font-size:72px}.error-x{background:#ef4444;box-shadow:0 4px 16px #ef444480;color:#fff;font-size:22px;height:44px;width:44px}@media (max-width:1024px){.email-verified-page{flex-direction:column-reverse}.verified-left,.verified-right{min-height:auto;width:100%}.verified-left,.verified-right{padding:40px 24px}.verified-visual-wrapper{height:280px;max-width:320px}.verified-quote blockquote{font-size:22px}.verified-content{max-width:100%}}@media (max-width:600px){.verified-left,.verified-right{padding:32px 20px}.verified-visual-wrapper{height:240px}.verified-title{font-size:26px}.verified-quote blockquote{font-size:20px}.features-grid{grid-template-columns:1fr}.redirect-notice{flex-direction:column;text-align:center}}@media (max-width:400px){.verified-left{padding:24px 16px}.verified-title{font-size:24px}.continue-button{padding:14px 20px;width:100%}}.password-reset-page{background:#f8fafc;display:flex;min-height:100vh}.password-reset-page.loading-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);justify-content:center}.loading-content{text-align:center}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;height:48px;margin:0 auto 16px;width:48px}.loading-content p{color:#6b7280;font-size:16px;font-weight:500}.reset-left{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:40px;width:50%}.reset-content{max-width:420px;width:100%}.reset-header{margin-bottom:32px}.reset-logo{align-items:center;display:inline-flex;gap:10px;margin-bottom:28px;text-decoration:none}.reset-logo .logo-text{color:#1e40af;font-size:28px;font-weight:800;letter-spacing:-.5px}.reset-icon-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;box-shadow:0 4px 16px #3b82f64d;display:flex;height:56px;justify-content:center;margin-bottom:20px;width:56px}.reset-icon-badge .MuiIcon-root{color:#fff;font-size:28px}.reset-icon-badge.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.reset-icon-badge.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d}.reset-title{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 12px}.reset-title span{color:#3b82f6}.reset-title .success-text{color:#10b981}.reset-title .error-text{color:#ef4444}.reset-subtitle{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.reset-form{display:flex;flex-direction:column;gap:20px}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#111827;font-size:15px;padding:14px 16px 14px 46px;transition:all .2s ease;width:100%}.input-wrapper input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper input:disabled{cursor:not-allowed;opacity:.6}.input-wrapper .input-icon{color:#9ca3af;font-size:20px;left:14px;pointer-events:none;position:absolute;transition:color .2s ease}.input-wrapper input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:#3b82f6}.input-wrapper.error input{background:#fef2f2;border-color:#ef4444}.input-wrapper.error .input-icon{color:#ef4444}.input-wrapper.success input{border-color:#10b981}.input-wrapper.success .input-icon{color:#10b981}.toggle-password{color:#9ca3af;padding:4px;right:12px;transition:color .2s ease}.toggle-password:hover{color:#6b7280}.match-icon{color:#10b981;font-size:20px;position:absolute;right:44px}.error-message{color:#ef4444;gap:6px}.error-message .MuiIcon-root{font-size:16px}.form-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:14px;gap:8px;padding:12px 16px}.form-error .MuiIcon-root{flex-shrink:0;font-size:20px}.password-strength{align-items:center;display:flex;gap:10px;margin-top:4px}.strength-bars{display:flex;flex:1 1;gap:4px}.strength-bar{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;transition:background-color .3s ease}.strength-label{font-size:12px;font-weight:600;min-width:80px;text-align:right}.submit-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;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}.submit-button:hover:not(:disabled){box-shadow:0 6px 24px #3b82f666;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.submit-button.loading{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 16px #6b72804d}.submit-button .MuiIcon-root{font-size:20px}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.form-footer{margin-top:8px;text-align:center}.back-link{align-items:center;color:#6b7280;display:inline-flex;font-size:14px;font-weight:600;gap:6px;text-decoration:none;transition:color .2s ease}.back-link:hover{color:#3b82f6}.back-link .MuiIcon-root{font-size:18px}.success-icon{background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid #10b9814d;height:80px;margin:0 auto 20px;width:80px}.success-icon .MuiIcon-root{color:#10b981;font-size:40px}.success-state h3{color:#111827;font-size:22px;margin:0 0 8px}.success-state p{color:#6b7280;font-size:15px;line-height:1.5;margin:0 0 8px}.success-state strong{color:#111827}.success-note{color:#9ca3af!important;font-size:13px!important;margin-top:16px!important}.success-actions{display:flex;flex-direction:column;gap:12px;margin-top:28px}.resend-button{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.resend-button:hover{background:#e5e7eb}.back-to-login{align-items:center;color:#3b82f6;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;text-decoration:none;transition:color .2s ease}.back-to-login:hover{color:#2563eb}.invalid-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px}.action-button{align-items:center;border-radius:12px;display:inline-flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:14px 24px;text-decoration:none;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f64d;color:#fff}.action-button.primary:hover{box-shadow:0 6px 24px #3b82f666;transform:translateY(-2px)}.action-button.primary.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.action-button.primary.success:hover{box-shadow:0 6px 24px #10b98166}.action-button.secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.action-button.secondary:hover{background:#e5e7eb}.redirect-notice{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.countdown-ring{flex-shrink:0;height:48px;position:relative;width:48px}.countdown-ring svg{height:100%;transform:rotate(-90deg);width:100%}.countdown-ring .countdown-bg{fill:none;stroke:#e5e7eb;stroke-width:2.5}.countdown-ring .countdown-progress{fill:none;stroke:#3b82f6;stroke-width:2.5;stroke-linecap:round}.countdown-ring .countdown-progress.success{stroke:#10b981}.countdown-number{color:#111827;font-size:16px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.redirect-text p{color:#111827;font-size:14px;font-weight:600;margin:0 0 2px}.redirect-text span{color:#9ca3af;font-size:12px}.reset-right{align-items:center;background:linear-gradient(180deg,#1e3a8a,#1e40af 30%,#2563eb 70%,#1e40af);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:50%}.reset-right.success-variant{background:linear-gradient(180deg,#064e3b,#065f46 30%,#059669 70%,#065f46)}.reset-right.error-variant{background:linear-gradient(180deg,#7f1d1d,#991b1b 30%,#b91c1c 70%,#991b1b)}.reset-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}.reset-right:after,.reset-right:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.reset-right:after{background-image:radial-gradient(circle at 30% 20%,#ffffff14 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff0d 0,#0000 40%)}.reset-right-content{flex-direction:column;max-width:400px;text-align:center;z-index:1}.reset-right-content,.reset-visual-wrapper{align-items:center;display:flex;position:relative}.reset-visual-wrapper{height:300px;justify-content:center;margin-bottom:24px;max-width:320px;width:100%}.reset-visual-wrapper:before{background:radial-gradient(circle,#ffffff1a 0,#0000 60%);border-radius:50%;content:"";filter:blur(40px);height:60%;position:absolute;width:60%}.error-visual{height:200px;margin-bottom:40px;width:200px}.error-icon-wrapper,.error-visual{align-items:center;display:flex;justify-content:center}.error-icon-wrapper{background:#ffffff1a;border:3px solid #fff3;border-radius:50%;height:120px;position:relative;width:120px}.error-icon-wrapper .MuiIcon-root{color:#fff9;font-size:56px}.error-x{align-items:center;background:#fbbf24;border-radius:50%;box-shadow:0 4px 12px #fbbf2480;color:#78350f;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;position:absolute;right:-8px;top:-8px;width:36px}.reset-quote{max-width:350px}.reset-quote blockquote{color:#fff;font-size:24px;font-weight:800;line-height:1.3;margin:0 0 14px;text-shadow:0 2px 20px #0000004d}.quote-attribution{color:#fffc;font-size:14px;line-height:1.6;margin:0}@media (max-width:1024px){.password-reset-page{flex-direction:column-reverse}.reset-left,.reset-right{min-height:auto;width:100%}.reset-left{padding:40px 24px}.reset-right{padding:48px 24px}.reset-visual-wrapper{height:260px;max-width:280px}.reset-content{max-width:100%}}@media (max-width:600px){.reset-left{padding:32px 20px}.reset-right{padding:40px 20px}.reset-visual-wrapper{height:220px}.reset-title{font-size:28px}.reset-quote blockquote{font-size:20px}.redirect-notice{flex-direction:column;text-align:center}}@media (max-width:400px){.reset-left{padding:24px 16px}.reset-title{font-size:26px}.submit-button{padding:14px 20px}}.students-view{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.students-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem 1.5rem}.students-header h2{color:#fff!important;font-size:1.25rem;font-weight:600;margin:0}.add-student-wrapper{position:relative}.add-student-btn{align-items:center;background:linear-gradient(135deg,#818cf8,#a78bfa);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.add-student-btn svg{height:18px;width:18px}.add-student-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.add-student-popover{background:#fff!important;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:100}.popover-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:1rem}.popover-header h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.95rem;font-weight:600;margin:0}.popover-header .close-btn{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;padding:.25rem;transition:all .2s}.popover-header .close-btn:hover{background:#fff!important;color:#1e293b;color:var(--text-primary,#1e293b)}.popover-header .close-btn svg{height:18px;width:18px}.popover-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.popover-content .form-group{display:flex;flex-direction:column;gap:.35rem}.popover-content .form-group label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem;font-weight:500}.popover-content .form-group input{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;font-size:.875rem;padding:.6rem .75rem;transition:all .2s}.popover-content .form-group input:focus{border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 0 0 3px #667eea1a;outline:none}.popover-actions{background:#f8fafc!important;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);gap:.5rem;padding:1rem}.popover-actions .cancel-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.popover-actions .cancel-btn:hover{background:#fff!important;color:#1e293b;color:var(--text-primary,#1e293b)}.popover-actions .submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.popover-actions .submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.popover-actions .submit-btn:disabled{cursor:not-allowed;opacity:.6}.students-stats-bar{display:flex;flex-wrap:wrap;gap:1rem}.stat-pill{align-items:center;background:#f8fafc!important;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{border-radius:10px;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!important;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!important;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!important;border:1px solid #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;background:#fff!important;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:background .2s}.student-row:hover{background:#f8fafc!important}.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,#818cf8,#a78bfa);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!important;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:1px solid var(--border-color,#e2e8f0);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{font-size:.65rem;font-weight:600;padding:.2rem .4rem}.ai-badge.high{background:#fee2e2}.ai-badge.medium{background:#fef3c7}.ai-badge.low{background:#f1f5f9}.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!important;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%}}.student-card,.student-row,.students-view .student-card,.students-view .student-row{background:#fff!important;background-color:#fff!important}.student-card:hover .student-row,.students-view .student-card:hover .student-row{background:#f8fafc!important}.btn-primary,.gq-header,.gq-header span,.panel-header,.panel-header h2,.panel-header h3,.panel-header span,.view-tab.active,[class*=gradient],[style*=linear-gradient]{color:#fff!important}.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!important;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!important;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);font-size:.875rem;padding:.65rem 1rem .65rem 2.5rem;transition:all .2s}.search-box input:focus{border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 0 0 3px #667eea1a}.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!important;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!important}.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!important;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{background:#fff!important;border:1px solid var(--border-color,#e2e8f0)}.refresh-btn svg{color:var(--text-secondary,#64748b)}.refresh-btn:hover{background:#f8fafc!important}.refresh-btn:hover svg{animation:spin .5s ease}.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!important;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{border-color:#667eea;border-color:var(--primary-color,#667eea);color:#1e293b;color:var(--text-primary,#1e293b)}.filter-pill.active{background:#667eea!important;border-color:#667eea;color:#fff!important}.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!important;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!important;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{border:1px solid #e2e8f0;padding:1rem}.submission-card:hover{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{font-size:.7rem;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!important;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{align-items:center;border-radius:4px;display:flex;font-size:.7rem;font-weight:600;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!important;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.preview-btn:hover{background:#fff!important;border-color:#667eea;border-color:var(--primary-color,#667eea)}.grade-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.grade-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.submission-row{background:#fff!important;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s}.submission-row:hover{background:#f8fafc!important;border-color:#818cf8}.submission-row.selected{background:linear-gradient(135deg,#f0f4ff,#faf5ff);border-color:#667eea;border-color:var(--primary-color,#667eea)}.submission-row.flagged{border-left:3px solid #ef4444}.submission-row.late{border-left:3px solid #f97316}.submission-row .row-main{align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:.875rem 1rem;width:100%}.submission-row .row-left{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.submission-row .row-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem;margin-left:auto}.row-main .selection-checkbox{flex-shrink:0}.row-main .selection-checkbox input{cursor:pointer;height:16px;width:16px}.row-left .student-cell{align-items:center;display:flex;flex-shrink:0;gap:.5rem;max-width:180px;min-width:120px}.row-left .student-cell .student-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-left .assignment-cell{flex:1 1;min-width:0}.row-left .assignment-cell .assignment-name{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-left .date-cell{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-shrink:0;font-size:.8rem;gap:.35rem;min-width:80px}.row-left .date-cell .cell-icon{height:14px;width:14px}.row-right .status-cell{flex-shrink:0;min-width:90px}.row-right .score-cell{flex-shrink:0;min-width:60px;text-align:center}.row-right .ai-cell{flex-shrink:0;min-width:50px}.row-right .actions-cell{display:flex;flex-shrink:0;gap:.5rem}.row-right .expand-icon{color:#64748b;color:var(--text-secondary,#64748b);flex-shrink:0;height:18px;transition:transform .2s;width:18px}.row-right .expand-icon.rotated{transform:rotate(180deg)}.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)}.score-value{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600}.score-pending{color:#64748b;color:var(--text-secondary,#64748b)}.action-btn{background:#fff!important;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);padding:.4rem}.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!important;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!important;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:#fff!important;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{background:linear-gradient(135deg,#667eea,#764ba2)}.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}.row-left{gap:.75rem}.row-right{gap:.5rem}.student-cell{max-width:140px;min-width:100px}}@media (max-width:768px){.queue-stats,.submissions-container.grid{grid-template-columns:1fr}.row-main{flex-wrap:wrap;gap:.5rem}.row-left{flex-wrap:wrap;width:100%}.row-right{justify-content:flex-end;width:100%}.student-cell{flex:1 1;max-width:none;min-width:auto}.assignment-cell{flex:none;width:100%}.date-cell{min-width:auto}.expand-icon{display:none}}.analytics-view{background-color:initial;display:flex;flex-direction:column;gap:1.5rem;padding:0}.analytics-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.analytics-header .header-left h2{align-items:center;color:#1e1b4b;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 .25rem}.analytics-header .header-left .header-icon{color:#312e81;height:24px;width:24px}.analytics-header .header-left p{color:#64748b;font-size:.875rem;margin:0}.analytics-header .header-right{align-items:center;display:flex;gap:.75rem}.tab-selector{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;overflow:hidden}.tab-selector button{align-items:center;background-color:#fff;border:none;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:all .2s}.tab-selector button:not(:last-child){border-right:1px solid #e2e8f0}.tab-selector button.active{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff}.tab-selector button:hover:not(.active){background-color:#f8fafc;color:#312e81}.tab-selector .tab-icon{height:16px;width:16px}.time-range-row{display:flex;justify-content:flex-end}.time-range-selector{border:1px solid #e2e8f0;border-radius:10px;display:flex;overflow:hidden}.time-range-selector button{background-color:#fff;border:none;color:#64748b;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s}.time-range-selector button:not(:last-child){border-right:1px solid #e2e8f0}.time-range-selector button.active{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff}.time-range-selector button:hover:not(.active){background-color:#f8fafc}.refresh-btn{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.refresh-btn svg{color:#64748b;height:18px;width:18px}.refresh-btn:hover{background-color:#f5f3ff;border-color:#312e81}.refresh-btn:hover svg{color:#312e81}.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-radius:50%;border-top-color:#312e81;height:40px;width:40px}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.summary-card{align-items:center;background-color:#fff;border:1px solid #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-color:#312e81}.summary-card.green:before{background-color:#16a34a}.summary-card.purple:before{background-color:#7c3aed}.summary-card.amber:before{background-color:#ea580c}.summary-card.teal:before{background-color:#0d9488}.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-color:#1e1b4b;color:#fff}.summary-card.green .card-icon{background-color:#16a34a;color:#fff}.summary-card.purple .card-icon{background-color:#7c3aed;color:#fff}.summary-card.amber .card-icon{background-color:#ea580c;color:#fff}.summary-card.teal .card-icon{background-color:#0d9488;color:#fff}.card-content{flex:1 1}.card-value{color:#1e1b4b;display:block;font-size:1.5rem;font-weight:700;line-height:1.2}.card-label{color:#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-color:#dcfce7;color:#16a34a}.card-trend.negative{background-color:#fee2e2;color:#dc2626}.charts-row{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.chart-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem}.chart-card.full-width{grid-column:1/-1}.chart-header{justify-content:space-between;margin-bottom:1rem}.chart-header,.chart-header h3{align-items:center;display:flex}.chart-header h3{color:#1e1b4b;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.chart-header .header-icon{color:#312e81;height:18px;width:18px}.chart-subtitle{color:#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;width:100%}.bar-label{color:#1e1b4b;font-size:.9rem;font-weight:700}.bar-value{color:#64748b;font-size:.75rem}.chart-legend{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem;text-align:center}.legend-total{color:#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{color:#64748b;font-size:.75rem;gap:.35rem}.legend-dot{border-radius:50%;height:10px;width:10px}.legend-dot.submitted{background-color:#312e81}.legend-dot.graded{background-color:#22c55e}.trend-summary{border-top:1px solid #e2e8f0;display:flex;gap:2rem;justify-content:center;margin-top:.5rem;padding-top:1rem}.trend-stat{text-align:center}.trend-value{color:#1e1b4b;display:block;font-size:1.25rem;font-weight:700}.trend-label{color:#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-color:#f8fafc;border-radius:10px;min-width:80px;padding:.75rem 1rem;text-align:center}.ai-stat.flagged{background-color:#fef2f2}.ai-stat-value{color:#1e1b4b;display:block;font-size:1.5rem;font-weight:700}.ai-stat.flagged .ai-stat-value{color:#dc2626}.ai-stat-label{color:#64748b;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.ai-distribution h4{color:#64748b;font-size:.8rem;font-weight:600;margin:0 0 .75rem}.distribution-bar{background-color:#e2e8f0;border-radius:12px;display:flex;height:24px;overflow:hidden}.distribution-bar .segment{height:100%}.distribution-bar .segment.low{background-color:#22c55e}.distribution-bar .segment.medium{background-color:#f59e0b}.distribution-bar .segment.high{background-color:#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-color:#22c55e}.distribution-legend .dot.medium{background-color:#f59e0b}.distribution-legend .dot.high{background-color:#ef4444}.performance-table{max-height:280px;overflow-y:auto}.performance-table.expanded{max-height:400px}.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-color:#fff;color:#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}.performance-table .assignment-name{color:#1e1b4b;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-color:#dcfce7;color:#16a34a}.score-badge.average{background-color:#fef3c7;color:#d97706}.score-badge.low{background-color:#fee2e2;color:#dc2626}.ai-badge.low{background-color:#f1f5f9;color:#64748b}.ai-badge.medium{background-color:#fef3c7;color:#d97706}.ai-badge.high{background-color:#fee2e2;color:#dc2626}.insights-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem}.insights-section h3{align-items:center;color:#1e1b4b;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.insights-section .header-icon{color:#312e81;height:20px;width:20px}.insights-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.insight-card{background-color:#f8fafc;border:1px solid #0000;border-radius:12px;display:flex;gap:.75rem;padding:1rem}.insight-card.positive{background-color:#f0fdf4;border-color:#bbf7d0}.insight-card.warning{background-color:#fffbeb;border-color:#fde68a}.insight-card.info{background-color:#eff6ff;border-color:#bfdbfe}.insight-card.tip{background-color:#f5f3ff;border-color:#ddd6fe}.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-color:#16a34a;color:#fff}.insight-card.warning .insight-icon{background-color:#ea580c;color:#fff}.insight-card.info .insight-icon{background-color:#2563eb;color:#fff}.insight-card.tip .insight-icon{background-color:#7c3aed;color:#fff}.insight-content h4{color:#1e1b4b;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.insight-content p{color:#64748b;font-size:.8rem;line-height:1.4;margin:0}.grading-profile-tab{display:flex;flex-direction:column;gap:1.5rem}.grading-profile-empty{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.grading-profile-empty .empty-icon{color:#94a3b8;height:64px;margin-bottom:1rem;width:64px}.grading-profile-empty h3{color:#1e1b4b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.grading-profile-empty p{color:#64748b;margin:0}.grading-profile-empty .empty-hint{color:#94a3b8;font-size:.85rem;margin-top:.5rem}.profile-header-card{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.profile-header-card .profile-header-left{align-items:center;display:flex;gap:1rem}.profile-header-card .profile-avatar{align-items:center;background-color:#ffffff26;border-radius:14px;display:flex;height:56px;justify-content:center;width:56px}.profile-header-card .profile-avatar svg{color:#fff;height:28px;width:28px}.profile-header-card .profile-info h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.profile-header-card .profile-info p{color:#ffffffd9;font-size:.875rem;margin:0}.profile-header-card .refresh-btn{background-color:#ffffff26;border:none}.profile-header-card .refresh-btn:hover{background-color:#ffffff40}.profile-header-card .refresh-btn svg{color:#fff}.certifications-section h4,.grading-profile-tab h4,.ml-training-section h4,.penalties-card h4,.philosophy-card h4,.style-gauges-section h4,.values-card h4,.weights-section h4{align-items:center;color:#1e1b4b;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.section-icon{height:20px;width:20px}.section-icon.positive{color:#16a34a}.section-icon.negative{color:#dc2626}.style-gauges-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.gauges-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.style-gauge{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.style-gauge.blue{border-left:4px solid #312e81}.style-gauge.purple{border-left:4px solid #7c3aed}.style-gauge.teal{border-left:4px solid #0d9488}.gauge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.gauge-label{color:#1e1b4b;font-size:.9rem;font-weight:600}.gauge-value{color:#312e81;font-size:1rem;font-weight:700}.gauge-track{background-color:#e2e8f0;border-radius:6px;height:12px;margin-bottom:.5rem;position:relative}.gauge-fill{border-radius:6px;height:100%;left:0;position:absolute;top:0}.style-gauge.blue .gauge-fill{background:linear-gradient(90deg,#312e81,#4c1d95)}.style-gauge.purple .gauge-fill{background:linear-gradient(90deg,#7c3aed,#9333ea)}.style-gauge.teal .gauge-fill{background:linear-gradient(90deg,#0d9488,#14b8a6)}.gauge-indicator{background-color:#fff;border:3px solid #312e81;border-radius:50%;box-shadow:0 2px 4px #00000026;height:20px;top:-4px;width:20px;z-index:2}.gauge-indicator,.gauge-marker{position:absolute;transform:translateX(-50%)}.gauge-marker{border-radius:4px;height:16px;top:-2px;width:8px;z-index:1}.gauge-marker.explicit{background-color:#94a3b8;opacity:.7}.gauge-marker.learned{background-color:#ea580c;opacity:.8}.gauge-labels{color:#64748b;display:flex;font-size:.7rem;justify-content:space-between;margin-bottom:.5rem}.gauge-description{color:#1e1b4b;font-weight:600}.gauge-legend{color:#64748b;display:flex;font-size:.7rem;gap:1rem}.gauge-legend .legend-item{align-items:center;display:flex;gap:.25rem}.gauge-legend .dot{border-radius:2px;height:8px;width:8px}.gauge-legend .dot.explicit{background-color:#94a3b8}.gauge-legend .dot.learned{background-color:#ea580c}.values-penalties-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.penalties-card,.values-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem}.values-card{border-left:4px solid #16a34a}.penalties-card{border-left:4px solid #dc2626}.penalties-card ul,.values-card ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.penalties-card li,.values-card li{align-items:center;color:#1e1b4b;display:flex;font-size:.875rem;gap:.5rem}.penalties-card li.empty,.values-card li.empty{color:#94a3b8;font-style:italic}.item-icon{height:18px;width:18px}.item-icon.positive{color:#16a34a}.item-icon.negative{color:#dc2626}.philosophy-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem}.philosophy-card blockquote{background-color:#f5f3ff;border-left:4px solid #312e81;border-radius:0 8px 8px 0;color:#4c1d95;font-style:italic;line-height:1.6;margin:0;padding:1rem}.ml-training-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.ml-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.5fr 1fr 1fr}.ml-progress-card{background-color:#f8fafc;border-radius:12px;padding:1.25rem}.progress-header{margin-bottom:1rem}.progress-label{color:#1e1b4b}.progress-value{color:#312e81;font-size:1.5rem;font-weight:700}.milestone-progress{margin-bottom:1rem}.milestone-track{background-color:#e2e8f0;border-radius:4px;height:8px;margin-bottom:1.5rem;position:relative}.milestone-fill{background:linear-gradient(90deg,#1e1b4b,#7c3aed);border-radius:4px;height:100%;left:0;position:absolute;top:0}.milestone-marker{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:50%;color:#94a3b8;display:flex;font-size:.6rem;font-weight:600;height:24px;justify-content:center;position:absolute;top:-8px;transform:translateX(-50%);width:24px}.milestone-marker.reached{background-color:#16a34a;border-color:#16a34a;color:#fff}.milestone-marker.reached svg{height:14px;width:14px}.next-milestone-info{align-items:center;background-color:#f5f3ff;border-radius:8px;color:#4c1d95;display:flex;font-size:.8rem;gap:.5rem;padding:.75rem}.next-milestone-info .info-icon{height:16px;width:16px}.ml-status-badges{display:flex;flex-wrap:wrap;gap:.5rem}.status-badge{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.35rem;padding:.4rem .75rem}.status-badge.active{background-color:#dcfce7;color:#16a34a}.status-badge.inactive{background-color:#f1f5f9;color:#94a3b8}.status-badge .badge-icon,.status-badge .status-icon{height:14px;width:14px}.archetype-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:1rem}.archetype-card.pending{background-color:#f8fafc;background-image:none;border:1px dashed #e2e8f0}.archetype-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.archetype-icon{color:#ea580c;height:32px;width:32px}.archetype-card.pending .archetype-icon{color:#94a3b8}.archetype-label{color:#92400e;display:block;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.archetype-name{color:#78350f;display:block;font-size:1rem;font-weight:700;text-transform:capitalize}.archetype-card.pending .archetype-name{color:#64748b}.archetype-desc{color:#92400e;font-size:.8rem;line-height:1.4;margin:0 0 .5rem}.archetype-card.pending .archetype-desc{color:#94a3b8}.archetype-stats{color:#a16207;display:flex;flex-wrap:wrap;font-size:.7rem;gap:.5rem}.knn-stats-card{background-color:#f8fafc;border-radius:12px;padding:1rem}.knn-stats-card h5{color:#64748b;font-size:.8rem;font-weight:600;margin:0 0 .75rem}.coverage-bar{background-color:#e2e8f0;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.coverage-fill{background:linear-gradient(90deg,#0d9488,#14b8a6);height:100%}.coverage-stats{color:#64748b;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.75rem}.cross-teacher-info{align-items:center;background-color:#f5f3ff;border-radius:6px;color:#4c1d95;display:flex;font-size:.75rem;gap:.5rem;padding:.5rem}.cross-teacher-info .info-icon{height:16px;width:16px}.certifications-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.certifications-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.certification-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.certification-card.gray{border-left:4px solid #94a3b8}.certification-card.blue{border-left:4px solid #312e81}.certification-card.amber{border-left:4px solid #ea580c}.certification-card.slate{border-left:4px solid #475569}.certification-card.yellow{border-left:4px solid #eab308}.certification-card.purple{border-left:4px solid #7c3aed}.cert-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.cert-icon{height:32px;width:32px}.certification-card.gray .cert-icon{color:#94a3b8}.certification-card.blue .cert-icon{color:#312e81}.certification-card.amber .cert-icon{color:#ea580c}.certification-card.slate .cert-icon{color:#475569}.certification-card.yellow .cert-icon{color:#eab308}.certification-card.purple .cert-icon{color:#7c3aed}.cert-subject{color:#1e1b4b;display:block;font-weight:600;text-transform:capitalize}.cert-level{color:#64748b;font-size:.75rem}.cert-stats{display:flex;gap:1.5rem}.cert-stat .stat-value{color:#1e1b4b;display:block;font-size:1.25rem;font-weight:700}.cert-stat .stat-label{color:#94a3b8;font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.weights-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.weights-bars{display:flex;flex-direction:column;gap:.75rem}.weight-item{align-items:center;display:flex;gap:1rem}.weight-label{color:#1e1b4b;font-size:.875rem;font-weight:500;width:140px}.weight-bar{background-color:#e2e8f0;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.weight-fill{background:linear-gradient(90deg,#312e81,#7c3aed);border-radius:6px;height:100%}.weight-value{color:#312e81;font-weight:600;text-align:right;width:50px}@media (max-width:1200px){.summary-cards{grid-template-columns:repeat(3,1fr)}.gauges-grid,.insights-grid{grid-template-columns:repeat(2,1fr)}.ml-stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.summary-cards{grid-template-columns:repeat(2,1fr)}.charts-row,.gauges-grid,.insights-grid,.ml-stats-grid,.values-penalties-section{grid-template-columns:1fr}.analytics-header{align-items:stretch;flex-direction:column}.analytics-header .header-right{flex-direction:column;gap:.5rem}.tab-selector{width:100%}.tab-selector button{flex:1 1;justify-content:center}.profile-header-card{gap:1rem;text-align:center}.profile-header-card,.profile-header-card .profile-header-left{flex-direction:column}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.time-range-selector button{font-size:.75rem;padding:.4rem .6rem}.tab-selector button span:not(.tab-icon){display:none}}.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{box-shadow:0 2px 8px #1e1b4b4d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #1e1b4b66;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-primary svg,.btn-secondary svg{height:16px;width:16px}.spinner{border:4px solid #e5e7eb}.spinner-large{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#312e81;height:48px;width:48px}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:#d1d5db}.empty-state p{font-size:16px;font-weight:600;margin:0 0 8px}.empty-state span{color:#9ca3af;font-size:14px}.info-banner{align-items:flex-start;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #312e81;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:#d97706}.info-banner.create-mode svg{color:#d97706}.info-banner.create-mode p{color:#92400e}.info-banner svg{color:#312e81;flex-shrink:0;height:20px;margin-top:2px;width:20px}.info-banner p{color:#1e1b4b;font-size:13px;line-height:1.5;margin:0}input,select,textarea{background-color:#fff!important;color:#1f2937!important}input::placeholder,textarea::placeholder{color:#9ca3af!important;opacity:.8!important}.assignment-configurator input,.assignment-configurator select,.assignment-configurator textarea,.create-assignment-panel input,.create-assignment-panel select,.create-assignment-panel textarea,.worksheet-builder input,.worksheet-builder select,.worksheet-builder textarea{background-color:#fff!important;border-color:#312e81!important;color:#1f2937!important}.create-assignment-panel{background:#fff;bottom:0;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:0;top:0;width:700px;z-index:1000}.create-assignment-panel.embedded{box-shadow:none;height:100%;position:relative;width:100%;z-index:1}.panel-backdrop{background:#0006;inset:0;position:fixed;z-index:999}.panel-header{background:linear-gradient(135deg,#1e1b4b,#312e81);border-bottom:none}.header-content{flex:1 1}.header-content h2{color:#fff;font-size:20px;margin:0 0 12px}.step-indicator{gap:8px}.step,.step-indicator{align-items:center;display:flex}.step{background:#fff3;border-radius:50%;color:#ffffffb3;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.step.active{background:#fff;box-shadow:0 2px 8px #0003;color:#1e1b4b}.step-line{background:#ffffff4d;height:2px;width:40px}.close-btn{background:#ffffff1a}.close-btn:hover{background:#fff3;color:#fff}.panel-body{flex:1 1;overflow-y:auto;padding:24px}.step1-two-column{display:flex;gap:24px;height:100%;min-height:0}.step1-left-column{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;gap:16px;overflow-x:visible;overflow-y:auto;padding-bottom:16px;padding-right:16px;width:40%}.step1-left-column .resources-section{flex-shrink:0}.step1-left-column .resources-content{max-height:none}.step1-left-column .resources-grid{grid-template-columns:repeat(2,1fr)}.step1-right-column{display:flex;flex-direction:column;min-width:0;overflow:visible;position:relative;width:60%}.source-content-area{flex:1 1;min-height:0;overflow-x:visible;overflow-y:auto;position:relative}.source-content-area .sections-container{overflow:visible}.worksheet-details-compact{display:flex;flex-direction:column;gap:12px}.worksheet-details-compact .form-group{margin:0}.worksheet-details-compact .form-group label{color:#374151;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.worksheet-details-compact .title-input{background:#fff!important;border:2px solid #312e81;border-radius:8px;color:#1f2937;font-size:14px;font-weight:500;padding:12px 14px;transition:all .2s ease;width:100%}.worksheet-details-compact .title-input::placeholder{color:#9ca3af;opacity:.7}.worksheet-details-compact .title-input:focus{border-color:#312e81;box-shadow:0 0 0 3px #312e811a;outline:none}.worksheet-details-compact textarea{background:#fff!important;border:1px solid #312e81;border-radius:8px;color:#1f2937;font-family:inherit;font-size:13px;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.worksheet-details-compact textarea::placeholder{color:#9ca3af;opacity:.7}.worksheet-details-compact textarea:focus{border-color:#312e81;box-shadow:0 0 0 3px #312e811a;outline:none}.global-generators-toolbar.compact{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.global-generators-toolbar.compact .toolbar-label{font-size:11px;margin-bottom:8px}.global-generators-toolbar.compact .toolbar-buttons{flex-direction:column;gap:6px}.global-generators-toolbar.compact .toolbar-generator-btn{font-size:12px;justify-content:flex-start;padding:8px 12px;width:100%}.global-generators-toolbar.compact .toolbar-generator-btn svg{height:14px;width:14px}.generated-content-preview.compact{margin:0}.generated-content-preview.compact .preview-header{font-size:12px;padding:8px 12px}.generated-content-preview.compact .preview-header svg{height:14px;width:14px}.generated-content-preview.compact .preview-content textarea{font-size:12px;padding:8px 12px}.panel-footer{align-items:center;background:#f9fafb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 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;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:#1e1b4b}.mode-btn.active{background:#fff;box-shadow:0 2px 4px #00000014;color:#1e1b4b}.worksheet-context-section{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 24px}.worksheet-context-section .generated-content-preview{margin:0}.worksheet-details{display:flex;flex-direction:column;gap:12px}.worksheet-details .form-group{margin:0}.worksheet-details .form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.worksheet-details .title-input{background:#fff!important;border:2px solid #312e81;border-radius:8px;color:#1f2937;font-size:15px;font-weight:500;padding:10px 14px;transition:all .2s ease;width:100%}.worksheet-details .title-input::placeholder{color:#9ca3af;opacity:.7}.worksheet-details .title-input:focus{border-color:#312e81;box-shadow:0 0 0 3px #312e811a;outline:none}.worksheet-details textarea{background:#fff!important;border:1px solid #312e81;border-radius:8px;color:#1f2937;font-family:inherit;font-size:14px;padding:10px 14px;resize:vertical;width:100%}.worksheet-details textarea::placeholder{color:#9ca3af;opacity:.7}.worksheet-details textarea:focus{border-color:#312e81;box-shadow:0 0 0 3px #312e811a;outline:none}.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:#312e81;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:#312e81;box-shadow:0 2px 4px #1e1b4b14;transform:translateY(-1px)}.toolbar-generator-btn svg{height:16px;width:16px}.toolbar-generator-btn.lesson-plan:hover{background:#f5f3ff;border-color:#312e81;color:#1e1b4b}.toolbar-generator-btn.lesson-plan.has-content{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#312e81;color:#1e1b4b}.toolbar-generator-btn.lesson-plan svg{color:#312e81}.toolbar-generator-btn.rubric:hover{background:#fffbeb;border-color:#b45309;color:#92400e}.toolbar-generator-btn.rubric.has-content{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#d97706;color:#92400e}.toolbar-generator-btn.rubric svg{color:#d97706}.preview-drawer-backdrop{background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0;z-index:100}.preview-drawer{background:#fff;border-left:1px solid #e5e7eb;bottom:0;box-shadow:-8px 0 32px #00000026;display:flex;flex-direction:column;max-width:100%;position:absolute;right:0;top:0;width:95%;z-index:101}.preview-drawer-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.drawer-title{align-items:center;display:flex;gap:12px}.drawer-type-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.drawer-type-icon svg{color:#fff;height:22px;width:22px}.drawer-type-icon.lesson_plan{background:linear-gradient(135deg,#4c1d95,#5b21b6)}.drawer-type-icon.rubric{background:linear-gradient(135deg,#d97706,#f59e0b)}.drawer-title h3{font-size:16px;font-weight:600;margin:0}.drawer-topic{display:block;font-size:12px;margin-top:2px;opacity:.8}.drawer-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.drawer-close-btn:hover{background:#ffffff40}.drawer-close-btn svg{height:20px;width:20px}.preview-drawer-meta{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;padding:12px 20px}.preview-drawer-meta .meta-tag{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:flex;font-size:12px;gap:6px;padding:6px 12px}.preview-drawer-meta .meta-tag svg{color:#64748b;height:14px;width:14px}.preview-drawer-content{background:#f8fafc;flex:1 1;overflow-y:auto;padding:20px}.drawer-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;min-height:300px;text-align:center}.drawer-loading p{color:#1e293b;font-size:16px;font-weight:600;margin:0}.drawer-loading span{color:#64748b;font-size:13px}.drawer-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;min-height:200px}.drawer-empty svg{height:48px;width:48px}.drawer-empty p{font-size:14px;margin:0}.drawer-editor{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;height:calc(100% - 20px);line-height:1.6;min-height:400px;padding:16px;resize:vertical;transition:border-color .2s;width:100%}.drawer-editor:focus{border-color:#312e81;box-shadow:0 0 0 3px #312e811a;outline:none}.drawer-rendered{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:20px}.preview-drawer-actions{background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.drawer-action-group{display:flex;gap:8px}.drawer-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.drawer-action-btn svg{height:16px;width:16px}.drawer-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.drawer-action-btn.edit:hover{border-color:#312e81;color:#312e81}.drawer-action-btn.copy:hover{border-color:#10b981;color:#10b981}.drawer-action-btn.regenerate{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#312e81;color:#1e1b4b}.drawer-action-btn.regenerate:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.drawer-action-btn.accept{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 2px 8px #10b9814d;color:#fff}.drawer-action-btn.accept:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.preview-tab-container{display:flex;flex-direction:column;gap:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:50}.preview-tab{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px 0 0 10px;border-right:none;box-shadow:-2px 2px 8px #00000014;color:#475569;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:10px 12px 10px 14px;transition:all .2s;writing-mode:horizontal-tb}.preview-tab svg{height:16px;width:16px}.preview-tab span{white-space:nowrap}.preview-tab:hover{box-shadow:-4px 2px 12px #0000001f;padding-right:16px}.preview-tab.lesson-plan{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#312e81;color:#1e1b4b}.preview-tab.lesson-plan svg{color:#312e81}.preview-tab.lesson-plan:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.preview-tab.rubric{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#d97706;color:#92400e}.preview-tab.rubric svg{color:#d97706}.preview-tab.rubric:hover{background:linear-gradient(135deg,#fef3c7,#fde68a)}.document-selector{display:flex;flex-direction:column;gap:16px}.search-filters{margin-bottom:20px}.search-box{margin-bottom:12px}.search-box input:focus{border-color:#312e81;box-shadow:0 0 0 3px #312e811a}.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:#312e81;box-shadow:0 0 0 3px #312e811a;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:#312e81;box-shadow:0 4px 12px #312e811a}.document-card.selected{background:linear-gradient(to bottom right,#f5f3ff,#fff);border-color:#312e81;box-shadow:0 4px 16px #312e8126}.selected-badge{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:50%;box-shadow:0 2px 8px #1e1b4b4d;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.canvas{color:#d97706}.doc-icon.code{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#312e81}.doc-icon.template{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#7c3aed}.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:#1e1b4b;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:#f5f3ff;border-radius:4px;color:#312e81;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:#d97706;height:16px;width:16px}.empty-state{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:16px;margin:16px 0;padding:48px 24px}.empty-state svg{color:#9ca3af;height:64px;margin-bottom:16px;width:64px}.empty-state h3{color:#374151}.empty-state p{margin:0 0 20px;max-width:280px}.empty-state-actions{display:flex;gap:12px}.empty-state-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.empty-state-btn.primary{background:linear-gradient(135deg,#1e1b4b,#312e81);border:none;color:#fff}.empty-state-btn.primary:hover{box-shadow:0 4px 12px #1e1b4b4d;transform:translateY(-2px)}.empty-state-btn.secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.empty-state-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}.empty-state-btn svg{height:18px;width:18px}.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:#312e811a;border:1px solid #312e814d;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}.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{background:#fff!important;border:2px solid #312e81;border-radius:10px;color:#1f2937;font-size:16px;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.builder-header input.title-input::placeholder{color:#9ca3af;opacity:.7}.builder-header input.title-input:focus{border-color:#312e81;box-shadow:0 0 0 3px #312e811a;outline:none}.builder-header textarea{background:#fff!important;border:1px solid #312e81;border-radius:8px;color:#1f2937;font-family:inherit;font-size:14px;padding:10px 14px;resize:vertical;width:100%}.builder-header textarea::placeholder{color:#9ca3af;opacity:.7}.builder-header textarea:focus{border-color:#312e81;box-shadow:0 0 0 3px #312e811a;outline:none}.sections-container{background:#f9fafb;border-radius:12px;overflow:visible;padding:16px}.sections-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sections-header.stacked{align-items:stretch;flex-direction:column;gap:12px;overflow:visible}.sections-header.stacked .sections-title-row{align-items:center;display:flex;justify-content:flex-start}.sections-header.stacked .section-actions{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}.sections-header h4{color:#374151;font-size:15px;font-weight:600;margin:0}.section-actions{flex-wrap:wrap;gap:8px;overflow:visible}.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,#1e1b4b,#312e81);box-shadow:0 2px 8px #1e1b4b4d;color:#fff}.add-section-btn.question:hover{box-shadow:0 4px 12px #1e1b4b66;transform:translateY(-1px)}.add-section-btn.question .chevron-icon{height:14px;margin-left:2px;transition:transform .2s ease;width:14px}.add-section-btn.generate{background:linear-gradient(135deg,#4c1d95,#5b21b6);box-shadow:0 2px 8px #4c1d954d;color:#fff}.add-section-btn.generate:hover{box-shadow:0 4px 12px #4c1d9566;transform:translateY(-1px)}.add-section-btn.generate svg{color:#fff}.dropdown-wrapper{position:relative;z-index:10}.dropdown-wrapper:has(.add-content-menu),.dropdown-wrapper:has(.generate-questions-menu),.dropdown-wrapper:has(.quick-add-menu){z-index:100}.question-add-wrapper{position:relative}.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{border:2px solid #e5e7eb}.section-card.question-section{border-left:4px solid #312e81;border-left:4px solid var(--question-color,#312e81)}.section-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px}.section-info{align-items:center;gap:10px}.section-badge{align-items:center;border-radius:6px;display:flex;gap:6px}.section-badge.text{background:#f3f4f6;color:#374151}.section-badge.text svg{height:14px;width:14px}.section-badge.question{color:#fff}.section-badge.question svg{height:16px;margin-right:4px;width:16px}.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}.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:#312e81;box-shadow:0 0 0 3px #312e811a;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:#312e81;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:#312e81;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:#f5f3ff;border-color:#312e81}.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:#312e81}.tf-option.selected{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;color:#059669}.tf-option svg{height:20px;width:20px}.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:#312e81;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:#312e81;box-shadow:0 0 0 3px #312e811a;outline:none}.type-editor{border-radius:8px;font-size:14px;margin-top:16px;padding:16px}.type-editor .editor-label{color:#374151;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.type-editor .editor-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.type-editor .editor-hint{color:#9ca3af;font-size:11px;font-style:italic}.type-editor svg{flex-shrink:0;height:16px;width:16px}.type-editor button svg{height:14px;width:14px}.type-editor button{cursor:pointer;font-family:inherit;transition:all .15s ease}.type-editor .field-group{margin-bottom:10px}.type-editor .field-group label{color:#6b7280;display:block;font-size:11px;font-weight:500;margin-bottom:4px}.type-editor .field-group input,.type-editor .field-group select,.type-editor .field-group textarea{border:1px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:13px;padding:8px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.type-editor .field-group input:focus,.type-editor .field-group select:focus,.type-editor .field-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.multiple-choice-editor{background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047}.multiple-choice-editor .options-list{display:flex;flex-direction:column;gap:8px}.multiple-choice-editor .option-item{align-items:center;background:#fff;border:1px solid #fde047;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.multiple-choice-editor .option-item:hover{border-color:#facc15}.multiple-choice-editor .option-item.correct{background:#f0fdf4;border-color:#22c55e}.multiple-choice-editor .correct-toggle{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:50%;color:#9ca3af;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;width:28px}.multiple-choice-editor .correct-toggle:hover{border-color:#22c55e;color:#22c55e}.multiple-choice-editor .correct-toggle.is-correct{background:#22c55e;border-color:#22c55e;color:#fff}.multiple-choice-editor .correct-toggle svg{height:16px;width:16px}.multiple-choice-editor .empty-circle{border:2px solid;border-radius:50%;height:12px;width:12px}.multiple-choice-editor .option-letter{color:#854d0e;font-size:13px;font-weight:600;min-width:20px}.multiple-choice-editor .option-item input[type=text]{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:4px 8px}.multiple-choice-editor .option-item input[type=text]:focus{background:#fef08a4d;border-radius:4px}.multiple-choice-editor .remove-option{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;display:flex;height:28px;justify-content:center;padding:0;width:28px}.multiple-choice-editor .remove-option:hover{background:#fef2f2;color:#ef4444}.multiple-choice-editor .add-option-btn{align-items:center;background:#fff;border:2px dashed #fde047;border-radius:8px;color:#854d0e;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:10px;width:100%}.multiple-choice-editor .add-option-btn:hover{background:#fefce8;border-color:#facc15}.true-false-editor{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.true-false-editor .tf-options{display:flex;gap:12px}.true-false-editor .tf-option{background:#fff;border:2px solid #d1d5db;border-radius:10px;color:#374151;flex:1 1;font-size:15px;font-weight:600;padding:16px 20px;text-align:center}.true-false-editor .tf-option:hover{background:#f0fdf4;border-color:#22c55e}.true-false-editor .tf-option.selected{background:#22c55e;border-color:#22c55e;color:#fff}.fill-blank-editor{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #5eead4}.fill-blank-editor .blanks-list{display:flex;flex-direction:column;gap:12px}.fill-blank-editor .blank-item{background:#fff;border:1px solid #99f6e4;border-radius:8px;padding:12px}.fill-blank-editor .blank-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.fill-blank-editor .blank-number{background:#ccfbf1;border-radius:12px;color:#0f766e;font-size:12px;font-weight:600;padding:3px 10px}.fill-blank-editor .remove-blank{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;display:flex;height:26px;justify-content:center;padding:0;width:26px}.fill-blank-editor .remove-blank:hover{background:#fef2f2;color:#ef4444}.fill-blank-editor .blank-fields{display:flex;flex-direction:column;gap:10px}.fill-blank-editor .alternatives-section{border-top:1px dashed #99f6e4;margin-top:10px;padding-top:10px}.fill-blank-editor .alternatives-section label{color:#0f766e;display:block;font-size:11px;margin-bottom:6px}.fill-blank-editor .alternative-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.fill-blank-editor .alternative-row input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:13px;padding:6px 10px}.fill-blank-editor .remove-alt{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;display:flex;height:24px;justify-content:center;padding:0;width:24px}.fill-blank-editor .remove-alt:hover{background:#fef2f2;color:#ef4444}.fill-blank-editor .add-alt-btn{align-items:center;background:#0000;border:1px dashed #99f6e4;border-radius:6px;color:#0f766e;display:flex;font-size:12px;gap:4px;margin-top:6px;padding:4px 10px}.fill-blank-editor .add-alt-btn:hover{background:#f0fdfa;border-color:#5eead4}.fill-blank-editor .add-blank-btn{align-items:center;background:#fff;border:2px dashed #5eead4;border-radius:8px;color:#0f766e;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:10px;width:100%}.fill-blank-editor .add-blank-btn:hover{background:#f0fdfa;border-color:#14b8a6}.matching-editor{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.matching-editor .shuffle-toggle{align-items:center;color:#1d4ed8;cursor:pointer;display:flex;font-size:12px;gap:6px}.matching-editor .shuffle-toggle input{accent-color:#3b82f6;height:16px;width:16px}.matching-editor .column-headers{grid-gap:10px;color:#1d4ed8;display:grid;font-size:11px;font-weight:600;gap:10px;grid-template-columns:auto 1fr 32px 1fr auto;letter-spacing:.5px;padding:0 12px 8px;text-transform:uppercase}.matching-editor .matching-pairs{display:flex;flex-direction:column;gap:8px}.matching-editor .matching-pair{grid-gap:10px;align-items:center;background:#fff;border:1px solid #bfdbfe;border-radius:8px;display:grid;gap:10px;grid-template-columns:auto 1fr 32px 1fr auto;padding:10px 12px}.matching-editor .pair-controls{display:flex;flex-direction:column;gap:2px}.matching-editor .move-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;display:flex;height:18px;justify-content:center;padding:0;width:22px}.matching-editor .move-btn:hover:not(:disabled){background:#eff6ff;color:#3b82f6}.matching-editor .move-btn:disabled{cursor:not-allowed;opacity:.3}.matching-editor .pair-number{color:#1d4ed8;font-size:13px;font-weight:600;min-width:24px}.matching-editor .left-input,.matching-editor .right-input{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;padding:8px 10px;width:100%}.matching-editor .left-input:focus,.matching-editor .right-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.matching-editor .pair-arrow{color:#9ca3af;height:20px;justify-self:center;width:20px}.matching-editor .remove-pair{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;display:flex;height:28px;justify-content:center;padding:0;width:28px}.matching-editor .remove-pair:hover{background:#fef2f2;color:#ef4444}.matching-editor .add-pair-btn{align-items:center;background:#fff;border:2px dashed #93c5fd;border-radius:8px;color:#1d4ed8;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:10px;width:100%}.matching-editor .add-pair-btn:hover{background:#eff6ff;border-color:#3b82f6}.list-editor{background:linear-gradient(135deg,#f7fee7,#ecfccb);border:1px solid #bef264}.list-editor .list-config{align-items:center;display:flex;gap:16px}.list-editor .list-config label{align-items:center;color:#4d7c0f;display:flex;font-size:12px;gap:6px}.list-editor .list-config input[type=number]{border:1px solid #d9f99d;border-radius:6px;font-size:13px;padding:4px 8px;text-align:center;width:60px}.list-editor .expected-items{display:flex;flex-direction:column;gap:8px}.list-editor .expected-item{align-items:center;background:#fff;border:1px solid #d9f99d;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.list-editor .item-number{color:#4d7c0f;font-size:13px;font-weight:600;min-width:24px}.list-editor .expected-item input[type=text]{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:4px 8px}.list-editor .expected-item input[type=text]:focus{background:#bef26433;border-radius:4px}.list-editor .required-toggle{align-items:center;background:#f3f4f6;border:none;border-radius:14px;color:#6b7280;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 10px}.list-editor .required-toggle.required{background:#dcfce7;color:#166534}.list-editor .remove-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;display:flex;height:28px;justify-content:center;padding:0;width:28px}.list-editor .remove-item:hover{background:#fef2f2;color:#ef4444}.list-editor .add-item-btn{align-items:center;background:#fff;border:2px dashed #bef264;border-radius:8px;color:#4d7c0f;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:10px;width:100%}.list-editor .add-item-btn:hover{background:#f7fee7;border-color:#84cc16}.code-question-editor{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.code-question-editor .code-field{margin-bottom:14px}.code-question-editor .code-field label{color:#166534;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.code-question-editor .code-field select{background:#fff;border:1px solid #86efac;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 12px;width:100%}.code-question-editor .code-field textarea{background:#f8fafc;border:1px solid #86efac;border-radius:6px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;min-height:100px;padding:12px;resize:vertical;width:100%}.code-question-editor .code-field textarea:focus{background:#fff;border-color:#22c55e;outline:none}.code-question-editor .test-cases-section{border-top:1px dashed #86efac;margin-top:16px;padding-top:16px}.code-question-editor .test-cases-section h5{color:#166534;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.code-question-editor .test-cases-list{display:flex;flex-direction:column;gap:10px}.code-question-editor .test-case{align-items:flex-start;background:#fff;border:1px solid #d1fae5;border-radius:8px;display:flex;gap:10px;padding:10px}.code-question-editor .test-case-number{background:#dcfce7;border-radius:10px;color:#166534;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.code-question-editor .test-case-inputs{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:1fr 1fr}.code-question-editor .test-case-inputs input{border:1px solid #e5e7eb;border-radius:6px;font-family:monospace;font-size:12px;padding:6px 10px}.code-question-editor .test-case-inputs input:focus{border-color:#22c55e;outline:none}.code-question-editor .remove-test{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;display:flex;height:26px;justify-content:center;padding:0;width:26px}.code-question-editor .remove-test:hover{background:#fef2f2;color:#ef4444}.code-question-editor .add-test-btn{align-items:center;background:#fff;border:2px dashed #86efac;border-radius:8px;color:#166534;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:10px;width:100%}.code-question-editor .add-test-btn:hover{background:#f0fdf4;border-color:#22c55e}.calculation-editor{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #f87171}.calculation-editor .calc-fields{display:flex;flex-direction:column;gap:12px}.calculation-editor .calc-field label{color:#991b1b;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.calculation-editor .calc-field input{background:#fff;border:1px solid #fca5a5;border-radius:6px;font-size:13px;padding:8px 12px;width:100%}.calculation-editor .calc-field input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.calculation-editor .calc-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 100px 100px}.calculation-editor .key-steps-section{border-top:1px dashed #fca5a5;margin-top:16px;padding-top:16px}.calculation-editor .key-steps-section h5{color:#991b1b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.calculation-editor .key-steps-list{display:flex;flex-direction:column;gap:8px}.calculation-editor .key-step{align-items:center;display:flex;gap:10px}.calculation-editor .step-number{background:#fee2e2;border-radius:10px;color:#991b1b;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.calculation-editor .key-step input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:13px;padding:8px 10px}.calculation-editor .remove-step{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;display:flex;height:26px;justify-content:center;padding:0;width:26px}.calculation-editor .remove-step:hover{background:#fef2f2;color:#ef4444}.calculation-editor .add-step-btn{align-items:center;background:#fff;border:2px dashed #f87171;border-radius:8px;color:#991b1b;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:10px;width:100%}.calculation-editor .add-step-btn:hover{background:#fef2f2;border-color:#ef4444}.drawing-editor{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #5eead4}.drawing-editor .drawing-fields{display:flex;flex-direction:column;gap:12px}.drawing-editor .drawing-field label{color:#0f766e;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.drawing-editor .drawing-field textarea{border:1px solid #5eead4;border-radius:6px;font-size:13px;min-height:80px;padding:10px 12px;resize:vertical;width:100%}.drawing-editor .drawing-field textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.drawing-editor .canvas-size-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.drawing-editor .canvas-size-row input{border:1px solid #5eead4;border-radius:6px;font-size:13px;padding:8px 12px;width:100%}.drawing-editor .image-upload-section{margin-top:12px}.drawing-editor .image-upload-area{background:#fff;border:2px dashed #5eead4;border-radius:8px;cursor:pointer;padding:24px;text-align:center;transition:all .15s}.drawing-editor .image-upload-area:hover{background:#f0fdfa;border-color:#14b8a6}.drawing-editor .image-upload-area svg{color:#5eead4;height:32px;margin-bottom:8px;width:32px}.drawing-editor .image-upload-area p{color:#6b7280;font-size:13px;margin:0}.drawing-editor .image-preview{display:inline-block;margin-top:12px;position:relative}.drawing-editor .image-preview img{border:1px solid #e5e7eb;border-radius:8px;max-height:200px;max-width:100%}.drawing-editor .remove-image{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:-8px;top:-8px;width:24px}.drawing-editor .remove-image:hover{background:#dc2626}.drawing-editor .remove-image svg{height:12px;width:12px}.graph-reading-editor{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #c4b5fd}.graph-reading-editor .graph-fields{display:flex;flex-direction:column;gap:12px}.graph-reading-editor .graph-field label{color:#6b21a8;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.graph-reading-editor .graph-field input{border:1px solid #c4b5fd;border-radius:6px;font-size:13px;padding:8px 12px;width:100%}.graph-reading-editor .graph-field input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.graph-reading-editor .image-upload-area{background:#fff;border:2px dashed #c4b5fd;border-radius:8px;cursor:pointer;padding:24px;text-align:center}.graph-reading-editor .image-upload-area:hover{background:#faf5ff;border-color:#8b5cf6}.graph-reading-editor .image-preview{display:inline-block;margin-top:12px;position:relative}.graph-reading-editor .image-preview img{border:1px solid #e5e7eb;border-radius:8px;max-height:200px;max-width:100%}.graph-reading-editor .remove-image{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:-8px;top:-8px;width:24px}.essay-editor{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #c4b5fd}.essay-editor .essay-fields{display:flex;flex-direction:column;gap:12px}.essay-editor .essay-field label{color:#6b21a8;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.essay-editor .word-count-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.essay-editor .essay-field input[type=number]{border:1px solid #c4b5fd;border-radius:6px;font-size:13px;padding:8px 12px;width:100%}.essay-editor .citations-toggle{align-items:center;background:#fff;border:1px solid #c4b5fd;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px}.essay-editor .citations-toggle input{accent-color:#8b5cf6;height:18px;width:18px}.essay-editor .citations-toggle span{color:#374151;font-size:13px}.essay-editor .key-points-section{border-top:1px dashed #c4b5fd;margin-top:16px;padding-top:16px}.essay-editor .key-points-section h5{color:#6b21a8;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.essay-editor .key-points-list{display:flex;flex-direction:column;gap:8px}.essay-editor .key-point{align-items:center;display:flex;gap:10px}.essay-editor .point-number{background:#ede9fe;border-radius:10px;color:#6b21a8;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.essay-editor .key-point input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:13px;padding:8px 10px}.essay-editor .remove-point{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;display:flex;height:26px;justify-content:center;padding:0;width:26px}.essay-editor .remove-point:hover{background:#fef2f2;color:#ef4444}.essay-editor .add-point-btn{align-items:center;background:#fff;border:2px dashed #c4b5fd;border-radius:8px;color:#6b21a8;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:10px;width:100%}.essay-editor .add-point-btn:hover{background:#faf5ff;border-color:#8b5cf6}.short-answer-editor{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d}.short-answer-editor .sa-fields{display:flex;flex-direction:column;gap:12px}.short-answer-editor .sa-field label{color:#92400e;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.short-answer-editor .sa-field input{border:1px solid #fcd34d;border-radius:6px;font-size:13px;padding:8px 12px;width:100%}.short-answer-editor .sa-field input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.short-answer-editor .key-points-section{border-top:1px dashed #fcd34d;margin-top:16px;padding-top:16px}.short-answer-editor .key-points-section h5{color:#92400e;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.short-answer-editor .key-points-list{display:flex;flex-direction:column;gap:8px}.short-answer-editor .key-point{align-items:center;display:flex;gap:10px}.short-answer-editor .point-number{background:#fef3c7;border-radius:10px;color:#92400e;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.short-answer-editor .key-point input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:13px;padding:8px 10px}.short-answer-editor .remove-point{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;display:flex;height:26px;justify-content:center;padding:0;width:26px}.short-answer-editor .remove-point:hover{background:#fef2f2;color:#ef4444}.short-answer-editor .add-point-btn{align-items:center;background:#fff;border:2px dashed #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:10px;width:100%}.short-answer-editor .add-point-btn:hover{background:#fffbeb;border-color:#f59e0b}.generic-editor{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #d1d5db}.generic-editor .generic-fields{display:flex;flex-direction:column;gap:12px}.generic-editor .generic-field label{color:#374151;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.generic-editor .generic-field textarea{border:1px solid #d1d5db;border-radius:6px;font-size:13px;min-height:100px;padding:10px 12px;resize:vertical;width:100%}.generic-editor .generic-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.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,#f5f3ff,#ede9fe);border-color:#312e81;box-shadow:0 8px 24px #312e8126;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:#1e1b4b;font-size:18px;font-weight:600;margin:0}.drop-zone p{color:#6b7280;font-size:14px;margin:0}.upload-btn{background:linear-gradient(135deg,#1e1b4b,#312e81);border:none;border-radius:8px;box-shadow:0 4px 12px #1e1b4b4d;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 #1e1b4b66;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:#312e81;box-shadow:0 2px 8px #312e811a}.file-info{align-items:center;display:flex;flex:1 1;gap:12px}.file-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:8px;color:#312e81;height:36px;padding:8px;width:36px}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{color:#1e1b4b;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:#312e81;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s ease}.add-more-btn:hover{background:#f5f3ff;border-color:#312e81}.parse-progress{align-items:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px}.parse-progress .spinner{animation:spin 1s linear infinite;border:4px solid #ddd6fe;border-radius:50%;border-top-color:#312e81;height:40px;width:40px}.parse-progress p{color:#1e1b4b;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}.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}.selected-doc-preview .preview-header{align-items:center;display:flex;gap:16px;margin-bottom:12px}.selected-doc-preview .preview-header .doc-icon{height:48px;width:48px}.selected-doc-preview .preview-header h4{color:#1e1b4b;font-size:16px;font-weight:600;margin:0}.selected-doc-preview .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:#d97706;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:#1e1b4b}.has-lesson-plan-badge svg{color:#312e81;height:18px;width:18px}.has-rubric-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.has-rubric-badge svg{color:#d97706;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:#9333ea;flex-shrink:0;height:18px;width:18px}.config-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px}.form-group input,.form-group select,.form-group textarea{background:#fff!important;border:1px solid #312e81;border-radius:8px;color:#1f2937;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#9ca3af;opacity:.7}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#312e81;box-shadow:0 0 0 3px #312e811a;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]{accent-color:#312e81;cursor:pointer;height:18px;margin-top:2px;width:18px}.attached-resources-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:10px;margin-top:16px;padding:16px}.attached-resources-header{align-items:center;color:#1e40af;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:12px}.attached-resources-header svg{color:#3b82f6;height:18px;width:18px}.attached-resources-list{display:flex;flex-direction:column;gap:8px}.attached-resource-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:10px 12px;transition:all .2s ease}.attached-resource-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.attached-resource-item .resource-preview{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.attached-resource-item .resource-preview img.resource-thumb{height:100%;object-fit:cover;width:100%}.attached-resource-item .resource-type-icon{color:#6b7280;height:24px;width:24px}.attached-resource-item .resource-type-icon.youtube{color:#ef4444}.attached-resource-item .resource-type-icon.image{color:#10b981}.attached-resource-item .resource-type-icon.document{color:#3b82f6}.attached-resource-item .resource-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.attached-resource-item .resource-name{color:#1f2937;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-resource-item .resource-meta{color:#6b7280;font-size:11px;text-transform:capitalize}.attached-resource-item .remove-resource-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.attached-resource-item .remove-resource-btn:hover{background:#fee2e2;color:#ef4444}.attached-resource-item .remove-resource-btn svg{height:16px;width:16px}.resources-note{color:#6b7280;font-size:12px;font-style:italic;margin-top:10px}.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,#312e8114,#312e810a);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-heroicon{color:var(--item-color);height:20px;width:20px}.quick-add-item:hover .quick-add-heroicon{color:#fff}.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:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a;left:auto;margin-top:4px;max-height:70vh;overflow-y:auto;position:absolute;right:0;top:100%;width:360px;z-index:100}.generate-questions-menu:before{background:#fff;box-shadow:-2px -2px 4px #0000000a;content:"";height:12px;left:auto;position:absolute;right:20px;top:-6px;transform:rotate(45deg);width:12px}.gq-header{background:linear-gradient(135deg,#1e1b4b,#312e81);font-size:14px;padding:12px 16px}.gq-header svg{height:18px;width:18px}.gq-form{gap:10px;padding:12px 16px}.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:#312e81;box-shadow:0 0 0 2px #312e8126;outline:none}.gq-row{grid-gap:8px;gap:8px}.gq-chip{gap:4px;min-height:60px;padding:10px 4px}.gq-chip:hover{background:#f8fafc}.gq-chip.selected,.gq-chip:hover{border-color:#312e81;border-color:var(--chip-color,#312e81)}.gq-chip.selected{background:color-mix(in srgb,#312e81 12%,#fff);background:color-mix(in srgb,var(--chip-color,#312e81) 12%,#fff)}.gq-chip .chip-check{background:#312e81;background:var(--chip-color,#312e81);right:-4px;top:-4px}.gq-chip .chip-label{font-weight:500;line-height:1.2}.gq-chip.selected .chip-label,.gq-chip:hover .chip-label{color:#312e81;color:var(--chip-color,#312e81)}.gq-generate-btn{background:linear-gradient(135deg,#1e1b4b,#312e81);gap:6px;margin:0 16px 12px;padding:10px;transition:all .15s ease}.gq-generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #1e1b4b4d}.gq-footer{background:#f8fafc;color:#64748b;font-size:11px;padding:8px 16px}.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;margin-bottom:12px}.popover-title{align-items:center;display:flex;gap:10px}.popover-title svg{color:#312e81;color:var(--generator-color,#312e81);height:24px;width:24px}.popover-title h4{color:#1e1b4b;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:#312e81;color:var(--generator-color,#312e81)}.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:#1e1b4b}.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:#312e81;border-color:var(--generator-color,#312e81)}.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:#1e1b4b;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:#1e1b4b;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:#d97706;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,#312e81 5%,#fff);background:color-mix(in srgb,var(--generator-color,#312e81) 5%,#fff);border-color:#312e81;border-color:var(--generator-color,#312e81)}.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:#1e1b4b;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:#312e81;color:var(--generator-color,#312e81);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:#1e1b4b;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:#312e81;border-color:var(--generator-color,#312e81);box-shadow:0 0 0 3px color-mix(in srgb,#312e81 15%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--generator-color,#312e81) 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;background:linear-gradient(135deg,#1e1b4b,#312e81);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}.generate-questions-menu::-webkit-scrollbar,.generator-popover::-webkit-scrollbar,.preview-content-body::-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,.preview-content-body::-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,.preview-content-body::-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,.preview-content-body::-webkit-scrollbar-thumb:hover,.quick-add-menu::-webkit-scrollbar-thumb:hover,.source-drive .drive-browser::-webkit-scrollbar-thumb:hover{background:#9ca3af}.gq-resources-section{background:#f8fafc;background:var(--surface-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);margin:12px 0;padding:12px}.gq-checkbox-label{font-weight:500}.gq-checkbox-label input[type=checkbox]{height:16px;width:16px}.gq-resources-list{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light,#e2e8f0)}.resource-type-indicator{font-size:12px;padding:8px 12px}.resource-type-indicator span:first-of-type{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:500}.resource-type-indicator .resource-action{font-size:11px;font-weight:500}.gq-error{background:#ef44441a;margin:12px 0;padding:10px 12px}.gq-generate-btn{padding:12px 16px}.gq-footer{margin-top:12px;padding-top:12px}.generation-summary{color:#64748b;color:var(--text-secondary,#64748b);display:block;text-align:center}.gq-context-indicators{margin-bottom:12px;padding:12px}.context-badge{border-radius:16px;font-weight:500;padding:4px 10px}@media (max-width:480px){.gq-resources-list{gap:6px}.resource-type-indicator{font-size:11px;padding:6px 10px}.resource-type-indicator .resource-action{font-size:10px}}@media (prefers-color-scheme:dark){.gq-resources-section{background:#1e293b;background:var(--surface-secondary-dark,#1e293b);border-color:#334155;border-color:var(--border-dark,#334155)}.resource-type-indicator{background:#0f172a;background:var(--surface-primary-dark,#0f172a)}.gq-checkbox-label{color:#f1f5f9;color:var(--text-primary-dark,#f1f5f9)}}.gq-resources-section{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f126;border-radius:10px;margin:0 0 16px;padding:14px}.gq-resources-header{align-items:center;display:flex;justify-content:space-between}.gq-checkbox-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;gap:10px}.gq-checkbox-label input[type=checkbox]{accent-color:#6366f1;accent-color:var(--primary,#6366f1);border-radius:4px;height:18px;width:18px}.gq-resources-list{border-top:1px solid #6366f11a;gap:8px;margin-top:12px;padding-top:12px}.resource-type-indicator{background:var(--surface-primary,#fff);border-radius:8px;box-shadow:0 1px 3px #0000000d;color:var(--text-secondary,#64748b);font-size:13px;gap:10px;padding:10px 14px}.resource-type-indicator svg{flex-shrink:0;height:16px;width:16px}.resource-type-indicator>span:first-of-type{color:var(--text-primary,#1e293b)}.resource-type-indicator .resource-action{background:#6366f11a;color:#6366f1;color:var(--primary,#6366f1);font-size:12px;padding:3px 8px}.resource-type-indicator.youtube{border-left:3px solid red}.resource-type-indicator.youtube svg{color:red}.resource-type-indicator.image{border-left:3px solid #10b981}.resource-type-indicator.image svg{color:#10b981}.resource-type-indicator.document{border-left:3px solid #3b82f6}.resource-type-indicator.document svg{color:#3b82f6}.gq-content-options{flex-direction:column;gap:8px;margin-top:8px}.gq-content-options .content-option{background:#f8fafc;background:var(--surface-secondary,#f8fafc);border:1px solid var(--border-light,#e2e8f0);border-radius:8px;color:var(--text-secondary,#64748b);display:flex;font-size:13px;gap:10px;padding:10px 14px;transition:all .2s ease}.gq-content-options .content-option:hover{background:#fff;background:var(--surface-primary,#fff);border-color:#6366f1;border-color:var(--primary,#6366f1)}.gq-content-options .content-option.selected{background:#6366f114;border-color:#6366f1;border-color:var(--primary,#6366f1);color:#6366f1;color:var(--primary,#6366f1)}.gq-content-options .content-option input[type=checkbox]{accent-color:var(--primary,#6366f1);height:16px;width:16px}.gq-content-options .content-option svg{height:18px;width:18px}.gq-content-options .content-option span{flex:1 1}.gq-context-indicators{background:var(--surface-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:8px;gap:8px;margin-bottom:14px;padding:10px 12px}.context-badge{border-radius:6px;font-size:11px;gap:5px;letter-spacing:.3px;padding:5px 10px;text-transform:uppercase}.context-badge svg{height:12px;width:12px}.context-badge.lesson-plan{background:#10b9811a}.context-badge.rubric{background:#f59e0b1a}.context-badge.existing{background:#6366f11a}.context-badge.resources{background:#3b82f61a}.gq-error{background:#ef444414;border:1px solid #ef444433;border-radius:8px;font-size:13px;gap:10px;margin:14px 0;padding:12px 14px}.gq-error svg{height:18px;width:18px}.gq-generate-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;font-size:14px;gap:10px;margin-top:16px;padding:14px 20px;width:100%}.gq-generate-btn:hover:not(:disabled){box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.gq-generate-btn:disabled{opacity:.6}.gq-generate-btn svg{height:18px;width:18px}.gq-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light,#e2e8f0);margin-top:14px;padding-top:14px}.generation-summary{color:var(--text-tertiary,#94a3b8);font-size:12px}.gq-field.math-options{background:#6366f10d;margin-top:8px;padding:12px}.gq-field.math-options>label{font-size:13px}.gq-field.math-options>label input[type=checkbox]{accent-color:var(--primary,#6366f1);height:16px;width:16px}.math-level-select{border:1px solid var(--border-light,#e2e8f0);font-size:13px;margin-top:10px;padding:8px 12px}.gq-menu .resource-processing-status{background:#6366f108;border-radius:8px;margin:12px 0 0;max-height:180px;overflow-y:auto;padding:12px}.gq-menu .resource-processing-status .processing-header{margin-bottom:10px;padding-bottom:10px}.gq-menu .resource-status-list{gap:6px}.gq-menu .resource-status-item{border-radius:6px}.gq-menu .resource-status-header{padding:8px 10px}.gq-menu .resource-status-title{font-size:12px}.gq-menu .resource-status-message{font-size:11px}@media (max-width:480px){.gq-resources-section{padding:12px}.gq-resources-list{gap:6px}.resource-type-indicator{font-size:12px;padding:8px 12px}.resource-type-indicator .resource-action{font-size:11px;padding:2px 6px}.gq-content-options .content-option{font-size:12px;padding:8px 12px}.gq-generate-btn{font-size:13px;padding:12px 16px}}@media (prefers-color-scheme:dark){.gq-resources-section{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:#6366f140}.resource-type-indicator{background:#1e293b;background:var(--surface-primary-dark,#1e293b)}.gq-checkbox-label,.resource-type-indicator>span:first-of-type{color:#f1f5f9;color:var(--text-primary-dark,#f1f5f9)}.gq-content-options .content-option{background:#1e293b;background:var(--surface-secondary-dark,#1e293b);border-color:#334155;border-color:var(--border-dark,#334155);color:#94a3b8;color:var(--text-secondary-dark,#94a3b8)}.gq-content-options .content-option.selected{background:#6366f126}.gq-context-indicators{background:#1e293b;background:var(--surface-secondary-dark,#1e293b)}.gq-context-indicators,.math-level-select{border-color:#334155;border-color:var(--border-dark,#334155)}.math-level-select{background:#0f172a;background:var(--surface-primary-dark,#0f172a);color:#f1f5f9;color:var(--text-primary-dark,#f1f5f9)}}.generate-questions-menu,.gq-menu{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014,0 0 0 1px #0000000a;overflow:hidden;width:340px}.gq-header{align-items:center;background:linear-gradient(135deg,#312e81,#4f46e5);color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 14px}.gq-header svg{height:16px;width:16px}.gq-form{gap:12px;padding:12px 14px}.gq-field,.gq-form{display:flex;flex-direction:column}.gq-field{gap:6px}.gq-field>label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.gq-field input[type=text],.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[type=text]:hover,.gq-field select:hover{border-color:#cbd5e1}.gq-field input[type=text]:focus,.gq-field select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.gq-field input::placeholder{color:#94a3b8;font-size:12px}.gq-subject-chips{display:flex;flex-wrap:wrap;gap:6px}.subject-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;transition:all .15s ease}.subject-chip:hover{border-color:#c7d2fe;color:#4f46e5}.subject-chip.selected{background:#eef2ff;border-color:#a5b4fc;color:#4338ca}.subject-chip svg{height:14px;width:14px}.gq-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.gq-content-options{display:flex;flex-wrap:wrap;gap:4px}.gq-content-options .content-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:5px;margin:0;padding:6px 10px;transition:all .15s ease}.gq-content-options .content-option:hover{border-color:#c7d2fe;color:#475569}.gq-content-options .content-option.selected{background:#eef2ff;border-color:#a5b4fc;color:#4338ca}.gq-content-options .content-option input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:12px;margin:0;width:12px}.gq-content-options .content-option svg{flex-shrink:0;height:12px;width:12px}.gq-content-options .content-option span{white-space:nowrap}.gq-type-chips{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.gq-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:3px;justify-content:center;min-height:52px;padding:8px 4px;position:relative;transition:all .15s ease}.gq-chip:hover{background:#fafbfc;border-color:#c7d2fe;border-color:var(--chip-color,#c7d2fe)}.gq-chip.selected{background:color-mix(in srgb,#6366f1 8%,#fff);background:color-mix(in srgb,var(--chip-color,#6366f1) 8%,#fff);border-color:#6366f1;border-color:var(--chip-color,#6366f1)}.gq-chip svg:not(.chip-check){color:#64748b;height:16px;transition:color .15s ease;width:16px}.gq-chip.selected svg:not(.chip-check),.gq-chip:hover svg:not(.chip-check){color:#6366f1;color:var(--chip-color,#6366f1)}.gq-chip .chip-label{color:#64748b;font-size:9px;font-weight:600;line-height:1.1;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.gq-chip.selected .chip-label,.gq-chip:hover .chip-label{color:#4f46e5;color:var(--chip-color,#4f46e5)}.gq-chip .chip-check{background:#6366f1;background:var(--chip-color,#6366f1);border-radius:50%;color:#fff;height:14px;padding:2px;position:absolute;right:-3px;top:-3px;width:14px}.gq-generate-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f140;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;margin:2px 14px 0;padding:10px 16px;transition:all .2s ease;width:calc(100% - 28px)}.gq-generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.gq-generate-btn:active:not(:disabled){transform:translateY(0)}.gq-generate-btn:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.gq-generate-btn svg{height:16px;width:16px}.gq-footer{border-top:1px solid #f1f5f9;margin:10px 14px 12px;padding-top:10px;text-align:center}.generation-summary{color:#94a3b8;font-size:11px;font-weight:500}.gq-field.math-options{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.gq-field.math-options>label{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;letter-spacing:0;text-transform:none}.gq-field.math-options>label input[type=checkbox]{accent-color:#6366f1;height:14px;width:14px}.math-level-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:12px;margin-top:8px;padding:6px 10px;width:100%}.gq-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:12px;font-weight:500;gap:8px;margin:0 14px 8px;padding:8px 12px}.gq-error svg{flex-shrink:0;height:14px;width:14px}.gq-context-indicators{background:#f8fafc;border-radius:6px;display:flex;flex-wrap:wrap;gap:6px;margin:0 14px 4px;padding:8px 10px}.context-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:3px 8px}.context-badge svg{height:10px;width:10px}.context-badge.lesson-plan{background:#ecfdf5;color:#059669}.context-badge.rubric{background:#fffbeb;color:#d97706}.context-badge.existing{background:#eef2ff;color:#4f46e5}.context-badge.resources{background:#eff6ff;color:#2563eb}.gq-resources-section{background:#faf5ff;border:1px solid #e9d5ff;border-radius:8px;margin:0 0 4px;padding:10px}.gq-checkbox-label{align-items:center;color:#7c3aed;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;-webkit-user-select:none;user-select:none}.gq-checkbox-label input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;height:14px;width:14px}.gq-resources-list{border-top:1px solid #9333ea26;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px}.resource-type-indicator{align-items:center;background:#fff;border-radius:6px;color:#64748b;display:flex;font-size:11px;gap:8px;padding:6px 10px}.resource-type-indicator svg{height:12px;width:12px}.resource-type-indicator>span:first-of-type{color:#1e293b;font-weight:600}.resource-type-indicator .resource-action{background:#7c3aed1a;border-radius:4px;color:#7c3aed;font-size:10px;font-weight:600;margin-left:auto;padding:2px 6px}@media (max-width:380px){.generate-questions-menu,.gq-menu{width:300px}.gq-form{gap:10px;padding:10px 12px}.gq-type-chips{grid-template-columns:repeat(3,1fr)}.gq-chip{min-height:46px;padding:6px 3px}.gq-chip .chip-label{font-size:8px}}@media (prefers-color-scheme:dark){.generate-questions-menu,.gq-menu{background:#1e293b}.gq-field>label{color:#94a3b8}.gq-field input[type=text],.gq-field select{background:#0f172a;border-color:#334155;color:#f1f5f9}.gq-chip,.gq-content-options .content-option,.subject-chip{background:#0f172a;border-color:#334155;color:#94a3b8}.gq-chip.selected,.gq-content-options .content-option.selected,.subject-chip.selected{background:#6366f126;border-color:#6366f1}.gq-chip .chip-label{color:#94a3b8}.gq-footer{border-color:#334155}}:root{--midnight-purple:#1e1b4b;--purple-900:#4c1d95;--purple-800:#5b21b6;--purple-700:#6d28d9;--purple-600:#7c3aed;--purple-500:#8b5cf6;--purple-400:#a78bfa;--purple-300:#c4b5fd;--purple-200:#ddd6fe;--purple-100:#ede9fe;--purple-50:#f5f3ff;--indigo-600:#4f46e5;--indigo-500:#6366f1;--passage-color:#6366f1;--explanation-color:#8b5cf6;--instructions-color:#10b981;--vocabulary-color:#f59e0b}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.section-card:hover{box-shadow:0 4px 12px #00000014}.section-card .section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px}.section-card .section-content{padding:20px}.section-type-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:5px 12px;text-transform:capitalize}.section-type-badge .count-badge,.section-type-badge .type-tag{background:#0000001a;border-radius:4px;font-size:10px;font-weight:500;margin-left:4px;padding:2px 6px}.section-card.passage-section{border-left:4px solid #6366f1;border-left:4px solid var(--passage-color)}.section-type-badge.passage{background:#eef2ff;color:#6366f1;color:var(--passage-color)}.section-card.explanation-section{border-left:4px solid #8b5cf6;border-left:4px solid var(--section-accent,var(--explanation-color))}.section-type-badge.explanation{background:#f5f3ff;background:var(--purple-50);color:#7c3aed;color:var(--purple-600)}.section-card.instructions-section{border-left:4px solid #10b981;border-left:4px solid var(--instructions-color)}.section-type-badge.instructions{background:#ecfdf5;color:#059669}.section-card.vocabulary-section{border-left:4px solid #f59e0b;border-left:4px solid var(--vocabulary-color)}.section-type-badge.vocabulary{background:#fffbeb;color:#b45309}.section-actions{gap:4px}.section-actions .action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.section-actions .action-btn:hover{background:#f1f5f9;color:#1e293b}.section-actions .action-btn.active{background:#ede9fe;background:var(--purple-100);color:#7c3aed;color:var(--purple-600)}.section-actions .action-btn.danger:hover{background:#fef2f2;color:#dc2626}.edit-form{gap:16px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;justify-content:space-between}.form-row label .word-count{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:11px;font-weight:500;padding:2px 8px}.form-input{background:#fff!important;border:1px solid #312e81;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 14px;transition:all .15s ease;width:100%}.form-input::placeholder{opacity:.7}.form-input:focus{border-color:#a78bfa;border-color:var(--purple-400);box-shadow:0 0 0 3px #ede9fe;box-shadow:0 0 0 3px var(--purple-100);outline:none}.form-input::placeholder{color:#94a3b8}.form-textarea{background:#fff!important;border:1px solid #312e81;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;line-height:1.6;min-height:100px;padding:12px 14px;resize:vertical;transition:all .15s ease;width:100%}.form-textarea::placeholder{opacity:.7}.form-textarea:focus{border-color:#a78bfa;border-color:var(--purple-400);box-shadow:0 0 0 3px #ede9fe;box-shadow:0 0 0 3px var(--purple-100);outline:none}.form-textarea::placeholder{color:#94a3b8}.type-selector{display:flex;flex-wrap:wrap;gap:8px}.type-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease}.type-option:hover{background:#f5f3ff;background:var(--purple-50);border-color:#a78bfa;border-color:var(--type-color,var(--purple-400));color:#7c3aed;color:var(--type-color,var(--purple-600))}.type-option.selected{background:#8b5cf6;background:var(--type-color,var(--purple-500));border-color:#8b5cf6;border-color:var(--type-color,var(--purple-500));color:#fff}.type-option.selected svg{color:#fff}.preview-content{padding:4px 0}.preview-content .explanation-title,.preview-content .instructions-title,.preview-content .passage-title{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 12px}.preview-content .explanation-text,.preview-content .instructions-text,.preview-content .passage-text{color:#374151;font-size:15px;line-height:1.7}.preview-content .explanation-text p,.preview-content .instructions-text p,.preview-content .passage-text p{margin:0;white-space:pre-wrap}.preview-content .empty-placeholder{color:#94a3b8;font-style:italic}.passage-meta{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:12px}.passage-meta .meta-item{align-items:center;color:#64748b;display:inline-flex;font-size:13px;gap:6px}.passage-meta .meta-item.source{color:#475569}.passage-meta .meta-item.word-count{background:#f1f5f9;border-radius:4px;font-weight:500;padding:4px 10px}.instructions-preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px}.vocabulary-list{display:flex;flex-direction:column;gap:12px}.vocab-item{background:#fefce8;border:1px solid #fef08a;border-radius:10px;overflow:hidden}.vocab-item-header{align-items:center;background:#fef9c3;border-bottom:1px solid #fef08a;display:flex;gap:10px;padding:12px 14px}.vocab-number{color:#a16207;font-size:14px;font-weight:700;min-width:24px}.vocab-term-input{background:#fff;border:1px solid #fcd34d;border-radius:6px;color:#1e293b;flex:1 1;font-size:14px;font-weight:600;padding:8px 12px}.vocab-term-input:focus{border-color:#a78bfa;border-color:var(--purple-400);box-shadow:0 0 0 3px #ede9fe;box-shadow:0 0 0 3px var(--purple-100);outline:none}.vocab-pos-select{background:#fff;border:1px solid #fcd34d;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;padding:8px 10px}.vocab-pos-select:focus{border-color:#a78bfa;border-color:var(--purple-400);outline:none}.vocab-item-actions{display:flex;gap:2px}.vocab-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#a16207;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.vocab-action-btn:hover{background:#a162071a}.vocab-action-btn.danger:hover{background:#fef2f2;color:#dc2626}.vocab-item-body{display:flex;flex-direction:column;gap:10px;padding:12px 14px}.vocab-definition-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-family:inherit;font-size:14px;line-height:1.5;min-height:60px;padding:10px 12px;resize:vertical;width:100%}.vocab-definition-input:focus{border-color:#a78bfa;border-color:var(--purple-400);box-shadow:0 0 0 3px #ede9fe;box-shadow:0 0 0 3px var(--purple-100);outline:none}.vocab-example-input{background:#fafafa;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:13px;font-style:italic;padding:8px 12px;width:100%}.vocab-example-input:focus{border-color:#a78bfa;border-color:var(--purple-400);box-shadow:0 0 0 3px #ede9fe;box-shadow:0 0 0 3px var(--purple-100);outline:none}.add-vocab-btn{align-items:center;background:#fffbeb;border:2px dashed #fcd34d;border-radius:8px;color:#a16207;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:12px;padding:10px 20px;transition:all .15s ease}.add-vocab-btn:hover{background:#fef3c7;border-color:#f59e0b;color:#92400e}.resources-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden}.resources-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background .2s ease}.resources-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.resources-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:10px}.resources-title svg{color:#6366f1;height:18px;width:18px}.resource-count{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:11px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 6px}.expand-toggle{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .2s ease}.expand-toggle:hover{background:#e5e7eb;color:#374151}.expand-toggle svg{height:18px;width:18px}.resources-content{overflow:hidden;padding:16px}.resources-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 16px}.add-resource-buttons{display:flex;gap:8px;margin-bottom:16px}.add-resource-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.add-resource-btn svg{height:18px;width:18px}.add-resource-btn:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.add-resource-btn.youtube{background:#fef2f2;border-color:#fee2e2;color:#dc2626}.add-resource-btn.youtube.active,.add-resource-btn.youtube:hover{background:#dc2626;border-color:#dc2626;color:#fff}.add-resource-btn.youtube svg{color:inherit}.add-resource-btn.image{background:#ecfdf5;border-color:#d1fae5;color:#059669}.add-resource-btn.image.active,.add-resource-btn.image:hover{background:#059669;border-color:#059669;color:#fff}.add-resource-btn.image svg{color:inherit}.add-resource-btn.document{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.add-resource-btn.document.active,.add-resource-btn.document:hover{background:#2563eb;border-color:#2563eb;color:#fff}.add-resource-btn.document svg{color:inherit}.url-input-area{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.url-input-header{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.url-input-header svg{color:#6366f1;height:18px;width:18px}.url-input-header span{flex:1 1}.close-input{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .15s ease}.close-input:hover{background:#e5e7eb;color:#374151}.close-input svg{height:18px;width:18px}.url-input-field{display:flex;gap:8px}.url-input-field input{border:2px solid #e5e7eb;border-radius:8px;color:#1e1b4b;flex:1 1;font-size:14px;padding:10px 14px;transition:all .15s ease}.url-input-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.url-input-field input::placeholder{color:#9ca3af}.add-url-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:6px;padding:10px 18px;transition:all .2s ease}.add-url-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.add-url-btn:disabled{cursor:not-allowed;opacity:.5}.add-url-btn svg{height:16px;width:16px}.url-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:13px;gap:6px;margin-top:10px;padding:8px 12px}.url-error svg{flex-shrink:0;height:16px;width:16px}.resources-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.resource-card{border:2px solid #e5e7eb;position:relative}.resource-card:hover{border-color:#6366f1;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.resource-card.youtube{border-color:#fecaca}.resource-card.youtube:hover{border-color:#dc2626}.resource-card.image{border-color:#bbf7d0}.resource-card.image:hover{border-color:#059669}.resource-card.document{border-color:#bfdbfe}.resource-card.document:hover{border-color:#2563eb}.resource-card-thumbnail{aspect-ratio:16/10;cursor:pointer;overflow:hidden;position:relative}.resource-thumbnail{align-items:center;background:#f3f4f6;display:flex;height:100%;justify-content:center;width:100%}.resource-thumbnail.youtube{position:relative}.resource-thumbnail .play-overlay{align-items:center;background:#dc2626e6;border-radius:50%;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:40px}.resource-thumbnail .play-overlay svg{color:#fff;height:20px;margin-left:2px;width:20px}.resource-card:hover .play-overlay{background:#dc2626;transform:translate(-50%,-50%) scale(1.1)}.resource-thumbnail.document{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.resource-thumbnail .doc-icon{font-size:40px}.resource-overlay{align-items:center;background:#0009;display:flex;flex-direction:column;gap:4px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.resource-overlay svg{color:#fff;height:24px;width:24px}.resource-overlay span{color:#fff;font-size:12px;font-weight:600}.resource-card:hover .resource-overlay{opacity:1}.resource-card-info{padding:10px 12px}.resource-type-badge{border-radius:4px;font-size:10px;gap:4px;margin-bottom:4px;padding:2px 8px}.resource-card.youtube .resource-type-badge{background:#fef2f2;color:#dc2626}.resource-card.image .resource-type-badge{background:#ecfdf5;color:#059669}.resource-card.document .resource-type-badge{background:#eff6ff;color:#2563eb}.resource-type-badge svg{height:12px;width:12px}.resource-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:12px;font-weight:500;line-height:1.3;margin:0;overflow:hidden}.resource-file-size{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.remove-resource-btn{align-items:center;background:#fffffff2;border:none;border-radius:6px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.resource-card:hover .remove-resource-btn{opacity:1}.remove-resource-btn:hover{background:#fef2f2;color:#dc2626}.remove-resource-btn svg{color:#6b7280;height:16px;width:16px}.remove-resource-btn:hover svg{color:#dc2626}.resources-empty{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;display:flex;flex-direction:column;justify-content:center;padding:32px 20px}.empty-icons{display:flex;gap:8px;margin-bottom:12px}.empty-icons svg{color:#d1d5db;height:28px;width:28px}.resources-empty p{color:#6b7280;font-weight:600;margin:0 0 4px}.resources-empty span{color:#9ca3af;font-size:12px}.resource-preview-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.resource-preview-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.preview-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.preview-modal-title{align-items:center;color:#1e1b4b;display:flex;font-size:16px;font-weight:600;gap:10px}.preview-modal-title svg{color:#6366f1;height:22px;width:22px}.preview-modal-title span{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-modal-actions{align-items:center;display:flex;gap:8px}.open-external-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:8px 14px}.open-external-btn:hover{box-shadow:0 4px 12px #6366f166}.close-preview-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.close-preview-btn:hover{background:#f3f4f6;border-color:#d1d5db}.close-preview-btn svg{color:#6b7280;height:20px;width:20px}.preview-modal-content{align-items:center;background:#1e1b4b;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.youtube-embed{aspect-ratio:16/9;max-width:800px;width:100%}.youtube-embed iframe{border-radius:8px;height:100%;width:100%}.image-preview,.image-preview img{max-height:70vh;max-width:100%}.image-preview img{border-radius:8px;box-shadow:0 10px 30px #0000004d;object-fit:contain}.document-preview{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;padding:40px;text-align:center}.document-icon-large{font-size:64px;margin-bottom:20px}.document-details h4{color:#1e1b4b;font-size:18px;font-weight:600;margin:0 0 8px;word-break:break-all}.document-details p{color:#6b7280;font-size:14px;margin:0}.document-details .file-type{color:#9ca3af;font-size:12px;margin-top:4px}@media (max-width:600px){.add-resource-buttons{flex-wrap:wrap}.add-resource-btn{flex:1 1;justify-content:center;min-width:100px}.resources-grid{grid-template-columns:repeat(2,1fr)}.url-input-field{flex-direction:column}.add-url-btn{justify-content:center;width:100%}.preview-modal-title span{max-width:150px}}.spinner-small{animation:spin .8s linear infinite;height:16px;width:16px}.add-content-menu svg,.dropdown-menu svg,.generate-questions-menu svg,.quick-add-menu svg{flex-shrink:0!important;height:16px!important;max-height:16px!important;max-width:16px!important;min-height:16px!important;min-width:16px!important;width:16px!important}.add-content-menu{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a!important;display:flex!important;flex-direction:column!important;left:0!important;margin-top:4px!important;max-width:280px!important;overflow:hidden!important;position:absolute!important;top:100%!important;width:280px!important;z-index:100!important}.add-content-menu .menu-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;color:#64748b!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;padding:10px 14px!important;text-transform:uppercase!important}.add-content-menu .menu-items{display:flex!important;flex-direction:column!important;gap:2px!important;padding:6px!important}.add-content-menu .menu-item{align-items:center!important;background:#0000!important;border:none!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;flex-direction:row!important;gap:12px!important;padding:10px 12px!important;text-align:left!important;transition:background .15s ease!important;width:100%!important}.add-content-menu .menu-item:hover{background:#f1f5f9!important}.add-content-menu .item-icon{align-items:center!important;border-radius:8px!important;display:flex!important;flex-shrink:0!important;height:32px!important;justify-content:center!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;transition:all .15s ease!important;width:32px!important}.add-content-menu .item-icon svg{height:16px!important;width:16px!important}.add-content-menu .item-info{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:1px!important;min-width:0!important}.add-content-menu .item-label{color:#1e293b!important;display:block!important;font-size:13px!important;font-weight:500!important;line-height:1.3!important}.add-content-menu .item-description{color:#94a3b8!important;display:block!important;font-size:11px!important;line-height:1.3!important}.generate-questions-menu{max-width:400px!important;position:absolute!important;width:400px!important}.generate-questions-menu .gq-header{align-items:center!important;background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;padding:12px 16px!important}.generate-questions-menu .gq-header svg{height:18px!important;width:18px!important}.generate-questions-menu .gq-context-indicators{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:8px 12px!important}.generate-questions-menu .context-badge{align-items:center!important;border-radius:6px!important;display:inline-flex!important;font-size:11px!important;font-weight:500!important;gap:4px!important;padding:4px 8px!important}.generate-questions-menu .context-badge svg{height:14px!important;width:14px!important}.generate-questions-menu .context-badge.lesson-plan{background:#dbeafe!important;color:#1d4ed8!important}.generate-questions-menu .context-badge.rubric{background:#fce7f3!important;color:#be185d!important}.generate-questions-menu .context-badge.existing{background:#f3e8ff!important;color:#7c3aed!important}.generate-questions-menu .context-badge.resources{background:#dcfce7!important;color:#16a34a!important}.generate-questions-menu .gq-subject-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.generate-questions-menu .subject-chip{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#64748b!important;cursor:pointer!important;display:inline-flex!important;font-size:12px!important;font-weight:500!important;gap:6px!important;padding:6px 12px!important;transition:all .15s ease!important}.generate-questions-menu .subject-chip:hover{background:#f5f3ff!important;border-color:#a5b4fc!important}.generate-questions-menu .subject-chip.selected{background:#eef2ff!important;border-color:#6366f1!important;color:#4f46e5!important}.generate-questions-menu .subject-chip svg{height:16px!important;width:16px!important}.generate-questions-menu .gq-content-options{display:flex!important;flex-direction:column!important;gap:6px!important}.generate-questions-menu .content-option{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#475569!important;cursor:pointer!important;display:flex!important;font-size:13px!important;gap:8px!important;padding:8px 12px!important;transition:all .15s ease!important}.generate-questions-menu .content-option:hover{background:#f8fafc!important;border-color:#cbd5e1!important}.generate-questions-menu .content-option.selected{background:#eef2ff!important;border-color:#6366f1!important}.generate-questions-menu .content-option input[type=checkbox]{accent-color:#6366f1!important;height:16px!important;width:16px!important}.generate-questions-menu .content-option svg{color:#6366f1!important;height:16px!important;width:16px!important}.generate-questions-menu .gq-type-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.generate-questions-menu .gq-chip{align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;cursor:pointer!important;display:inline-flex!important;height:40px!important;justify-content:center!important;position:relative!important;transition:all .15s ease!important;width:40px!important}.generate-questions-menu .gq-chip:hover{background:#f8fafc!important;border-color:#6366f1!important;border-color:var(--chip-color,#6366f1)!important}.generate-questions-menu .gq-chip.selected{background:#6366f1!important;background:var(--chip-color,#6366f1)!important;border-color:#6366f1!important;border-color:var(--chip-color,#6366f1)!important;color:#fff!important}.generate-questions-menu .gq-chip svg{height:20px!important;width:20px!important}.generate-questions-menu .gq-chip .chip-check{background:#10b981!important;border-radius:50%!important;color:#fff!important;height:14px!important;padding:2px!important;position:absolute!important;right:-4px!important;top:-4px!important;width:14px!important}.generate-questions-menu .gq-generate-btn{align-items:center!important;background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;justify-content:center!important;padding:12px!important;transition:all .15s ease!important;width:100%!important}.generate-questions-menu .gq-generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f166!important;transform:translateY(-1px)!important}.generate-questions-menu .gq-generate-btn:disabled{cursor:not-allowed!important;opacity:.6!important}.generate-questions-menu .gq-generate-btn svg{height:18px!important;width:18px!important}.section-type-badge{align-items:center!important;border-radius:6px!important;display:inline-flex!important;font-size:12px!important;font-weight:500!important;gap:6px!important;padding:4px 10px!important}.section-type-badge svg{height:14px!important;width:14px!important}.section-actions .action-btn{align-items:center!important;background:#0000!important;border:none!important;border-radius:6px!important;color:#64748b!important;cursor:pointer!important;display:inline-flex!important;height:28px!important;justify-content:center!important;transition:all .15s ease!important;width:28px!important}.section-actions .action-btn:hover{background:#f1f5f9!important;color:#1e293b!important}.section-actions .action-btn.danger:hover{background:#fef2f2!important;color:#dc2626!important}.section-actions .action-btn svg{height:16px!important;width:16px!important}.quick-add-menu{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 10px 40px #00000026!important;left:0!important;margin-top:4px!important;padding:8px!important;position:absolute!important;top:100%!important;width:320px!important;z-index:100!important}.quick-add-menu .quick-add-grid{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:repeat(3,1fr)!important}.quick-add-menu .quick-add-item{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:12px 8px!important;transition:all .15s ease!important}.quick-add-menu .quick-add-item:hover{background:#f8fafc!important;border-color:#6366f1!important;border-color:var(--item-color,#6366f1)!important}.quick-add-menu .quick-add-heroicon,.quick-add-menu .quick-add-item svg{color:#64748b!important;color:var(--item-color,#64748b)!important;height:20px!important;width:20px!important}.quick-add-menu .quick-add-label{color:#475569!important;font-size:11px!important;font-weight:500!important;text-align:center!important}.section-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;margin-bottom:12px!important;overflow:hidden!important}.section-card .section-header{align-items:center!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;display:flex!important;justify-content:space-between!important;padding:12px 16px!important}.section-card .section-content{padding:16px!important}.section-card.passage-section{border-left:4px solid #3b82f6!important}.section-type-badge.passage{background:#eff6ff!important;color:#1d4ed8!important}.section-card.explanation-section{border-left:4px solid #8b5cf6!important;border-left:4px solid var(--accent-color,#8b5cf6)!important}.section-type-badge.explanation{background:#f5f3ff!important;color:#6b21a8!important;text-transform:capitalize!important}.section-card.instructions-section{border-left:4px solid #10b981!important}.section-type-badge.instructions{background:#ecfdf5!important;color:#059669!important}.section-card.vocabulary-section{border-left:4px solid #f59e0b!important}.section-type-badge.vocabulary{background:#fffbeb!important;color:#b45309!important}.worksheet-builder .add-section-btn{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;cursor:pointer!important;display:inline-flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;padding:8px 14px!important;transition:all .15s ease!important}.worksheet-builder .add-section-btn svg{height:16px!important;width:16px!important}.worksheet-builder .add-section-btn .chevron-icon{height:14px!important;margin-left:2px!important;width:14px!important}.worksheet-builder .add-section-btn.text{color:#475569!important}.worksheet-builder .add-section-btn.question{background:#eff6ff!important;border-color:#bfdbfe!important;color:#3b82f6!important}.worksheet-builder .add-section-btn.generate{background:#f5f3ff!important;border-color:#c4b5fd!important;color:#7c3aed!important}.worksheet-builder .info-banner svg{flex-shrink:0!important;height:20px!important;width:20px!important}.generated-content-preview .preview-header svg{height:18px!important;width:18px!important}.generated-content-preview .preview-header button svg{height:16px!important;width:16px!important}.empty-sections svg{color:#cbd5e1!important;height:48px!important;width:48px!important}@media (max-width:900px){.step1-two-column{flex-direction:column;gap:16px}.step1-left-column{border-bottom:1px solid #e5e7eb;border-right:none;max-height:250px;overflow-y:auto;padding-bottom:16px;padding-right:0;width:100%}.step1-right-column{flex:1 1;width:100%}.global-generators-toolbar.compact .toolbar-buttons{flex-direction:row}.global-generators-toolbar.compact .toolbar-generator-btn{flex:1 1;width:auto}}@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)}.preview-drawer{max-width:100%;width:100%}.preview-drawer-actions{flex-direction:column;gap:12px}.drawer-action-group{width:100%}.drawer-action-btn,.drawer-action-group.left,.drawer-action-group.right{justify-content:center}.drawer-action-btn{flex:1 1}.preview-tab-container{bottom:auto;flex-direction:row;right:50%;top:auto;transform:translateX(50%) translateY(-50%)}.preview-tab{border:1px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0;padding:8px 12px;writing-mode:horizontal-tb}.panel-footer{flex-direction:column;gap:10px}.panel-footer .btn-primary,.panel-footer .btn-secondary{justify-content:center;width:100%}.doc-header{flex-wrap:wrap}.doc-meta{align-items:flex-start;flex-direction:column}.worksheet-details{gap:16px}.worksheet-context-section{padding:12px 16px}}@media (max-width:480px){.panel-body,.panel-footer,.panel-header{padding:16px}.header-content h2{font-size:18px}.step{font-size:12px;height:28px;width:28px}.step-line{width:24px}.sections-container{padding:12px}.sections-header{align-items:flex-start;flex-direction:column;gap:12px}.section-actions{width:100%}.add-section-btn{flex:1 1;font-size:11px;padding:10px 8px}.quick-add-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.quick-add-item{padding:8px 10px}.quick-add-label{font-size:11px}.section-card{border-radius:10px}.section-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.section-info{flex-wrap:wrap}.section-content{padding:12px}.option-item{padding:8px 10px}.drop-zone{min-height:200px;padding:32px 20px}.upload-icon{height:48px;width:48px}.drop-zone h3{font-size:16px}.generator-popover{border-radius:16px 16px 0 0;padding:16px}.popover-title h4{font-size:15px}.source-tabs{gap:2px;padding:3px}.source-tab{font-size:12px;padding:8px 10px}.source-tab span{display:none}.source-tab svg{height:18px;width:18px}.preview-drawer-header{padding:12px 16px}.drawer-type-icon{height:36px;width:36px}.drawer-title h3{font-size:14px}.drawer-rendered,.preview-drawer-content{padding:16px}}@media (max-height:500px) and (orientation:landscape){.generate-questions-menu,.generator-popover,.quick-add-menu{max-height:90vh;overflow-y:auto}.drop-zone{min-height:150px;padding:24px 20px}.upload-icon{height:40px;margin-bottom:4px;width:40px}.drop-zone h3{font-size:15px;margin-bottom:4px}.upload-btn{font-size:13px;padding:10px 20px}}@media (min-width:1200px){.create-assignment-panel:not(.embedded){width:800px}.documents-grid{grid-template-columns:repeat(2,1fr)}}@media print{.create-assignment-panel{box-shadow:none;position:static;width:100%}.close-btn,.panel-backdrop,.panel-footer,.preview-drawer-backdrop,.preview-tab-container{display:none}}.create-assignment-panel input:not([type]),.create-assignment-panel input[type=email],.create-assignment-panel input[type=number],.create-assignment-panel input[type=text],.create-assignment-panel select,.create-assignment-panel textarea{background-color:#fff!important;color:#1f2937!important}@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.27"}.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 .2s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 12px 40px #1e1b4b40,0 4px 12px #1e1b4b1a,0 0 0 1px #1e1b4b14;display:flex;flex-direction:column;max-height:600px;max-width:calc(100vw - 32px);overflow:hidden;position:fixed;width:450px;z-index:100000}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mip-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 60%,#4c1d95);border-bottom:none;display:flex;justify-content:space-between;padding:16px;position:relative}.mip-header:before{background:linear-gradient(180deg,#ffffff1a,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.mip-tabs{position:relative;z-index:1}.mip-tab,.mip-tabs{display:flex;gap:6px}.mip-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;color:#fffc;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.mip-tab:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.mip-tab.active{background:#fff;border-color:#fff;box-shadow:0 4px 12px #00000026;color:#1e1b4b}.mip-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .3s ease;width:36px;z-index:1}.mip-close:hover{background:#fff3;transform:scale(1.05)}.mip-content{background:#fff;flex:1 1;max-height:400px;min-height:200px;overflow-y:auto;padding:16px}.mip-content::-webkit-scrollbar{width:8px}.mip-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mip-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c7d2fe,#a5b4fc);border-radius:4px}.mip-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a5b4fc,#818cf8)}.mip-search{align-items:center;background:linear-gradient(145deg,#f5f3ff,#ede9fe);border:2px solid #e0e7ff;border-radius:12px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px;transition:all .3s ease}.mip-search:focus-within{border-color:#312e81;box-shadow:0 0 0 4px #312e811a}.mip-search svg{color:#312e81;flex-shrink:0}.mip-search input{background:#0000;border:none;color:#1e1b4b;flex:1 1;font-size:14px;font-weight:500;outline:none}.mip-search input::placeholder{color:#94a3b8}.mip-presets-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.mip-preset{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 4px #1e1b4b0a,0 4px 8px #1e1b4b0a;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:80px;overflow:hidden;padding:14px 10px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.mip-preset:before{background:linear-gradient(180deg,#fffc,#0000);content:"";height:50%;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.mip-preset:hover{background:linear-gradient(145deg,#f5f3ff,#ede9fe);border-color:#312e81;box-shadow:0 8px 16px #1e1b4b1f,0 4px 8px #1e1b4b14;transform:translateY(-4px) scale(1.02)}.mip-preset.selected{background:linear-gradient(145deg,#e0e7ff,#c7d2fe);border-color:#312e81;box-shadow:0 4px 12px #312e8133,inset 0 1px 0 #fff9}.preset-name{color:#312e81;font-size:11px;font-weight:700;letter-spacing:.3px;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%}.preset-preview{align-items:center;color:#1e1b4b;display:flex;font-size:16px;justify-content:center;min-height:32px;position:relative}.mip-calculator{display:flex;flex-direction:column;gap:14px}.calc-display-area{background:linear-gradient(145deg,#1e1b4b,#312e81);border-radius:16px;box-shadow:inset 0 2px 4px #0003,0 4px 8px #1e1b4b33;min-height:80px;overflow:hidden;padding:16px 20px;position:relative}.calc-display-area:before{background:linear-gradient(180deg,#ffffff14,#0000);content:"";height:40%;left:0;pointer-events:none;position:absolute;right:0;top:0}.calc-expression{color:#a78bfae6;font-size:14px;min-height:22px}.calc-display,.calc-expression{font-family:Monaco,Courier New,monospace;position:relative;text-align:right;word-break:break-all}.calc-display{color:#fff;font-size:32px;font-weight:700;text-shadow:0 2px 4px #0003}.calc-buttons{display:flex;flex-direction:column;gap:8px}.calc-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.calc-btn{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #1e1b4b0f,inset 0 1px 0 #ffffffe6;color:#1e1b4b;cursor:pointer;font-size:18px;font-weight:700;padding:16px;position:relative;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.calc-btn:hover{background:linear-gradient(145deg,#f5f3ff,#ede9fe);border-color:#c7d2fe;box-shadow:0 4px 8px #1e1b4b1a,inset 0 1px 0 #ffffffe6;transform:translateY(-2px) scale(1.05)}.calc-btn:active{transform:translateY(0) scale(.98)}.calc-btn.calc-clear{background:linear-gradient(145deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#dc2626}.calc-btn.calc-clear:hover{background:linear-gradient(145deg,#fee2e2,#fecaca);border-color:#fca5a5}.calc-btn.calc-operator{background:linear-gradient(145deg,#312e81,#1e1b4b);border-color:#312e81;box-shadow:0 4px 8px #1e1b4b40,inset 0 1px 0 #ffffff26,inset 0 -2px 0 #0003;color:#fff}.calc-btn.calc-operator:hover{background:linear-gradient(145deg,#4c1d95,#312e81);box-shadow:0 6px 12px #1e1b4b4d,inset 0 1px 0 #fff3;transform:translateY(-3px) scale(1.08)}.calc-quick-insert{grid-gap:8px;border-top:2px solid #e2e8f0;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);padding-top:12px}.calc-quick-insert button{background:linear-gradient(145deg,#f5f3ff,#ede9fe);border:2px solid #e0e7ff;border-radius:10px;color:#312e81;cursor:pointer;font-size:14px;font-weight:700;padding:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.calc-quick-insert button:hover{background:linear-gradient(145deg,#e0e7ff,#c7d2fe);border-color:#312e81;transform:translateY(-2px)}.calc-trace-section{background:#fff;border:2px solid #e0e7ff;border-radius:16px;box-shadow:0 4px 8px #1e1b4b0f;margin-top:12px;overflow:hidden}.calc-trace-header{align-items:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-bottom:1px solid #e0e7ff;display:flex;justify-content:space-between;padding:12px 16px}.calc-trace-title{align-items:center;color:#312e81;font-size:13px;font-weight:700}.calc-trace-actions,.calc-trace-title{display:flex;gap:8px}.calc-trace-clear,.calc-trace-toggle{align-items:center;background:#fff;border:2px solid #c7d2fe;border-radius:8px;color:#312e81;cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:4px;padding:6px 12px;transition:all .2s ease}.calc-trace-toggle:hover{background:#f5f3ff;border-color:#312e81}.calc-trace-clear:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.calc-trace-list{max-height:150px;overflow-y:auto;padding:12px}.calc-trace-list::-webkit-scrollbar{width:6px}.calc-trace-list::-webkit-scrollbar-track{background:#f8fafc}.calc-trace-list::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:3px}.calc-trace-item{align-items:center;background:linear-gradient(145deg,#f5f3ff,#ede9fe);border:1px solid #e0e7ff;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:10px 12px;transition:all .2s ease}.calc-trace-item:last-child{margin-bottom:0}.calc-trace-item:hover{background:linear-gradient(145deg,#e0e7ff,#c7d2fe);transform:translateX(4px)}.calc-trace-number{background:linear-gradient(135deg,#312e81,#1e1b4b);border-radius:6px;color:#fff;font-size:11px;font-weight:800;min-width:28px;padding:4px 8px;text-align:center}.calc-trace-math{color:#1e1b4b;flex:1 1;font-size:15px;overflow-x:auto}.calc-trace-math .katex{font-size:1em}.calc-insert-buttons{grid-gap:10px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:16px}.calc-insert-trace,.calc-insert-value{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:700;gap:6px;padding:14px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.calc-insert-value{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e2e8f0;box-shadow:0 2px 4px #1e1b4b0f,inset 0 1px 0 #ffffffe6;color:#312e81}.calc-insert-value:hover{background:linear-gradient(145deg,#f5f3ff,#ede9fe);border-color:#312e81;box-shadow:0 6px 12px #1e1b4b1f;transform:translateY(-3px)}.calc-insert-trace{background:linear-gradient(145deg,#312e81,#1e1b4b);box-shadow:0 4px 8px #1e1b4b40,inset 0 1px 0 #ffffff26,inset 0 -2px 0 #0003;color:#fff}.calc-insert-trace:hover{background:linear-gradient(145deg,#4c1d95,#312e81);box-shadow:0 8px 16px #1e1b4b4d,inset 0 1px 0 #fff3;transform:translateY(-3px)}.insert-preview{font-size:11px;font-weight:600;opacity:.8}.calc-insert-current{margin-top:12px}.calc-insert-current button{align-items:center;background:linear-gradient(145deg,#f5f3ff,#ede9fe);border:2px dashed #c7d2fe;border-radius:12px;color:#312e81;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .3s ease;width:100%}.calc-insert-current button:hover{background:linear-gradient(145deg,#e0e7ff,#c7d2fe);border-color:#312e81;border-style:solid;transform:translateY(-2px)}.mip-custom{display:flex;flex-direction:column;gap:16px}.mip-latex-input{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e0e7ff;border-radius:12px;color:#1e1b4b;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;outline:none;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.mip-latex-input:focus{border-color:#312e81;box-shadow:0 0 0 4px #312e811a}.mip-preview{display:flex;flex-direction:column;gap:10px}.preview-label{color:#312e81;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.preview-box{align-items:center;background:linear-gradient(145deg,#f5f3ff,#ede9fe);border:2px solid #e0e7ff;border-radius:14px;color:#1e1b4b;display:flex;font-size:20px;justify-content:center;min-height:90px;padding:20px}.preview-empty{color:#94a3b8;font-size:14px;font-style:italic}.math-error{font-size:14px;font-weight:600}.mip-footer{align-items:center;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:0 0 20px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.mip-mode-toggle{background:#fff;border:2px solid #e2e8f0;border-radius:10px;display:flex;gap:4px;padding:4px}.mode-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;transition:all .3s ease}.mode-btn:hover{background:#f5f3ff;color:#312e81}.mode-btn.active{background:linear-gradient(135deg,#312e81,#1e1b4b);box-shadow:0 2px 8px #1e1b4b33;color:#fff}.mip-insert-btn{background:linear-gradient(145deg,#312e81,#1e1b4b);border:none;border-radius:12px;box-shadow:0 4px 8px #1e1b4b40,inset 0 1px 0 #ffffff26,inset 0 -2px 0 #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:700;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.mip-insert-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.mip-insert-btn:hover:not(:disabled){background:linear-gradient(145deg,#4c1d95,#312e81);box-shadow:0 8px 16px #1e1b4b4d,inset 0 1px 0 #fff3;transform:translateY(-3px)}.mip-insert-btn:hover:not(:disabled):before{left:100%}.mip-insert-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:640px){.math-input-popover{border-radius:16px;max-height:80vh;width:calc(100vw - 24px)}.mip-header{padding:12px}.mip-tab{font-size:12px;padding:8px 12px}.mip-presets-grid{grid-template-columns:repeat(2,1fr)}.calc-row{gap:6px}.calc-btn{font-size:16px;padding:14px}.calc-insert-buttons{grid-template-columns:1fr}.mip-footer{flex-direction:column;gap:12px}.mip-insert-btn{width:100%}}.rich-text-editor{background:#fff;border:2px solid #e0e7ff;border-radius:16px;box-shadow:0 2px 4px #1e1b4b0a,0 4px 8px #1e1b4b0a;display:flex;flex-direction:column;height:100%;overflow:visible;position:relative}.rte-toolbar{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 60%,#4c1d95);border-bottom:none;display:flex;flex-shrink:0;gap:6px;padding:14px 18px;position:relative}.rte-toolbar:before{background:linear-gradient(180deg,#ffffff1a,#0000);border-radius:14px 14px 0 0;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.toolbar-group{display:flex;gap:4px;position:relative;z-index:1}.toolbar-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;color:#ffffffe6;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:38px}.toolbar-btn:hover{background:#fff3;box-shadow:0 4px 8px #00000026;color:#fff;transform:translateY(-2px)}.toolbar-btn.active{background:#fff;border-color:#fff;box-shadow:0 4px 12px #0003;color:#1e1b4b}.toolbar-divider{background:#fff3;border-radius:1px;height:28px;margin:0 10px;position:relative;width:2px;z-index:1}.rte-content{background:linear-gradient(180deg,#fff,#faf8ff);color:#1e1b4b;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.8;outline:none;overflow-y:auto;padding:24px}.rte-content::-webkit-scrollbar{width:10px}.rte-content::-webkit-scrollbar-track{background:#f5f3ff;border-radius:5px}.rte-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c7d2fe,#a5b4fc);border:2px solid #f5f3ff;border-radius:5px}.rte-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a5b4fc,#818cf8)}.rte-content:empty:before{color:#94a3b8;content:attr(data-placeholder);font-style:italic;pointer-events:none}.rte-content strong{color:#1e1b4b;font-weight:700}.rte-content em{font-style:italic}.rte-content u{text-decoration:underline;-webkit-text-decoration-color:#312e81;text-decoration-color:#312e81}.rte-content s{color:#64748b;text-decoration:line-through}.rte-content ol,.rte-content ul{margin:16px 0;padding-left:32px}.rte-content li{margin:8px 0}.rte-content ul li::marker{color:#312e81}.rte-content ol li::marker{color:#312e81;font-weight:700}.rte-content p{margin:14px 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 .3s ease;-webkit-user-select:none;user-select:none}.rte-content .math-inline{background:linear-gradient(145deg,#f5f3ff,#ede9fe);border:1px solid #e0e7ff;border-radius:8px;display:inline-block;font-size:1em;margin:0 4px;padding:4px 8px;transition:all .3s ease;vertical-align:initial}.rte-content .math-inline:hover{background:linear-gradient(145deg,#e0e7ff,#c7d2fe);border-color:#312e81;box-shadow:0 4px 8px #312e8126;transform:translateY(-2px)}.rte-content .math-display{background:linear-gradient(145deg,#f5f3ff,#ede9fe);border:none;border-left:4px solid #312e81;border-radius:0 12px 12px 0;box-shadow:0 2px 4px #1e1b4b0a,0 4px 8px #1e1b4b0a;display:block;margin:20px 0;overflow-x:auto;padding:20px;text-align:center;transition:all .3s ease}.rte-content .math-display:hover{background:linear-gradient(145deg,#e0e7ff,#c7d2fe);border-left-color:#4c1d95;box-shadow:0 6px 16px #312e811f;transform:translateX(4px)}.rte-content .math-node:hover:after{align-items:center;animation:editIconPop .2s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#312e81,#4c1d95);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #312e8166;content:"✏️";display:flex;font-size:12px;height:26px;justify-content:center;pointer-events:none;position:absolute;right:-12px;top:-12px;width:26px}@keyframes editIconPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.rte-content .math-display:hover:after{right:12px;top:12px}.rte-content .katex{color:#1e1b4b;font-size:1.15em}.rte-content .math-display .katex{font-size:1.3em}.rte-content .math-error{background:linear-gradient(145deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:8px;color:#dc2626;font-family:Monaco,Courier New,monospace;font-size:.9em;padding:6px 10px}.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{border-color:#312e81;box-shadow:0 0 0 4px #312e811a,0 4px 12px #1e1b4b1a}.variable-edit-popup{animation:popupSlideIn .25s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:16px;box-shadow:0 12px 40px #1e1b4b33,0 0 0 1px #1e1b4b0d;max-width:420px;min-width:320px;overflow:hidden;position:absolute;z-index:10000}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.variable-edit-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 60%,#4c1d95);color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:14px 18px;position:relative}.variable-edit-header:before{background:linear-gradient(180deg,#ffffff1a,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.variable-edit-close{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;position:relative;transition:all .2s ease;width:28px;z-index:1}.variable-edit-close:hover{background:#ffffff40;transform:scale(1.1)}.variable-edit-input-wrapper{background:#fff;border-bottom:1px solid #e0e7ff;padding:18px}.variable-edit-input{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e0e7ff;border-radius:12px;color:#1e1b4b;font-family:Monaco,Menlo,Courier New,monospace;font-size:15px;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.variable-edit-input:focus{border-color:#312e81;box-shadow:0 0 0 4px #312e811a}.variable-edit-preview{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:18px}.variable-edit-preview .preview-label{color:#312e81;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.variable-edit-preview .preview-content{align-items:center;background:#fff;border:2px solid #e0e7ff;border-radius:12px;color:#1e1b4b;display:flex;font-size:20px;justify-content:center;min-height:50px;padding:16px}.variable-edit-preview .preview-empty{color:#94a3b8;font-size:14px;font-style:italic}.variable-edit-actions{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top:1px solid #e0e7ff;display:flex;gap:10px;padding:14px 18px}.variable-btn-cancel,.variable-btn-save{border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px 18px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.variable-btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#64748b}.variable-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.variable-btn-save{background:linear-gradient(145deg,#312e81,#1e1b4b);border:none;box-shadow:0 4px 8px #1e1b4b40,inset 0 1px 0 #ffffff26;color:#fff}.variable-btn-save:hover{background:linear-gradient(145deg,#4c1d95,#312e81);box-shadow:0 6px 12px #1e1b4b4d,inset 0 1px 0 #fff3;transform:translateY(-3px)}@media (max-width:640px){.rte-toolbar{flex-wrap:wrap;gap:8px;padding:12px}.toolbar-btn{height:36px;width:36px}.rte-content{font-size:15px;padding:18px}.rte-content .math-inline{margin:0 2px;padding:3px 6px}.rte-content .math-display{margin:14px 0;padding:14px}.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:3px solid #312e81}.variable-edit-popup{display:none}}.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{color:#6b7280;height:36px;transition:all .2s ease;width:36px}.close-btn:hover{background:#f3f4f6;color:#111827}.panel-filters{padding:20px 24px}.search-box{margin-bottom:16px;position:relative}.search-box svg{height:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-box input{border:1px solid #d1d5db;border-radius:8px;padding:12px 12px 12px 44px;transition:all .2s ease;width:100%}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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{background:#fff;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;font-size:12px;padding:6px 12px}.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}.stat-label,.stat-value{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);transition:width .3s ease}.card-actions{display:flex;gap:8px}.action-btn{border-radius:8px;font-size:13px;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);color:#fff}.grade-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.edit-btn{background:#f3f4f6;color:#6b7280}.edit-btn:hover{background:#e5e7eb;color:#111827}.delete-btn{color:#dc2626;flex:0 1;padding:10px}.delete-btn:hover{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{color:#718096;font-size:14px}.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{background:#0000;flex-shrink:0;justify-content:center;padding:6px}.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}.panel-header-f{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.panel-header-f .header-content-f{color:#fff;flex:1 1;margin-right:16px}.header-content h2{font-size:1.25rem;font-weight:600;margin:0}.assignments-count{font-size:.875rem;margin:4px 0 0;opacity:.85}.close-btn{background:#0000;border-radius:6px;color:#fff;padding:6px}.close-btn:hover{background:#ffffff26}.close-btn svg{height:20px;width:20px}.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:linear-gradient(135deg,#312e81,#4c1d95);border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.meta-badge svg{color:#fff;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{display:block;margin-bottom:4px}.stat-value{color:#111827;display:block;font-size:24px}.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;flex:1 1;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;font-size:14px;outline:none}.filter-group{align-items:center;gap:8px}.filter-group svg{color:#6b7280;height:18px;width:18px}.filter-group select{border:1px solid #e5e7eb;color:#111827;font-size:14px;padding:8px 12px;transition:all .2s}.filter-group select:hover{border-color:#667eea}.panel-content{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{background:#fff!important;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.submission-card:hover{background:#fafafa!important;border-color:#818cf8;box-shadow:0 4px 12px #818cf81a}.submission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.student-info{gap:12px}.student-avatar,.student-info{align-items:center;display:flex}.student-avatar{background:linear-gradient(135deg,#818cf8,#a78bfa);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{font-size:14px}.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;justify-content:space-between;padding:24px}.modal-header h3{color:#111827;font-size:20px;font-weight:700}.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;padding:24px}.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;font-weight:600;margin-bottom:4px}.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;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:#4c1d95;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:#4c1d95;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,#4c1d95,#5b21b6);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;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px;transition:all .3s}.stat-card:before{height:4px}.stat-card.primary:before{background:linear-gradient(90deg,#4c1d95,#5b21b6)}.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{border-radius:12px;height:48px;margin-bottom:16px;width:48px}.stat-card.primary .stat-icon{background:#4c1d951a;color:#4c1d95}.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-icon svg{height:24px;width:24px}.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,#1e1b4b,#312e81);border-color:#0000;box-shadow:0 4px 12px #1e1b4b4d;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{flex-direction:row;gap:16px;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,#1e1b4b,#312e81);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 #1e1b4b66;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 #312e81;border-radius:10px;color:#312e81;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:#312e81;box-shadow:0 6px 20px #1e1b4b4d;color:#fff;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-secondary svg{height:20px;width:20px}.empty-assignments{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.empty-assignments svg{color:#9ca3af;height:80px;margin-bottom:24px;width:80px}.empty-assignments h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.empty-assignments p{color:#6b7280;font-size:15px;max-width:320px}.btn-create-first{border-radius:12px;font-size:15px;padding:14px 28px;transition:all .2s ease}.btn-create-first:hover{box-shadow:0 6px 20px #1e1b4b66}.btn-create-first svg{height:20px;width:20px}.empty-assignments p{color:#718096;font-size:18px;margin:0 0 24px}.btn-create-first{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);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 #1e1b4b66;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{color:#718096;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}.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{background:#f8fafc;flex-shrink:0;height:100vh;min-width:200px;overflow-x:hidden;overflow-y:auto;transition:width .15s ease}.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;flex:1 1;height:100vh;min-width:400px;overflow-x:hidden;overflow-y:auto;transition:width .15s ease}.split-divider:hover{background:#cbd5e1}.divider-handle svg{color:#fff;height:12px;opacity:.9;width:12px}.teacher-dashboard-container.embedded.midnight-purple{background:#fff;height:100vh;overflow:hidden}.teacher-dashboard-container.embedded.midnight-purple .teacher-dashboard-main{height:100%;overflow:hidden}.teacher-dashboard-container.embedded.midnight-purple .teacher-dashboard{background:#f8fafc;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.dashboard-header-bar{align-items:stretch;background:#fff;border-bottom:2px solid #1e1b4b;display:flex;flex-shrink:0;gap:20px;padding:16px 24px}.wizard-hat-section{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border:none;border-radius:16px;cursor:pointer;display:flex;gap:16px;min-width:240px;padding:12px 20px;transition:all .3s ease}.wizard-hat-section:hover{background:linear-gradient(135deg,#312e81,#4c1d95);box-shadow:0 4px 20px #1e1b4b66}.wizard-hat-section:hover,.wizard-hat-section:hover .back-arrow{transform:translateX(-4px)}.wizard-hat-container{flex-shrink:0;height:80px;transition:transform .3s ease;width:80px}.wizard-hat-section:hover .wizard-hat-container{transform:scale(1.05)}.wizard-hat-info{align-items:center;display:flex;gap:12px}.back-arrow{color:#fff;font-size:20px;font-weight:700;transition:all .3s ease}.brand-info{display:flex;flex-direction:column;gap:2px}.brand-title{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0}.brand-desc{color:#ffffffb3;font-size:12px;font-weight:500;margin:0}.header-stats-grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);min-width:0}.header-stat-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:10px;padding:10px 14px;transition:all .2s ease}.header-stat-card:hover{background:#fff;border-color:#312e81;box-shadow:0 2px 12px #1e1b4b1a}.header-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.header-stat-icon svg{height:18px;width:18px}.header-stat-icon.purple{background:#1e1b4b;color:#fff}.header-stat-icon.orange{background:#ea580c;color:#fff}.header-stat-icon.green{background:#16a34a;color:#fff}.header-stat-icon.blue{background:#2563eb;color:#fff}.header-stat-content{display:flex;flex-direction:column;gap:1px;min-width:0}.header-stat-value{color:#1e1b4b;font-size:20px;font-weight:700;line-height:1.1}.header-stat-label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.teacher-dashboard-container.embedded.midnight-purple .td-view-tabs{border-bottom-color:#e2e8f0;flex-shrink:0;margin-bottom:16px;margin-top:16px;padding:0 24px}.teacher-dashboard-container.embedded.midnight-purple .view-tab{background:#fff;border-color:#e2e8f0;color:#64748b}.teacher-dashboard-container.embedded.midnight-purple .view-tab:hover{background:#f8fafc;border-color:#312e81;color:#312e81}.teacher-dashboard-container.embedded.midnight-purple .view-tab.active{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#0000;box-shadow:0 4px 12px #1e1b4b4d;color:#fff}.teacher-dashboard-container.embedded.midnight-purple .td-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;flex:1 1;margin:0 24px 24px;min-height:0;overflow-y:auto;padding:24px}.teacher-dashboard-container.embedded.midnight-purple .td-content::-webkit-scrollbar{width:6px}.teacher-dashboard-container.embedded.midnight-purple .td-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.teacher-dashboard-container.embedded.midnight-purple .td-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.teacher-dashboard-container.embedded.midnight-purple .td-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.teacher-dashboard-container.embedded.midnight-purple .section-header h2{color:#1e1b4b}.teacher-dashboard-container.embedded.midnight-purple .btn-primary{background:linear-gradient(135deg,#1e1b4b,#312e81);box-shadow:0 4px 12px #1e1b4b40}.teacher-dashboard-container.embedded.midnight-purple .btn-primary:hover{box-shadow:0 6px 20px #1e1b4b66}.teacher-dashboard-container.embedded.midnight-purple .btn-secondary{background:#fff;border-color:#312e81;color:#312e81}.teacher-dashboard-container.embedded.midnight-purple .btn-secondary:hover{background:#f5f3ff;border-color:#1e1b4b;color:#312e81}.teacher-dashboard-container .student-card,.teacher-dashboard-container .student-row,.teacher-dashboard-container.embedded.midnight-purple .student-card,.teacher-dashboard-container.embedded.midnight-purple .student-row{background:#fff!important;background-color:#fff!important}.teacher-dashboard-container.embedded.midnight-purple .student-card:hover .student-row,.teacher-dashboard-container.embedded.midnight-purple .student-row:hover{background:#f8fafc!important}.teacher-dashboard-container.embedded.midnight-purple .student-info h3,.teacher-dashboard-container.embedded.midnight-purple .student-name{color:#1e1b4b!important}.teacher-dashboard-container.embedded.midnight-purple .meta-item,.teacher-dashboard-container.embedded.midnight-purple .student-meta{color:#64748b!important}.teacher-dashboard-container.embedded.midnight-purple .assignment-row{background:#f8fafc;border:1px solid #e2e8f0}.teacher-dashboard-container.embedded.midnight-purple .assignment-row:hover{background:#fff;border-color:#312e81;box-shadow:0 2px 12px #1e1b4b1a}.teacher-dashboard-container.embedded.midnight-purple .assignment-row.selected{background:#f5f3ff;border-color:#312e81;border-width:2px}.teacher-dashboard-container.embedded.midnight-purple .assignment-info h3{color:#1e1b4b}.teacher-dashboard-container.embedded.midnight-purple .meta-tag{background:#fff;border:1px solid #e2e8f0;color:#475569}.teacher-dashboard-container.embedded.midnight-purple .stat-number{color:#1e1b4b}.teacher-dashboard-container.embedded.midnight-purple .stat-label{color:#64748b}.teacher-dashboard-container.embedded.midnight-purple .empty-assignments svg{color:#cbd5e1}.teacher-dashboard-container.embedded.midnight-purple .empty-assignments p{color:#64748b}.tab-badge{background:#dc2626;font-size:.7rem;margin-left:.5rem;padding:.15rem .5rem}.teacher-dashboard-container.embedded.midnight-purple .teacher-dashboard-panel{background:#fff;border-left-color:#e2e8f0}.teacher-dashboard-container.embedded.midnight-purple .split-divider:hover{background:#c7d2fe}.teacher-dashboard-container.embedded.midnight-purple .divider-handle{background:linear-gradient(135deg,#1e1b4b,#312e81);box-shadow:0 4px 16px #1e1b4b4d}@media (max-width:1200px){.dashboard-header-bar{flex-direction:column;gap:16px}.wizard-hat-section{justify-content:flex-start;width:100%}.header-stats-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}}@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%}.dashboard-header-bar{padding:12px 16px}.wizard-hat-section{min-width:auto;padding:10px 14px}.wizard-hat-container{height:60px;width:60px}.brand-title{font-size:20px}.header-stats-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.header-stat-card{padding:8px 10px}.header-stat-value{font-size:16px}.header-stat-icon{height:30px;width:30px}.header-stat-icon svg{height:14px;width:14px}}@media (max-width:480px){.wizard-hat-section{flex-direction:column;gap:8px;text-align:center}.wizard-hat-info{flex-direction:column;gap:4px}.back-arrow{display:none}.brand-info{align-items:center}.header-stats-grid{gap:6px}.header-stat-label{font-size:9px}}.assignment-row.clickable{cursor:pointer}.teacher-dashboard-container.embedded.midnight-purple .assignment-row.clickable:hover{background:#fff;border-color:#312e81;box-shadow:0 4px 16px #1e1b4b26}.btn-primary,.panel-header,.panel-header *,.view-tab.active,.view-tab.active *,[class*=midnight],[class*=purple-bg],[style*=gradient],[style*=purple]{color:#fff!important}.assignment-card,.assignment-row,.student-card,.student-row,.submission-card,.submission-row{background:#fff!important;background-color:#fff!important}.assignment-row:hover,.student-card:hover,.student-row:hover,.submission-card:hover,.submission-row:hover{background:#f8fafc!important}.grading-panel{background-color:#1a1433;color:#e2e8f0;display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden}.grading-panel .panel-header{background-color:#1e1b4b;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:700;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.grading-panel .badge svg{height:12px;width:12px}.grading-panel .badge-success{background:#10b98140;border:1px solid #34d39966;color:#6ee7b7}.grading-panel .badge-warning{background:#fbbf2440;border:1px solid #fbbf2466;color:#fcd34d}.grading-panel .badge-danger{background:#ef444440;border:1px solid #f8717166;color:#fca5a5}.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:#10b98126;border-bottom:1px solid #10b98133;color:#34d399}.grading-panel .action-message.error{background:#ef444426;border-bottom:1px solid #ef444433;color:#f87171}.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:#0000004d;border-radius:4px}.grading-panel .panel-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.grading-panel .panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.grading-panel .loading-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.grading-panel .loading-state svg{color:#e2e8f0;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:linear-gradient(180deg,#1e1b4bcc,#0f0a1ee6);border:1px solid #8b5cf633;border-radius:12px;flex-shrink:0;overflow:hidden}.grading-panel .info-card.student-card-pan,.grading-panel .student-card-pan{align-items:center;background:linear-gradient(135deg,#312e81,#4c1d95)!important;border:1px solid #8b5cf64d;border-radius:12px;display:flex;gap:14px;padding:16px}.grading-panel .student-avatar-large{align-items:center;background:linear-gradient(135deg,#312e81,#4c1d95);border:2px solid #fff3;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:#fff;font-size:15px;font-weight:700;margin:0 0 2px}.grading-panel .student-email{color:#cbd5e1;font-size:12px;margin:0 0 2px}.grading-panel .submitted-time{align-items:center;color:#94a3b8;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:linear-gradient(135deg,#312e8199,#4c1d9566);border-bottom:1px solid #8b5cf633;display:flex;padding:12px 16px}.grading-panel .section-header h3{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0}.grading-panel .section-header h3 svg{color:#c4b5fd;height:18px;width:18px}.grading-panel .grade-card{background:linear-gradient(135deg,#4c1d9580,#312e81b3 50%,#1e1b4bcc);border-color:#8b5cf64d;box-shadow:0 4px 20px #4c1d954d}.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{filter:drop-shadow(0 0 12px rgba(255,255,255,.7));height:100%;width:100%}.grading-panel .grade-circle-bg{stroke:#ffffff4d}.grading-panel .grade-circle-fill{stroke:#fff;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(255,255,255,.9))}.grading-panel .grade-circle-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.grading-panel .grade-value{color:#fff!important;display:block;font-size:18px;font-weight:800;line-height:1;text-shadow:0 0 2px #000,0 0 10px #fffc,0 0 20px #fff9}.grading-panel .grade-max{color:#fff!important;display:block;font-size:11px;text-shadow:0 0 2px #000,0 0 8px #ffffffb3}.grading-panel .grade-details{display:flex;flex-direction:column;gap:2px}.grading-panel .grade-percentage{color:#fff;font-size:22px;font-weight:800}.grading-panel .grade-letter{color:#94a3b8;font-size:16px;font-weight:700}.grading-panel .rubric-breakdown{background:#0f0a1e80;border-top:1px solid #ffffff1a;padding:12px 14px}.grading-panel .rubric-breakdown h4{color:#e2e8f0;font-size:12px;font-weight:700;margin:0 0 10px}.grading-panel .rubric-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:6px 0}.grading-panel .rubric-item:last-child{border-bottom:none}.grading-panel .criterion-name{color:#94a3b8;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:#ffffff1a;border-radius:3px;flex:1 1;height:5px;overflow:hidden}.grading-panel .score-bar-fill{background:linear-gradient(90deg,#34d399,#10b981);border-radius:3px;height:100%}.grading-panel .score-text{color:#e2e8f0;font-size:11px;font-weight:700;white-space:nowrap}.grading-panel .feedback-card .feedback-content{background:#0f0a1e66;color:#f1f5f9;font-size:14px;line-height:1.8;min-height:60px;padding:16px}.grading-panel .feedback-card .feedback-content.empty{background:#0000;color:#94a3b8;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 #ffffff1a;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:#10b98126;border-left:3px solid #34d399}.grading-panel .feedback-subsection.strengths h4,.grading-panel .feedback-subsection.strengths h4 svg{color:#34d399}.grading-panel .feedback-subsection.improvements{background:#fbbf2426;border-left:3px solid #fbbf24}.grading-panel .feedback-subsection.improvements h4,.grading-panel .feedback-subsection.improvements h4 svg{color:#fbbf24}.grading-panel .feedback-subsection ul{list-style:none;margin:0;padding:0}.grading-panel .feedback-subsection li{color:#f1f5f9;font-size:13px;line-height:1.5;padding:5px 0 5px 16px;position:relative}.grading-panel .feedback-subsection li:before{content:"•";font-weight:700;left:0;position:absolute}.grading-panel .feedback-subsection.strengths li:before{color:#34d399}.grading-panel .feedback-subsection.improvements li:before{color:#fbbf24}.grading-panel .ai-card .ai-not-run{align-items:center;background:#0f0a1e66;display:flex;flex-direction:column;padding:28px 16px;text-align:center}.grading-panel .ai-not-run svg{color:#a78bfa;height:32px;margin-bottom:10px;width:32px}.grading-panel .ai-not-run p{color:#e2e8f0;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:#10b98126;border-color:#34d39966}.grading-panel .verdict-card.verdict-authentic .verdict-icon,.grading-panel .verdict-card.verdict-human .verdict-icon{color:#34d399}.grading-panel .verdict-card.verdict-likely_ai,.grading-panel .verdict-card.verdict-unknown{background:#fbbf2426;border-color:#fbbf2466}.grading-panel .verdict-card.verdict-likely_ai .verdict-icon,.grading-panel .verdict-card.verdict-unknown .verdict-icon{color:#fbbf24}.grading-panel .verdict-card.verdict-ai_generated{background:#ef444426;border-color:#f8717166}.grading-panel .verdict-card.verdict-ai_generated .verdict-icon{color:#f87171}.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:#94a3b8;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.grading-panel .verdict-value{color:#e2e8f0;font-size:14px;font-weight:800;text-transform:uppercase}.grading-panel .probability-section{background:#0f0a1e80;border:1px solid #ffffff1a;border-radius:8px;padding:10px}.grading-panel .probability-header{color:#94a3b8;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:6px}.grading-panel .probability-value{color:#e2e8f0;font-size:14px;font-weight:800}.grading-panel .probability-bar{background:#ffffff1a;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:#ef44441a;border:1px solid #f871714d;border-radius:6px;padding:10px}.grading-panel .red-flags h4{align-items:center;color:#f87171;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:#fca5a5;font-size:11px;padding:3px 0}.grading-panel .grading-card .grading-done,.grading-panel .grading-card .grading-not-done{background:#0f0a1e66;padding:24px 16px;text-align:center}.grading-panel .grading-done svg,.grading-panel .grading-not-done svg{color:#a78bfa;height:28px;margin-bottom:8px;width:28px}.grading-panel .grading-done p,.grading-panel .grading-not-done p{color:#e2e8f0;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:#e2e8f0;font-size:15px;font-weight:700;margin:0 0 16px}.grading-panel .form-row{margin-bottom:16px}.grading-panel .form-row label{color:#94a3b8;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.grading-panel .label-hint{color:#6b7280;font-size:11px;font-weight:400;margin-left:6px}.grading-panel .grade-input-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.grading-panel .grade-input-group input{background:#0f0a1e99;border:2px solid #ffffff26;border-radius:8px;color:#e2e8f0;font-size:16px;font-weight:700;padding:10px 12px;text-align:center;width:80px}.grading-panel .grade-input-group input:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff0d;outline:none}.grading-panel .grade-input-group input::placeholder{color:#6b7280}.grading-panel .grade-max-label{color:#94a3b8;font-size:15px;font-weight:600}.grading-panel .live-preview{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;gap:8px;margin-left:auto;padding:6px 12px}.grading-panel .preview-percentage{color:#e2e8f0;font-size:14px;font-weight:700}.grading-panel .preview-letter{color:#94a3b8;font-size:14px;font-weight:700}.grading-panel .form-row textarea{background:#0f0a1e99;border:2px solid #ffffff26;border-radius:8px;box-sizing:border-box;color:#e2e8f0;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:#fff6;box-shadow:0 0 0 3px #ffffff0d;outline:none}.grading-panel .form-row textarea::placeholder{color:#6b7280}.grading-panel .form-row select{background:#0f0a1e99;border:2px solid #ffffff26;border-radius:8px;box-sizing:border-box;color:#e2e8f0;cursor:pointer;font-size:13px;padding:10px 12px;width:100%}.grading-panel .form-row select:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff0d;outline:none}.grading-panel .form-row select option{background:#1a1433;color:#e2e8f0}.grading-panel .form-row select optgroup{background:#0f0a1e;color:#94a3b8;font-weight:600}.grading-panel .form-actions{border-top:1px solid #ffffff1a;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,#1e1b4b,#312e81 50%,#4c1d95);border:1px solid #ffffff1a;color:#fff}.grading-panel .btn-action.primary:hover:not(:disabled){box-shadow:0 4px 12px #312e8180;transform:translateY(-2px)}.grading-panel .btn-action.secondary{background:#ffffff1a;border:1px solid #fff3;color:#e2e8f0}.grading-panel .btn-action.secondary:hover:not(:disabled){background:#ffffff26}.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}.grading-panel .info-card.student-card,.grading-panel .student-card,.info-card.student-card{background:linear-gradient(135deg,#312e81,#4c1d95)!important}.grade-circle-text,.grade-circle-text .grade-max,.grade-circle-text .grade-value,.grading-panel .grade-max,.grading-panel .grade-value{color:#fff!important}.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-color:#0f0a1e;bottom:0;display:flex;flex-direction:row;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.grading-left-panel{background-color:#1a1433;border-right:1px solid #ffffff14;box-shadow:4px 0 24px #0006;max-width:420px;min-width:420px;width:420px;z-index:2}.grading-center-controls,.grading-left-panel{display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:hidden}.grading-center-controls{align-items:center;background-color:#1e1b4b;box-shadow:0 0 30px #312e814d;gap:16px;justify-content:center;max-width:80px;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:#ffffff14;border:1px solid #ffffff26;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:#ffffff26;border-color:#ffffff40;transform:scale(1.05)}.nav-btn:disabled{cursor:not-allowed;opacity:.3}.nav-btn-back{background:#ef444426;border-color:#ef44444d}.nav-btn-back:hover:not(:disabled){background:#ef44444d;border-color:#ef444480}.nav-btn-next,.nav-btn-prev{background:#ffffff1a;border-color:#fff3}.nav-btn-next:hover:not(:disabled),.nav-btn-prev:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.nav-divider{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;margin:8px 0;width:40px}.nav-counter{align-items:baseline;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:2px;padding:8px 12px}.counter-current{color:#fff;font-size:18px;font-weight:800}.counter-separator{color:#fff6;font-size:14px;margin:0 2px}.counter-total{color:#fff9;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,#312e81,#4c1d95);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #0000004d;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-color:#0f0a1e;border-left:none;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.preview-header{background-color:#1e1b4b;border-bottom:1px solid #8b5cf64d;flex-shrink:0;padding:12px 20px}.preview-title{align-items:center;color:#fff!important;display:flex;font-size:14px;font-weight:700;gap:8px}.preview-title svg{height:20px;width:20px}.preview-title span,.preview-title svg{color:#fff!important}.btn-refresh{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;cursor:pointer;padding:8px;transition:all .2s}.btn-refresh svg{color:#e2e8f0;height:18px;width:18px}.btn-refresh:hover:not(:disabled){background:#ffffff26;border-color:#fff3}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.preview-content{flex:1 1;overflow:auto;padding:0}.preview-content::-webkit-scrollbar{width:8px}.preview-content::-webkit-scrollbar-track{background:#0000004d}.preview-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.preview-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.preview-loading{color:#94a3b8}.preview-loading svg{color:#e2e8f0;height:40px;width:40px}.preview-loading p{font-size:14px}.preview-error{align-items:center;color:#f87171;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:20px;text-align:center}.preview-error svg{height:40px;width:40px}.preview-error p{font-size:14px;margin:0}.preview-error button{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#f87171;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.preview-error button:hover{background:#ef444440;border-color:#ef444480}.preview-empty{align-items:center;color:#6b7280;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;margin:0}.preview-mode-badge{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;color:#e2e8f0;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;margin-left:8px;padding:4px 12px;text-transform:uppercase}.preview-mode-badge svg{height:12px;width:12px}.canvas-preview-wrapper{background-color:#0f0a1e;height:100%;overflow:auto;padding:20px;width:100%}.canvas-preview-wrapper::-webkit-scrollbar{height:8px;width:8px}.canvas-preview-wrapper::-webkit-scrollbar-track{background:#0000004d}.canvas-preview-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.canvas-preview-wrapper .canvas-viewer-light{background:#1e1b4b66;border:1px solid #ffffff14;border-radius:12px;min-height:100%}.code-preview-wrapper{background:#0d0b14;height:100%;overflow:hidden;width:100%}.code-preview-wrapper .code-editor-light{border-radius:0;height:100%}.code-files{display:flex;flex-direction:column;gap:16px;padding:20px}.code-file{background:#1e1b4b99;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.file-header{align-items:center;background:#312e8166;border-bottom:1px solid #ffffff14;display:flex;gap:8px;padding:10px 16px}.file-header svg{color:#e2e8f0;height:16px;width:16px}.file-header span{color:#e2e8f0;font-size:13px;font-weight:600}.file-content{background:#0f0a1e99;color:#e2e8f0;font-family:Monaco,Menlo,Fira Code,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:#1e1b4b80;border:1px solid #ffffff1a;border-radius:12px;margin:20px;padding:16px}.test-results h4{align-items:center;color:#e2e8f0;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0 0 12px}.test-results h4:before{background:#e2e8f0;border-radius:2px;content:"";display:inline-block;height:8px;width:8px}.test-summary{display:flex;gap:16px}.tests-passed{align-items:center;color:#34d399;display:flex;font-size:14px;font-weight:600;gap:6px}.tests-passed:before{content:"✓";font-size:12px}.tests-failed{align-items:center;color:#f87171;display:flex;font-size:14px;font-weight:600;gap:6px}.tests-failed:before{content:"✗";font-size:12px}.document-preview-wrapper{background-color:#0f0a1e;height:100%;overflow:auto;padding:24px;width:100%}.document-preview-wrapper::-webkit-scrollbar{width:8px}.document-preview-wrapper::-webkit-scrollbar-track{background:#0000004d}.document-preview-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.document-text{word-wrap:break-word;background:#1e1b4b66;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0003;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.8;padding:24px;white-space:pre-wrap}.document-text.document-json{background:#0f0a1e99;border-color:#fbbf244d}.document-json .json-header{border-bottom:1px solid #ffffff1a;color:#fbbf24;font-size:12px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.document-json pre{color:#94a3b8;font-family:Monaco,Menlo,Fira Code,monospace;font-size:12px;line-height:1.6;margin:0;overflow-x:auto}.document-content{background:#1e1b4b66;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0003;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.7;padding:24px}.document-content h1,.document-content h2,.document-content h3{color:#f1f5f9;font-weight:600;margin-bottom:12px;margin-top:24px}.document-content h1{border-bottom:1px solid #ffffff1a;font-size:24px;padding-bottom:12px}.document-content h2{font-size:20px}.document-content h3{font-size:16px}.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 a{color:#e2e8f0;text-decoration:underline;text-underline-offset:2px}.document-content a:hover{color:#fff}.document-content code{background:#ffffff1a;border-radius:4px;color:#e2e8f0;font-family:Monaco,Menlo,monospace;font-size:13px;padding:2px 8px}.document-content pre{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.document-content pre code{background:#0000;padding:0}.document-content img{border:1px solid #ffffff14;border-radius:8px;height:auto;margin:16px 0;max-width:100%}.document-content blockquote{background:#ffffff0d;border-left:3px solid #ffffff4d;border-radius:0 8px 8px 0;color:#cbd5e1;font-style:italic;margin:16px 0;padding:12px 20px}.question-editor-wrapper{display:flex!important;flex-direction:row!important;height:100%;width:100%}.question-editor-wrapper,.question-nav-sidebar{background-color:#0f0a1e;overflow:hidden;position:relative}.question-nav-sidebar{border-right:1px solid #8b5cf633;display:flex;flex-direction:column;flex-grow:0!important;flex-shrink:0!important;isolation:isolate;max-width:180px!important;min-width:180px!important;width:180px!important;z-index:1}.question-nav-header{background-color:#0f0a1e;border-bottom:1px solid #8b5cf633;padding:16px}.question-nav-header h4{color:#fff;font-size:14px;font-weight:700;margin:0 0 8px}.total-score-badge{align-items:center;background:linear-gradient(135deg,#4c1d95,#6d28d9);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:6px;padding:6px 12px}.total-percentage{color:#c4b5fd;font-size:11px;font-weight:600}.question-nav-list{flex:1 1;overflow-y:auto;padding:8px}.question-nav-item{align-items:center;background:#1e1b4b80;border:1px solid #8b5cf626;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:10px 12px;transition:all .2s;width:100%}.question-nav-item:hover{background:#312e8180;border-color:#8b5cf64d}.question-nav-item.active{background:linear-gradient(135deg,#4c1d95,#6d28d9);border-color:#8b5cf6}.question-nav-item.graded .q-score{color:#34d399}.question-nav-item .q-number{color:#e2e8f0;font-size:13px;font-weight:700}.question-nav-item .q-score{color:#94a3b8;font-size:12px;font-weight:600}.question-nav-item .not-graded{color:#6b7280}.question-save-section{background-color:#0f0a1e;border-top:1px solid #8b5cf633;display:flex;flex-direction:column;gap:12px;overflow:visible;padding:16px;position:relative}.graded-progress{display:flex;flex-direction:column;gap:6px;position:static!important;transform:none!important;width:100%}.progress-text{color:#94a3b8;text-align:center}.question-save-section .progress-bar{background:#8b5cf633;display:flex;overflow:hidden;width:100%}.question-save-section .progress-bar,.question-save-section .progress-fill{border-radius:3px;bottom:auto!important;height:6px;left:auto!important;max-height:6px;min-height:6px;position:static!important;right:auto!important;top:auto!important;transform:none!important}.question-save-section .progress-fill{background:linear-gradient(90deg,#34d399,#10b981);display:block;flex-shrink:0;transition:width .3s ease}.save-message{border-radius:6px;font-size:12px;font-weight:600;padding:8px 12px;text-align:center}.save-message.success{background:#10b98133;border:1px solid #34d3994d;color:#34d399}.save-message.error{background:#ef444433;border:1px solid #f871714d;color:#f87171}.btn-save-all{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 16px;transition:all .2s}.btn-save-all:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-save-all:disabled{background:#8b5cf64d;cursor:not-allowed;opacity:.5}.question-nav-item.modified{border-color:#fbbf2480}.question-nav-item.saved{border-color:#34d39980}.modified-dot{color:#fbbf24;font-size:10px;margin-left:auto}.saved-check{color:#34d399;font-size:11px;margin-left:auto}.modified-count,.question-modified-badge{color:#fbbf24;font-size:11px}.question-modified-badge{background:#fbbf2433;border:1px solid #fbbf2466;border-radius:12px;font-weight:600;padding:4px 10px}.question-saved-badge{background:#10b98133;border:1px solid #34d39966;border-radius:12px;color:#34d399;font-size:11px;font-weight:600;padding:4px 10px}.ai-score-box{background:#8b5cf61a;border:1px solid #8b5cf640;border-left:3px solid #8b5cf6;border-radius:8px;padding:12px 16px}.ai-score-box h5{color:#a78bfa;font-size:12px;font-weight:700;margin:0 0 8px}.ai-score-display{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.ai-score-value{color:#c4b5fd;font-size:18px;font-weight:700}.score-percentage-badge{border-radius:12px;font-size:14px;font-weight:700;margin-left:8px;padding:4px 12px}.score-percentage-badge.good{background:#10b98133;color:#34d399}.score-percentage-badge.okay{background:#fbbf2433;color:#fbbf24}.score-percentage-badge.low{background:#ef444433;color:#f87171}.ai-badge{background:#8b5cf64d;border-radius:4px;color:#c4b5fd;font-size:10px;font-weight:700;margin-left:8px;padding:2px 8px;text-transform:uppercase}.ai-original-score{align-items:center;border-top:1px solid #8b5cf626;display:flex;font-size:13px;gap:8px;margin-top:8px;padding-top:8px}.ai-original-label{color:#94a3b8}.ai-original-value{color:#a78bfa;font-weight:600}.correctness-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;margin-top:10px;padding:4px 12px}.correctness-badge.correctness-correct{background:#10b98133;border:1px solid #34d3994d;color:#34d399}.correctness-badge.correctness-partial{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.correctness-badge.correctness-incorrect{background:#ef444433;border:1px solid #f871714d;color:#f87171}.q-pct{color:#94a3b8;font-size:10px;font-weight:500}.justification-box{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #6366f140;border-left:4px solid #6366f1;border-radius:8px;padding:14px 18px}.justification-box h5{color:#a5b4fc;font-size:13px;font-weight:700;margin:0 0 10px}.justification-content{color:#e2e8f0;font-size:13px;line-height:1.7;white-space:pre-wrap}.score-delta{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:6px}.delta-value{border-radius:4px;font-size:13px;font-weight:700;padding:2px 8px}.delta-value.positive{background:#10b98133;color:#34d399}.delta-value.negative{background:#ef444433;color:#f87171}.ai-grading-details-box{background:#1e1b4b99;border:1px solid #8b5cf633;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px 20px}.ai-grading-details-box h5{border-bottom:1px solid #8b5cf626;color:#a78bfa;font-size:13px;font-weight:700;margin:0 0 4px;padding-bottom:8px}.grading-detail-section{background:#0f0a1e80;border-radius:8px;padding:10px 14px}.grading-detail-section h6{font-size:11px;font-weight:700;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.grading-detail-section p{color:#e2e8f0;font-size:13px;line-height:1.6;margin:0}.grading-detail-section ul{margin:0;padding-left:18px}.grading-detail-section li{color:#e2e8f0;font-size:13px;line-height:1.5;margin-bottom:4px}.reasoning-section{background:#8b5cf61a;border:1px solid #8b5cf633}.reasoning-section h6{color:#a78bfa}.relevance-section{align-self:flex-start;display:inline-flex;padding:6px 12px}.relevance-badge{border-radius:12px;font-size:12px;font-weight:700;padding:4px 12px}.relevance-section.relevance-on-topic .relevance-badge{background:#10b98133;border:1px solid #34d3994d;color:#34d399}.relevance-section.relevance-off-topic .relevance-badge{background:#ef444433;border:1px solid #f871714d;color:#f87171}.strengths-section{background:#10b9811a;border:1px solid #34d39933}.strengths-section h6{color:#34d399}.strengths-section p{color:#6ee7b7}.issue-section{background:#ef44441a;border:1px solid #f8717133}.issue-section h6{color:#f87171}.issue-section p{color:#fca5a5}.key-points-section{background:#0f0a1e66}.key-points-section.addressed{border-left:3px solid #34d399}.key-points-section.addressed h6{color:#34d399}.key-points-section.addressed li{color:#6ee7b7}.key-points-section.missing{border-left:3px solid #f87171}.key-points-section.missing h6{color:#f87171}.key-points-section.missing li{color:#fca5a5}.errors-section{background:#fbbf241a;border:1px solid #fbbf2433}.errors-section h6{color:#fbbf24}.errors-section li{color:#fcd34d}.percentage-input{width:80px!important}.score-unit{color:#94a3b8;font-size:16px;font-weight:600}.change-reason-section{background:#fbbf2414;border:1px solid #fbbf2440;border-radius:10px;margin-top:8px;padding:16px}.change-reason-section h5{color:#fbbf24;font-size:14px;font-weight:700;margin:0 0 4px}.change-reason-help{color:#94a3b8;font-size:12px;margin:0 0 12px}.change-reason-row{margin-bottom:10px}.change-reason-row select{background:#0f0a1ecc;border:2px solid #fbbf244d;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:13px;padding:10px 14px;width:100%}.change-reason-row select:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433;outline:none}.change-reason-detail-row textarea{background:#0f0a1ecc;border:2px solid #fbbf244d;border-radius:8px;box-sizing:border-box;color:#e2e8f0;font-family:inherit;font-size:13px;min-height:50px;padding:10px 14px;resize:vertical;width:100%}.change-reason-detail-row textarea:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433;outline:none}.change-reason-detail-row textarea::placeholder{color:#6b7280}.question-action-buttons{border-top:1px solid #8b5cf633;display:flex;gap:10px;margin-top:16px;padding-top:16px}.btn-save-question{background:linear-gradient(135deg,#4c1d95,#6d28d9);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px 20px;transition:all .2s}.btn-save-question:hover:not(:disabled){box-shadow:0 4px 12px #6d28d966;transform:translateY(-2px)}.btn-save-question:disabled{cursor:not-allowed;opacity:.5}.btn-approve-grade{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px 20px;transition:all .2s}.btn-approve-grade:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-approve-grade:disabled{cursor:not-allowed;opacity:.5}.save-message.info{background:#8b5cf633;border:1px solid #8b5cf64d;color:#c4b5fd}.question-detail-panel{background-color:#0f0a1e;display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:0;overflow-y:auto;padding:20px 24px}.question-header{align-items:center;flex-wrap:wrap;gap:10px}.question-number-badge{background:linear-gradient(135deg,#4c1d95,#6d28d9);border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:6px 14px}.question-type-badge{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:16px;color:#c4b5fd;text-transform:capitalize}.question-points-badge,.question-type-badge{font-size:12px;font-weight:600;padding:5px 12px}.question-points-badge{background:#10b98126;border:1px solid #34d3994d;border-radius:16px;color:#34d399}.question-text-box{background:#1e1b4b99;border:1px solid #8b5cf633;border-radius:12px;padding:16px 20px}.question-text-box p{color:#f1f5f9;font-size:15px;font-weight:500;line-height:1.6;margin:0}.key-points-box{background:#fbbf241a;border:1px solid #fbbf2440;border-left:3px solid #fbbf24;border-radius:8px;padding:12px 16px}.key-points-box h5{color:#fbbf24;font-size:12px;font-weight:700;margin:0 0 8px}.key-points-box ul{margin:0;padding-left:18px}.key-points-box li{color:#fcd34d;font-size:13px;line-height:1.5;margin-bottom:4px}.correct-answer-box{background:#10b9811a;border:1px solid #34d39940;border-left:3px solid #34d399;border-radius:8px;padding:12px 16px}.correct-answer-box h5{color:#34d399;font-size:12px;font-weight:700;margin:0 0 8px}.correct-answer-box p{color:#6ee7b7;font-size:13px;line-height:1.5;margin:0}.student-answer-box{background:#1e1b4bcc;border:1px solid #8b5cf633;border-radius:12px;padding:16px 20px}.student-answer-box h5{color:#a78bfa;font-size:12px;font-weight:700;margin:0 0 10px}.student-answer-content{background:#0f0a1e80;border:1px solid #ffffff14;border-radius:8px;color:#e2e8f0;font-size:14px;line-height:1.7;padding:12px 16px;white-space:pre-wrap}.no-answer{background:#ef44441a;border:1px dashed #f871714d;border-radius:8px;color:#6b7280;font-size:14px;font-style:italic;padding:12px 16px}.student-answer-with-html{display:flex;flex-direction:column;gap:8px}.student-answer-with-html .answer-text{line-height:1.7}.view-html-btn{align-self:flex-start;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:4px;color:#c4b5fd;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s}.view-html-btn:hover{background:#8b5cf64d;border-color:#8b5cf6}.question-grading-section{background:linear-gradient(135deg,#312e8166,#1e1b4b99);border:1px solid #8b5cf640;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.score-input-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.score-input-row>label{color:#e2e8f0;font-size:14px;font-weight:700;min-width:50px}.score-input-group{align-items:center;display:flex;gap:8px}.score-input-group input{background:#0f0a1ecc;border:2px solid #8b5cf64d;border-radius:8px;color:#fff;font-size:16px;font-weight:700;padding:10px 12px;text-align:center;width:70px}.score-input-group input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;outline:none}.score-max{color:#94a3b8;font-size:15px;font-weight:600}.score-percentage{border-radius:12px;font-size:13px;font-weight:700;padding:4px 10px}.score-percentage.good{background:#10b98133;color:#34d399}.score-percentage.okay{background:#fbbf2433;color:#fbbf24}.score-percentage.low{background:#ef444433;color:#f87171}.quick-score-buttons{display:flex;gap:6px;margin-left:auto}.quick-score-buttons button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.quick-score-buttons button:hover{background:#8b5cf64d;border-color:#8b5cf680}.feedback-preset-row{align-items:center;display:flex;gap:12px}.feedback-preset-row label{color:#e2e8f0;font-size:14px;font-weight:700;min-width:110px}.feedback-preset-row select{background:#0f0a1ecc;border:2px solid #8b5cf64d;border-radius:8px;color:#e2e8f0;cursor:pointer;flex:1 1;font-size:13px;padding:10px 14px}.feedback-preset-row select:focus{border-color:#8b5cf6;outline:none}.feedback-preset-row select option{background:#1a1433;color:#e2e8f0}.feedback-text-row{display:flex;flex-direction:column;gap:8px}.feedback-text-row label{color:#e2e8f0;font-size:14px;font-weight:700}.feedback-text-row textarea{background:#0f0a1ecc;border:2px solid #8b5cf64d;border-radius:8px;box-sizing:border-box;color:#e2e8f0;font-family:inherit;font-size:14px;line-height:1.6;min-height:80px;padding:12px 16px;resize:vertical;width:100%}.feedback-text-row textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;outline:none}.feedback-text-row textarea::placeholder{color:#6b7280}.question-nav-footer{align-items:center;border-top:1px solid #8b5cf633;display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.btn-next-question,.btn-prev-question{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-next-question:hover:not(:disabled),.btn-prev-question:hover:not(:disabled){background:#8b5cf666;border-color:#8b5cf6}.btn-next-question:disabled,.btn-prev-question:disabled{cursor:not-allowed;opacity:.4}.question-progress{color:#94a3b8;font-size:13px;font-weight:600}@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}.grading-left-panel{border-right:none;border-top:1px solid #ffffff14;height:50%;max-width:100%;min-width:100%;order:2;width:100%}.grading-center-controls{background-color:#1e1b4b;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{background:linear-gradient(180deg,#0000,#fff3,#0000);height:30px;margin:0 8px;width:1px}.current-student-info{flex-direction:row;gap:10px;margin-left:auto;margin-top:0;padding-top:0}.grading-right-panel{border-left:none;border-top:1px solid #ffffff14;height:50%;order:3;width:100%}}@media (max-width:600px){.grading-center-controls{height:50px;padding:8px 12px}.nav-btn span{display:none}.nav-btn{padding:8px}.preview-header{padding:10px 16px}.preview-title{font-size:12px}.canvas-preview-wrapper,.document-preview-wrapper{padding:12px}.question-editor-wrapper{flex-direction:column!important}.question-nav-sidebar{border-bottom:1px solid #8b5cf633;border-right:none;max-height:150px;max-width:100%!important;min-width:100%!important;width:100%!important}.question-nav-list{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:8px}.question-nav-item{flex-direction:column;margin-bottom:0;min-width:60px;padding:8px}.question-detail-panel{padding:16px}.score-input-row{align-items:flex-start;flex-direction:column}.quick-score-buttons{margin-left:0;margin-top:8px}.feedback-preset-row{align-items:flex-start;flex-direction:column}.feedback-preset-row select{width:100%}}@media (max-width:900px){.question-nav-sidebar{max-width:140px!important;min-width:140px!important;width:140px!important}.question-detail-panel{padding:16px}}.grading-left-panel .info-card,.grading-left-panel .section-card{background:linear-gradient(180deg,#1e1b4be6,#0f0a1ef2)!important;border:1px solid #8b5cf640!important}.grading-left-panel .section-header{background:linear-gradient(135deg,#4c1d9599,#312e81cc)!important;border-bottom:1px solid #8b5cf64d!important}.grading-left-panel .section-header h3{color:#fff!important}.grading-left-panel .section-header h3 svg{color:#c4b5fd!important}.grading-left-panel .ai-not-run,.grading-left-panel .ai-results{background:#0f0a1e99!important}.grading-left-panel .ai-not-run p{color:#e2e8f0!important}.grading-left-panel .ai-not-run svg{color:#a78bfa!important}.grading-left-panel .grading-done,.grading-left-panel .grading-not-done{background:#0f0a1e99!important}.grading-left-panel .grading-done p,.grading-left-panel .grading-not-done p{color:#e2e8f0!important}.grading-left-panel .grading-done svg,.grading-left-panel .grading-not-done svg{color:#a78bfa!important}.grading-left-panel .manual-grade-form{background:#0f0a1e99!important}.grading-left-panel .manual-grade-form h4{color:#fff!important}.grading-left-panel .grade-card{background:linear-gradient(135deg,#4c1d9580,#312e81b3 50%,#1e1b4be6)!important;border:1px solid #8b5cf659!important;box-shadow:0 4px 20px #4c1d954d}.grading-left-panel .feedback-card .feedback-content{background:#0f0a1e80!important;color:#f1f5f9!important}.grading-left-panel .student-card{background:linear-gradient(135deg,#312e81,#4c1d95)!important}.grading-left-panel input,.grading-left-panel select,.grading-left-panel textarea{background:#0f0a1ecc!important;border:2px solid #8b5cf64d!important;color:#e2e8f0!important}.grading-left-panel input:focus,.grading-left-panel select:focus,.grading-left-panel textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf633!important;outline:none}.grading-left-panel input::placeholder,.grading-left-panel textarea::placeholder{color:#6b7280}.grading-left-panel label{color:#c4b5fd!important}.grading-left-panel .btn-action.primary{background:linear-gradient(135deg,#4c1d95,#6d28d9)!important;border:1px solid #8b5cf666!important;color:#fff!important}.grading-left-panel .btn-action.primary:hover:not(:disabled){box-shadow:0 4px 16px #6d28d980;transform:translateY(-2px)}.grading-left-panel .btn-action.secondary{background:#8b5cf626!important;border:1px solid #8b5cf64d!important;color:#e2e8f0!important}.grading-left-panel .btn-action.secondary:hover:not(:disabled){background:#8b5cf640!important;border-color:#8b5cf680!important}.grading-left-panel .probability-section{background:#0f0a1e99!important;border:1px solid #8b5cf633!important}.grading-left-panel .probability-bar{background:#8b5cf633!important}.grading-left-panel .rubric-breakdown{background:#0f0a1e99!important;border-top:1px solid #8b5cf633!important}.ai-detection-box{background:linear-gradient(135deg,#6366f11a,#8b5cf614);border:1px solid #6366f140;border-radius:12px;margin-top:12px;padding:16px 20px}.ai-detection-box.flagged{background:linear-gradient(135deg,#ef44441a,#fbbf2414);border-color:#ef444459;border-left:4px solid #f87171}.ai-detection-box h5{align-items:center;border-bottom:1px solid #8b5cf626;color:#a5b4fc;display:flex;font-size:13px;font-weight:700;gap:8px;margin:0 0 14px;padding-bottom:10px}.ai-detection-box.flagged h5{color:#fbbf24}.ai-detection-box .ai-icon{font-size:16px}.ai-detection-box .flagged-badge{background:#ef444433;border:1px solid #f8717166;border-radius:12px;color:#f87171;font-size:11px;font-weight:700;margin-left:auto;padding:3px 10px}.ai-detection-content{display:flex;flex-direction:column;gap:12px}.ai-probability-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.ai-assessment-row .label,.ai-meta-row .label,.ai-probability-row .label{color:#94a3b8;font-size:12px;font-weight:600;min-width:100px}.probability-value{border-radius:8px;font-size:18px;font-weight:800;padding:4px 12px}.probability-value.high{background:#ef444433;color:#f87171}.probability-value.medium{background:#fbbf2433;color:#fbbf24}.probability-value.low{background:#10b98133;color:#34d399}.probability-bar-mini{background:#8b5cf626;border-radius:4px;flex:1 1;height:8px;max-width:200px;min-width:100px;overflow:hidden}.probability-bar-mini .probability-fill{border-radius:4px;height:100%;transition:width .3s ease}.probability-bar-mini .probability-fill.high{background:linear-gradient(90deg,#f87171,#ef4444)}.probability-bar-mini .probability-fill.medium{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.probability-bar-mini .probability-fill.low{background:linear-gradient(90deg,#34d399,#10b981)}.ai-assessment-row{align-items:center;display:flex;gap:12px}.assessment-badge{border-radius:16px;font-size:12px;font-weight:700;padding:5px 14px;text-transform:capitalize}.assessment-badge.assessment-highly-likely-ai{background:#ef444433;border:1px solid #f871714d;color:#f87171}.assessment-badge.assessment-likely-ai{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.assessment-badge.assessment-possibly-ai{background:#fbbf2426;border:1px solid #fbbf2440;color:#fcd34d}.assessment-badge.assessment-likely-human{background:#10b98133;border:1px solid #34d3994d;color:#34d399}.assessment-badge.assessment-highly-likely-human{background:#10b98140;border:1px solid #34d39966;color:#6ee7b7}.ai-meta-row{align-items:center;display:flex;gap:12px}.ai-meta-row .value{color:#e2e8f0;font-size:13px;font-weight:600}.ai-flags-section{border-top:1px solid #8b5cf626;margin-top:8px;padding-top:12px}.ai-flags-section h6{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.ai-flags-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.ai-flags-list li{background:#0f0a1e99;border:1px solid #8b5cf633;border-radius:6px;color:#c4b5fd;font-size:12px;font-weight:500;padding:4px 12px}.ai-flags-list li.flag-good{background:#10b9811a;border-color:#34d3994d;color:#6ee7b7}.ai-flags-list li.flag-warning{background:#fbbf241a;border-color:#fbbf244d;color:#fcd34d}.question-nav-item.ai-flagged{background:linear-gradient(135deg,#ef44441a,#1e1b4b80);border-color:#ef444466}.question-nav-item.ai-flagged:hover{border-color:#ef444499}.ai-flag-indicator{font-size:12px;margin-left:4px;opacity:.9}.question-ai-badge{align-items:center;background:#ef444426;border:1px solid #f871714d;border-radius:12px;color:#f87171;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.question-ai-badge .ai-emoji{font-size:12px}.question-header .ai-indicator-compact{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:16px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 12px}.question-header .ai-indicator-compact.high-probability{background:#ef444426;border-color:#f8717159;color:#f87171}.question-header .ai-indicator-compact.medium-probability{background:#fbbf2426;border-color:#fbbf2459;color:#fbbf24}.question-header .ai-indicator-compact.low-probability{background:#10b98126;border-color:#34d39959;color:#34d399}.ai-summary-header{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf614);border:1px solid #6366f133;border-radius:10px;display:flex;gap:10px;margin-bottom:12px;padding:10px 16px}.ai-summary-header .summary-label{color:#94a3b8;font-size:12px;font-weight:600}.ai-summary-header .flagged-count{align-items:center;background:#ef444426;border-radius:12px;color:#f87171;display:flex;font-size:12px;font-weight:700;gap:6px;padding:4px 12px}.ai-summary-header .max-probability{color:#c4b5fd;font-size:12px;font-weight:600;margin-left:auto}.grading-right-panel .preview-header,.preview-header{background:linear-gradient(135deg,#1e1b4b,#312e81)!important}.preview-header *,.preview-title,.preview-title span,.preview-title svg{color:#fff!important}.grading-left-panel .student-card,.grading-panel .student-card{background:linear-gradient(135deg,#312e81,#4c1d95)!important}.join-assignment-wrapper{display:inline-block;position:relative}.join-assignment-btn{align-items:center;background:#fff;border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#312e81;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.join-assignment-btn:hover{background:#f8fafc;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.join-assignment-backdrop{animation:fadeIn .15s ease;background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.join-assignment-popover{animation:popoverSlideIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #1e1b4b40,0 0 0 1px #1e1b4b14;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:380px;z-index:9999}.join-assignment-popover:before{background:#1e1b4b;border-radius:2px;content:"";height:16px;position:absolute;right:24px;top:-8px;transform:rotate(45deg);width:16px}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.popover-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.popover-header h2{color:#fff;font-size:18px;font-weight:700;margin:0}.close-btn{align-items:center;background:#ffffff26;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn svg{color:#fff;height:18px;width:18px}.close-btn:hover{background:#ffffff40}.popover-content{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#4a5568;font-size:13px;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.code-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-family:SF Mono,Courier New,monospace;font-size:18px;font-weight:600;letter-spacing:3px;padding:14px 16px;text-align:center;text-transform:uppercase;transition:all .2s;width:100%}.code-input:focus{background:#fff;border-color:#312e81;box-shadow:0 0 0 3px #312e811a;outline:none}.code-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.input-hint{color:#94a3b8;font-size:12px;margin-top:8px;text-align:center}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 14px}.error-message svg{flex-shrink:0;height:18px;width:18px}.submit-btn{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border:none;border-radius:10px;box-shadow:0 4px 12px #1e1b4b40;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #1e1b4b66;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn svg{height:18px;width:18px}.spinner-small{animation:spin 1s linear infinite;border-top-color:#fff}.success-state{padding:16px 0;text-align:center}.success-icon{align-items:center;animation:successPop .4s ease;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:50%;box-shadow:0 4px 12px #16a34a4d;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.success-icon svg{color:#fff;height:36px;width:36px}.success-state h3{color:#1a202c;font-size:18px;font-weight:700;margin:0 0 16px}.assignment-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:16px;padding:16px}.assignment-title{color:#1e1b4b;font-size:15px;margin:0 0 6px}.assignment-info{color:#64748b;font-size:13px;margin:0 0 8px}.due-date{color:#312e81;font-size:12px;font-weight:600;margin:0}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:480px){.join-assignment-popover{border-radius:20px 20px 0 0;bottom:0;left:0;max-height:90vh;overflow-y:auto;position:fixed;right:0;top:auto;width:100%}.join-assignment-popover:before{display:none}}.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-confirm-box{align-items:flex-start;animation:slideIn .3s ease;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:2px solid #818cf8;border-radius:16px;display:flex;gap:16px;margin-top:20px;padding:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-confirm-icon{color:#4f46e5;flex-shrink:0;height:32px;width:32px}.submit-confirm-content h4{color:#312e81;font-size:16px;font-weight:700;margin:0 0 8px}.submit-confirm-content p{color:#4338ca;font-size:14px;line-height:1.5;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;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e1b4b99;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:-8px 0 32px #1e1b4b40,-2px 0 8px #1e1b4b1a;height:100vh;max-width:95vw;width:1000px}.worksheet-work-panel{background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;height:100%;position:relative}.wwp-header{background:linear-gradient(135deg,#1e1b4b,#312e81 60%,#4c1d95);box-shadow:0 4px 12px #1e1b4b4d,0 8px 24px #1e1b4b33,inset 0 1px 0 #ffffff1a;color:#fff;flex-shrink:0;overflow:hidden;padding:24px;position:relative}.wwp-header:before{background:linear-gradient(180deg,#ffffff14,#fff0);height:50%;left:0;right:0;top:0}.wwp-header:after,.wwp-header:before{content:"";pointer-events:none;position:absolute}.wwp-header:after{background:radial-gradient(circle,#8b5cf633 0,#0000 70%);height:300px;right:-10%;top:-50%;width:300px}.wwp-header-content{margin-bottom:12px;position:relative;z-index:1}.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;text-shadow:0 2px 4px #0003}.wwp-title-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:28px;width:28px}.wwp-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #00000026,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:44px}.wwp-close-btn:hover{background:#fff3;transform:scale(1.05) translateY(-2px)}.wwp-close-btn svg{height:24px;width:24px}.wwp-meta{flex-wrap:wrap;gap:16px;margin-bottom:12px;position:relative;z-index:1}.wwp-meta,.wwp-meta-item{align-items:center;display:flex}.wwp-meta-item{color:#ffffffe6;font-size:14px;font-weight:500;gap:6px}.wwp-meta-item svg{height:16px;opacity:.9;width:16px}.wwp-instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff1a,0 2px 8px #0000001a;color:#fffffff2;font-size:14px;line-height:1.6;margin-top:12px;padding:14px 16px;position:relative;z-index:1}.wwp-instructions strong{color:#fff}.wwp-status-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000026;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;justify-content:space-between;margin-top:12px;min-height:44px;padding:12px 16px;position:relative;z-index:1}.connection-status{align-items:center;border-radius:10px;box-shadow:0 2px 4px #0000001a,inset 0 1px 0 #fff3;cursor:default;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.connection-status svg{height:14px;width:14px}.connection-status.connecting{background:linear-gradient(145deg,#fbbf2433,#fbbf241a);border:1px solid #fbbf244d;color:#fbbf24}.connection-status.connected{background:linear-gradient(145deg,#34d39933,#34d3991a);border:1px solid #34d3994d;color:#34d399}.connection-status.disconnected,.connection-status.error{background:linear-gradient(145deg,#f8717133,#f871711a);border:1px solid #f871714d;color:#f87171;cursor:pointer}.save-indicator{align-items:center;border-radius:10px;box-shadow:0 2px 4px #0000001a,inset 0 1px 0 #ffffff26;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .3s ease}.save-indicator svg{height:14px;width:14px}.save-indicator.saving{background:#ffffff26;border:1px solid #fff3;color:#ffffffe6}.save-indicator.saved{background:linear-gradient(145deg,#34d39933,#34d3991a);border:1px solid #34d3994d;color:#34d399}.save-indicator.cached{background:linear-gradient(145deg,#a78bfa33,#a78bfa1a);border:1px solid #a78bfa4d;color:#a78bfa}.save-indicator.idle{background:#0000;border:none;box-shadow:none;color:#ffffffb3}.wwp-content-container{background:linear-gradient(180deg,#fffffff2,#f8fafcf2);flex:1 1;overflow-y:auto;padding:32px}.section-header{border-bottom:2px solid #e2e8f0;gap:10px;margin-bottom:20px;padding-bottom:12px}.section-header h3{color:#1e1b4b;font-size:18px;font-weight:700;margin:0}.section-icon{height:24px;width:24px}.section-count{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:13px;font-weight:600;margin-left:auto;padding:4px 12px}.wwp-passages-section{margin-bottom:32px}.wwp-passage{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde047;border-left:5px solid #eab308;border-radius:0 16px 16px 0;box-shadow:0 4px 12px #eab30826,0 2px 4px #eab3081a;margin-bottom:20px;padding:20px 24px;transition:all .3s ease}.wwp-passage:hover{box-shadow:0 8px 20px #eab30833,0 4px 8px #eab3081a;transform:translateY(-2px)}.passage-header{margin-bottom:16px}.passage-title-row{gap:10px}.passage-icon{color:#b45309;height:22px;width:22px}.passage-label{color:#78350f;font-size:17px}.passage-source{font-size:13px}.passage-content{gap:16px}.passage-content.has-image{grid-gap:24px;gap:24px;grid-template-columns:280px 1fr}@media (max-width:800px){.passage-content.has-image{grid-template-columns:1fr}}.passage-image-wrapper{border-radius:12px;box-shadow:0 4px 16px #00000026;overflow:hidden}.passage-image{border-radius:12px;display:block;max-height:240px;transition:transform .3s ease}.image-zoom-btn{border:none;border-radius:10px;box-shadow:0 2px 8px #00000026;height:36px;right:10px;top:10px;transition:all .2s;width:36px}.image-zoom-btn:hover{transform:scale(1.1)}.image-zoom-btn .zoom-icon{color:#374151;height:20px;width:20px}.visual-type-badge{background:#1e1b4be6;border-radius:8px;bottom:10px;box-shadow:0 2px 8px #0003;font-size:12px;font-weight:600;gap:6px;left:10px;padding:6px 12px}.visual-type-badge.small{padding:4px 8px}.visual-type-icon{height:14px;width:14px}.passage-image-caption{font-size:13px;line-height:1.5;margin-top:10px}.passage-text{font-size:15px;line-height:1.8}.passage-word-count{font-size:12px;margin-top:12px}.passage-related-questions{margin-top:16px;padding-top:12px}.related-label{font-size:13px;font-weight:500}.wwp-vocabulary{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;border-left:5px solid #10b981;border-radius:0 16px 16px 0;box-shadow:0 4px 12px #10b9811f,0 2px 4px #10b98114;margin-bottom:32px;padding:20px 24px}.vocabulary-header{gap:10px;margin-bottom:16px}.vocabulary-icon{color:#059669;height:22px;width:22px}.vocabulary-label{color:#065f46;font-size:17px}.vocabulary-grid{grid-gap:12px 24px;gap:12px 24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.vocabulary-item{background:#fff9;border-radius:8px;font-size:14px;line-height:1.6;padding:8px 12px;transition:all .2s}.vocabulary-item:hover{background:#ffffffe6;transform:translateX(4px)}.vocab-term{color:#065f46}.vocab-definition{margin-left:4px}.wwp-questions-section{margin-bottom:24px}.wwp-questions-list{display:flex;flex-direction:column;gap:24px}.wwp-question{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 1px 2px #1e1b4b0a,0 4px 8px #1e1b4b0a,0 8px 16px #1e1b4b0f;overflow:visible;padding:28px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.wwp-question:before{background:linear-gradient(180deg,#fffc,#0000);border-radius:20px 20px 0 0;content:"";height:50%;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.wwp-question:after{background:linear-gradient(180deg,#1e1b4b,#312e81 50%,#4c1d95);border-radius:0 4px 4px 0;bottom:16px;content:"";left:0;opacity:0;position:absolute;top:16px;transform:translateX(-5px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:5px}.wwp-question:hover{border-color:#312e8133;box-shadow:0 8px 16px #1e1b4b14,0 16px 32px #1e1b4b1a;transform:translateY(-6px) scale(1.01)}.wwp-question:hover:after{opacity:1;transform:translateX(0)}.question-header{gap:12px;line-height:1.6;margin-bottom:16px;position:relative;z-index:1}.question-number{align-items:center;background:linear-gradient(145deg,#ede9fe,#ddd6fe);border-radius:10px;box-shadow:0 2px 4px #312e8126,inset 0 1px 0 #fffc;color:#312e81;display:flex;font-size:18px;height:36px;justify-content:center;min-width:36px}.question-text{color:#1e1b4b;font-size:16px;font-weight:500;line-height:1.7}.question-points{background:linear-gradient(145deg,#312e81,#1e1b4b);border-radius:8px;box-shadow:0 2px 4px #1e1b4b33,inset 0 1px 0 #ffffff1a;color:#fff;font-size:13px;font-weight:600;margin-left:auto;padding:6px 12px}.visual-indicator{align-items:center;display:inline-flex;margin-left:8px;vertical-align:middle}.visual-indicator-icon{color:#3b82f6;height:16px;opacity:.8;width:16px}.question-passage-ref{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:10px;font-size:13px;gap:8px;margin-bottom:16px;padding:8px 14px;position:relative;z-index:1}.question-passage-ref .ref-icon{height:16px;width:16px}.question-visual{margin:16px 0;position:relative;z-index:1}.question-visual-wrapper{border-radius:12px;box-shadow:0 4px 12px #0000001a;display:inline-block;overflow:hidden;position:relative}.question-visual-image{border-radius:12px;cursor:pointer;display:block;max-height:280px;max-width:100%;transition:transform .3s ease}.question-visual-image:hover{transform:scale(1.02)}.visual-zoom-btn{align-items:center;background:#fffffff2;border:none;border-radius:10px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:all .2s;width:36px}.question-visual-wrapper:hover .visual-zoom-btn{opacity:1}.visual-zoom-btn:hover{background:#fff;transform:scale(1.1)}.visual-zoom-btn .zoom-icon{color:#374151;height:20px;width:20px}.question-visual-caption{color:#6b7280;font-size:13px;font-style:italic;margin-top:10px}.formula-hint{border:1px solid #93c5fd;border-left:4px solid #3b82f6;border-radius:0 10px 10px 0;font-size:14px;margin:12px 0 16px;padding:12px 16px;position:relative;z-index:1}.formula-label{font-weight:700;margin-right:8px}.rich-workspace{margin-top:16px}.rich-editor-container{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px #1e1b4b0a,inset 0 2px 4px #00000005;overflow:visible;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.rich-editor-container:focus-within{box-shadow:0 0 0 4px #312e811a,0 4px 12px #1e1b4b1a}.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:12px}.rich-editor-container .rte-content{background:#fff;font-size:15px;line-height:1.7;max-height:350px;min-height:180px;overflow-y:auto;padding:20px}.mc-workspace{margin-top:16px}.mc-choices{display:flex;flex-direction:column;gap:12px}.mc-choice{align-items:flex-start;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px solid #0000;border-radius:14px;box-shadow:0 2px 4px #0000000a,inset 0 1px 0 #fffc;cursor:pointer;display:flex;gap:14px;padding:16px 18px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.mc-choice:hover{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#312e8133;box-shadow:0 4px 8px #1e1b4b14;transform:translateX(4px)}.mc-choice input[type=radio]{accent-color:#312e81;cursor:pointer;height:22px;margin-top:2px;width:22px}.mc-choice:has(input[type=radio]:checked){background:linear-gradient(145deg,#ede9fe,#ddd6fe);border-color:#312e81;box-shadow:0 4px 12px #312e8133}.mc-letter{color:#312e81;font-size:16px;font-weight:700;min-width:28px}.mc-text{color:#1e1b4b;flex:1 1;font-size:15px;line-height:1.6}.image-zoom-modal{z-index:9999}.wwp-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#fffffff2,#f8fafcfa);border-top:1px solid #e2e8f0cc;box-shadow:0 -4px 16px #1e1b4b0f;flex-shrink:0;justify-content:space-between;padding:20px 28px}.wwp-footer,.wwp-footer-info{align-items:center;display:flex}.wwp-footer-info{flex-wrap:wrap;gap:16px}.response-count{background:linear-gradient(145deg,#f5f3ff,#ede9fe);border:1px solid #8b5cf633;border-radius:12px;box-shadow:0 2px 4px #8b5cf614;color:#1e1b4b;font-size:14px;font-weight:600;padding:10px 18px}.progress-indicator{align-items:center;color:#312e81;display:flex;font-size:13px;font-weight:600;gap:10px}.progress-bar-mini{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:80px}.progress-fill-mini{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .4s ease}.offline-warning{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;color:#f59e0b;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px}.offline-warning svg{height:16px;width:16px}.wwp-footer-actions{display:flex;gap:12px}.btn-save{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #312e81;border-radius:12px;box-shadow:0 2px 4px #1e1b4b14;color:#312e81;font-size:14px;gap:8px;padding:14px 22px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-save:hover:not(:disabled){background:linear-gradient(145deg,#312e81,#1e1b4b);border-color:#0000;box-shadow:0 6px 12px #1e1b4b40;color:#fff;transform:translateY(-3px)}.btn-save:disabled{opacity:.5}.btn-save svg{height:18px;width:18px}.btn-cancel{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:14px;padding:14px 26px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-cancel:hover{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#cbd5e1;color:#475569;transform:translateY(-3px)}.btn-submit{align-items:center;background:linear-gradient(145deg,#059669,#047857);border:none;border-radius:12px;box-shadow:0 4px 8px #05966940,0 8px 16px #05966926,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-submit:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-submit:hover:not(:disabled){background:linear-gradient(145deg,#10b981,#059669);box-shadow:0 6px 12px #0596694d,0 12px 24px #05966933;transform:translateY(-3px)}.btn-submit:hover:not(:disabled):before{left:100%}.btn-submit:disabled{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:18px;width:18px}.math-inline{margin:0 3px}.math-display{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin:16px 0;padding:16px}.math-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;padding:4px 8px}.wwp-content-container::-webkit-scrollbar{width:10px}.wwp-content-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.wwp-content-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border:2px solid #f1f5f9;border-radius:5px}.wwp-content-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}@media (max-width:768px){.wwp-header{padding:20px 16px}.wwp-title{font-size:20px}.wwp-meta{align-items:flex-start;flex-direction:column;gap:8px}.wwp-content-container{padding:20px 16px}.wwp-passage,.wwp-question,.wwp-vocabulary{border-radius:14px;padding:20px}.passage-content.has-image{grid-template-columns:1fr}.wwp-footer{gap:16px;padding:16px}.wwp-footer,.wwp-footer-info{align-items:stretch;flex-direction:column}.wwp-footer-info{width:100%}.wwp-footer-actions{flex-direction:column;width:100%}.btn-cancel,.btn-save,.btn-submit{justify-content:center;width:100%}}.wwp-resources-section{margin-bottom:32px}.resources-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.resource-card{border-radius:16px;box-shadow:0 4px 12px #1e1b4b14,0 2px 4px #1e1b4b0a;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.resource-card:hover{box-shadow:0 12px 24px #1e1b4b1f,0 4px 8px #1e1b4b14;transform:translateY(-4px)}.resource-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);cursor:pointer;overflow:hidden;position:relative}.resource-thumbnail img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.resource-card:hover .resource-thumbnail img{transform:scale(1.05)}.play-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.resource-card:hover .play-overlay{opacity:1}.play-icon{color:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:64px;transition:transform .3s ease;width:64px}.resource-card:hover .play-icon{transform:scale(1.1)}.zoom-overlay{align-items:center;background:#1e1b4b66;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.resource-card:hover .zoom-overlay{opacity:1}.zoom-overlay .zoom-icon{color:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:48px;width:48px}.resource-info{padding:16px}.resource-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:8px;padding:4px 10px;text-transform:uppercase}.resource-type-badge svg{height:14px;width:14px}.resource-type-badge.youtube{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #dc262633;color:#dc2626}.resource-type-badge.image{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #2563eb33;color:#2563eb}.resource-type-badge.document{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #05966933;color:#059669}.resource-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;line-height:1.4;margin:0}.resource-size{color:#64748b;margin-top:4px}.resource-document-link{align-items:center;color:inherit;display:flex;gap:16px;padding:20px;text-decoration:none;transition:background .2s ease}.resource-document-link:hover{background:#f8fafc}.document-icon-wrapper{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.document-icon{color:#059669;height:32px;width:32px}.resource-document .resource-info{flex:1 1;padding:0}.video-modal-overlay{background:#000000e6}.video-modal-content{background:#1a1a2e}.video-modal-title{border-bottom:1px solid #ffffff1a}.resource-youtube{border:1px solid #dc262626}.resource-youtube:hover{border-color:#dc26264d;box-shadow:0 12px 24px #dc26261a,0 4px 8px #dc26260d}.resource-image{border:1px solid #2563eb26}.resource-image:hover{border-color:#2563eb4d;box-shadow:0 12px 24px #2563eb1a,0 4px 8px #2563eb0d}.resource-document{border:1px solid #05966926}.resource-document:hover{border-color:#0596694d;box-shadow:0 12px 24px #0596691a,0 4px 8px #0596690d}@media (max-width:768px){.resources-grid{gap:16px;grid-template-columns:1fr}.play-icon{height:48px;width:48px}.video-modal-content{border-radius:12px;margin:0 10px}.resource-document-link{gap:12px;padding:16px}.document-icon-wrapper{height:52px;width:52px}.document-icon{height:28px;width:28px}}.resources-empty{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:40px 20px;text-align:center}.resources-empty svg{color:#94a3b8;height:48px;margin-bottom:12px;width:48px}.resources-empty p{color:#64748b;font-size:14px;margin:0}.rich-editor-container{border:2px solid #1e1b4b26;border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.rich-editor-container:focus-within{border-color:#312e81;box-shadow:0 0 0 3px #312e8126}.RichTextEditor-toolbar,.ql-toolbar.ql-snow,.rdw-editor-toolbar,.rich-editor-container .editor-toolbar,.rich-editor-container .ql-toolbar,.rich-editor-container [class*=toolbar],.rich-text-editor .editor-toolbar,.rich-text-editor .ql-toolbar,.tox-toolbar{background:linear-gradient(135deg,#1e1b4b,#312e81)!important;border:none!important;border-bottom:1px solid #ffffff1a!important;border-radius:10px 10px 0 0!important;box-shadow:0 2px 8px #1e1b4b26;padding:10px 12px!important}.ql-toolbar.ql-snow .ql-picker-label,.ql-toolbar.ql-snow button,.rdw-option-wrapper,.rich-editor-container .editor-toolbar button,.rich-editor-container .ql-toolbar button,.rich-text-editor .toolbar-btn,.rich-text-editor button,.tox-tbtn{align-items:center;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;color:#fff!important;display:inline-flex!important;height:36px;justify-content:center;margin:0 3px!important;min-width:36px;padding:8px 10px!important;transition:all .2s ease!important}.ql-toolbar.ql-snow .ql-picker-label:hover,.ql-toolbar.ql-snow button:hover,.rdw-option-wrapper:hover,.rich-editor-container .editor-toolbar button:hover,.rich-editor-container .ql-toolbar button:hover,.rich-text-editor .toolbar-btn:hover,.rich-text-editor button:hover,.tox-tbtn:hover{background:#ffffff40!important;border-color:#fff6!important;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.ql-toolbar.ql-snow button:active,.rich-editor-container .editor-toolbar button:active,.rich-text-editor button:active{background:#ffffff4d!important;transform:translateY(0)}.ql-toolbar.ql-snow .ql-picker-label.ql-active,.ql-toolbar.ql-snow button.ql-active,.rdw-option-active,.rich-editor-container .editor-toolbar button.active,.rich-editor-container .editor-toolbar button.ql-active,.rich-text-editor button.active,.tox-tbtn--enabled{background:#fff!important;border-color:#fff!important;box-shadow:0 2px 8px #ffffff4d;color:#1e1b4b!important}.ql-toolbar.ql-snow .ql-fill,.ql-toolbar.ql-snow .ql-stroke,.ql-toolbar.ql-snow button svg,.rich-editor-container .editor-toolbar svg,.rich-editor-container .ql-toolbar svg,.rich-text-editor .toolbar-btn svg{stroke:#fff!important;fill:none!important;color:#fff!important}.ql-toolbar.ql-snow .ql-fill{fill:#fff!important;stroke:none!important}.ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke,.ql-toolbar.ql-snow button.ql-active .ql-stroke,.ql-toolbar.ql-snow button.ql-active svg{stroke:#1e1b4b!important}.ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-fill,.ql-toolbar.ql-snow button.ql-active .ql-fill{fill:#1e1b4b!important}.ql-toolbar.ql-snow .ql-picker{color:#fff!important}.ql-toolbar.ql-snow .ql-picker-options{background:#1e1b4b!important;border:1px solid #fff3!important;border-radius:8px!important;box-shadow:0 4px 16px #0000004d!important;padding:8px!important}.ql-toolbar.ql-snow .ql-picker-item{border-radius:6px!important;color:#fff!important;padding:6px 12px!important}.ql-toolbar.ql-snow .ql-picker-item:hover{background:#ffffff26!important}.ql-toolbar.ql-snow .ql-formats,.rich-editor-container .toolbar-divider,.rich-text-editor .toolbar-divider{border-color:#fff3!important}.ql-container.ql-snow,.rdw-editor-main,.rich-editor-container .editor-content,.rich-editor-container .ql-container,.rich-text-editor .editor-content,.tox-edit-area{background:#fff!important;border:none!important;min-height:150px}.ql-container.ql-snow{border-radius:0 0 10px 10px!important}.ql-editor{font-size:15px;line-height:1.7;min-height:150px;padding:16px 20px!important}.ql-editor.ql-blank:before{color:#94a3b8!important;font-style:normal!important}.rich-text-editor .math-btn,.toolbar-btn.math-btn,button[aria-label*=math i],button[title*=Math i],button[title*=math i]{background:#8b5cf64d!important;border-color:#8b5cf680!important}.rich-text-editor .math-btn:hover,.toolbar-btn.math-btn:hover,button[title*=Math i]:hover,button[title*=math i]:hover{background:#8b5cf680!important;border-color:#8b5cf6b3!important}.rich-editor-container [title],.rich-text-editor [title]{position:relative}.ql-editor:focus{outline:none}.question-workspace.mc-workspace,.question-workspace.rich-workspace{margin-top:16px}.ql-toolbar.ql-snow button.ql-active path,.ql-toolbar.ql-snow button.ql-active svg,.rich-editor-container .editor-toolbar button.active path,.rich-editor-container .editor-toolbar button.active svg,.rich-editor-container .editor-toolbar button.selected path,.rich-editor-container .editor-toolbar button.selected svg,.rich-text-editor .toolbar-btn.active path,.rich-text-editor .toolbar-btn.active svg,.rich-text-editor button.active path,.rich-text-editor button.active svg,.rich-text-editor button.selected path,.rich-text-editor button.selected svg{fill:#312e81!important;stroke:#312e81!important;color:#312e81!important}.rich-editor-container .editor-toolbar button.active,.rich-editor-container .editor-toolbar button.selected,.rich-text-editor .toolbar-btn.active,.rich-text-editor .toolbar-btn.selected,.rich-text-editor button.active,.rich-text-editor button.selected{color:#312e81!important}.ql-toolbar.ql-snow button.ql-active svg,.rich-editor-container .editor-toolbar button.active svg,.rich-editor-container .editor-toolbar button.selected svg,.rich-editor-container .editor-toolbar button[aria-pressed=true] svg,.rich-text-editor .toolbar-btn.active svg,.rich-text-editor .toolbar-btn.selected svg,.rich-text-editor button.active svg,.rich-text-editor button.selected svg,.rich-text-editor button[aria-pressed=true] svg{stroke:#312e81!important;fill:#312e81!important;color:#312e81!important}.rich-editor-container .editor-toolbar button.active path,.rich-editor-container .editor-toolbar button.selected path,.rich-editor-container .editor-toolbar button[aria-pressed=true] path,.rich-text-editor .toolbar-btn.active path,.rich-text-editor .toolbar-btn.selected path,.rich-text-editor button.active path,.rich-text-editor button.selected path,.rich-text-editor button[aria-pressed=true] path{stroke:#312e81!important;fill:#312e81!important}.rich-text-editor button.active svg *,.rich-text-editor button.selected svg *,.rich-text-editor button[aria-pressed=true] svg *{stroke:#312e81!important;color:#312e81!important}.rich-text-editor button.active svg [fill],.rich-text-editor button.selected svg [fill]{fill:#312e81!important}.math-workspace-editor{background:linear-gradient(145deg,#1e1b4b,#312e81 50%,#1e1b4b);border:1px solid #8b5cf64d;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:20px}.mwe-formula-box{background:#6366f11a;border:1px solid #8b5cf64d;border-left:4px solid #8b5cf6;border-radius:0 12px 12px 0;overflow-x:auto;padding:14px 18px}.mwe-formula-box .formula-header{align-items:center;color:#a5b4fc;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.mwe-formula-box .formula-display{background:#ffffff0d;border-radius:8px;color:#e0e7ff;font-size:18px;padding:10px 14px;text-align:center}.mwe-formula-box .formula-display .katex{color:#e0e7ff;font-size:1.3em}.mwe-hints-box{background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;padding:12px 16px}.mwe-hints-box .hints-header{align-items:center;color:#6ee7b7;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.mwe-hints-box .hints-list{color:#a7f3d0;font-size:14px;line-height:1.6;margin:0;padding-left:20px}.mwe-hints-box .hints-list li{margin-bottom:4px}.mwe-content{display:flex;flex-wrap:wrap;gap:16px}.mwe-work-area{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:300px}.mwe-work-area .work-header{align-items:center;display:flex;justify-content:space-between}.mwe-work-area .work-title{align-items:center;color:#c4b5fd;display:flex;font-size:14px;font-weight:600;gap:4px}.mwe-work-area .work-title .required{color:#f87171;font-size:16px}.mwe-work-area .work-actions{display:flex;gap:6px}.mwe-work-area .action-btn{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;color:#a5b4fc;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.mwe-work-area .action-btn:hover{background:#8b5cf633;border-color:#8b5cf680;color:#c4b5fd}.mwe-work-area .action-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.mwe-presets-bar{background:#6366f11a;border:1px solid #8b5cf633;border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;padding:10px}.mwe-presets-bar .preset-btn{align-items:center;background:#ffffff0d;border:1px solid #8b5cf64d;border-radius:8px;color:#c4b5fd;cursor:pointer;display:flex;font-size:15px;height:34px;justify-content:center;min-width:38px;padding:0 10px;transition:all .15s ease}.mwe-presets-bar .preset-btn:hover{background:#8b5cf633;border-color:#8b5cf680;color:#e0e7ff}.mwe-presets-bar .preset-btn .katex{font-size:1.1em}.work-steps-container{background:#ffffff08;border:1px solid #8b5cf633;border-radius:12px;min-height:140px;padding:14px}.work-empty{align-items:center;color:#6366f1;display:flex;flex-direction:column;justify-content:center;min-height:100px;text-align:center}.work-empty p{color:#818cf8;margin:4px 0}.work-empty .work-empty-hint{color:#6366f1;font-size:13px}.work-steps-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.work-step{align-items:center;background:#6366f11a;border:1px solid #8b5cf633;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:all .15s ease}.work-step:hover{background:#6366f126;border-color:#8b5cf666}.work-step.editing{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.work-step .step-number{color:#a5b4fc;font-size:13px;font-weight:600;min-width:22px}.work-step .step-content{border-radius:6px;color:#e0e7ff;cursor:pointer;flex:1 1;font-size:14px;padding:4px 8px;transition:background .15s ease}.work-step .step-content:hover{background:#8b5cf626}.work-step .step-content .katex{color:#e0e7ff}.work-step .step-edit-input{background:#1e1b4bcc;border:1px solid #8b5cf6;border-radius:6px;color:#e0e7ff;flex:1 1;font-size:14px;outline:none;padding:6px 10px}.work-step .step-delete{align-items:center;background:#0000;border:none;border-radius:6px;color:#6366f1;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;transition:all .15s ease;width:26px}.work-step:hover .step-delete{opacity:1}.work-step .step-delete:hover{background:#ef444433;color:#f87171}.add-step-row{align-items:center;background:#6366f10d;border:1px dashed #8b5cf64d;border-radius:8px;display:flex;gap:10px;padding:8px 12px;transition:all .2s ease}.add-step-row:focus-within{background:#6366f11a;border-color:#8b5cf6;border-style:solid}.add-step-row .step-number{color:#6366f1;font-size:13px;font-weight:600;min-width:22px}.add-step-row .add-step-input{background:#0000;border:none;color:#e0e7ff;flex:1 1;font-size:14px;outline:none;padding:8px 0}.add-step-row .add-step-input::placeholder{color:#6366f1}.add-step-row .add-step-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s ease;width:30px}.add-step-row .add-step-btn:hover:not(:disabled){background:#7c3aed;transform:scale(1.05)}.add-step-row .add-step-btn:disabled{background:#8b5cf64d;cursor:not-allowed}.mwe-final-answer{display:flex;flex-direction:column;gap:8px}.mwe-final-answer .answer-label{align-items:center;color:#6ee7b7;display:flex;font-size:14px;font-weight:600;gap:8px}.mwe-final-answer .answer-input{background:#10b9811a;border:2px solid #10b981;border-radius:12px;color:#6ee7b7;font-size:18px;font-weight:600;padding:14px 18px;text-align:center;transition:all .2s ease}.mwe-final-answer .answer-input:focus{background:#10b98126;border-color:#34d399;box-shadow:0 0 0 3px #10b98133;outline:none}.mwe-final-answer .answer-input::placeholder{color:#6ee7b780;font-size:14px;font-weight:500}.mwe-final-answer .answer-preview{background:#10b9811a;border-radius:8px;color:#6ee7b7;font-size:15px;padding:8px 14px;text-align:center}.mwe-final-answer .answer-preview .katex{color:#6ee7b7;font-size:1.2em}.mwe-calculator-panel{flex-shrink:0;width:340px}.math-error{background:#ef444426;border-radius:4px;color:#f87171;font-style:italic;padding:2px 6px}@media (max-width:768px){.mwe-content{flex-direction:column}.mwe-calculator-panel{order:-1;width:100%}.mwe-work-area{min-width:100%}}@media (max-width:480px){.math-workspace-editor{border-radius:12px;padding:14px}.mwe-presets-bar .preset-btn{font-size:14px;height:32px;min-width:34px}.mwe-final-answer .answer-input{font-size:16px;padding:12px 14px}}.scientific-calculator{background:linear-gradient(145deg,#312e81,#1e1b4b);border:1px solid #8b5cf64d;border-radius:14px;overflow:hidden;width:340px}.scientific-calculator .calc-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;justify-content:space-between;padding:10px 14px}.scientific-calculator .calc-header-left{align-items:center;display:flex;font-size:13px;font-weight:600;gap:8px}.scientific-calculator .calc-header-right{display:flex;gap:4px}.scientific-calculator .mode-btn{background:#fff3;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:10px;font-weight:600;padding:4px 8px;transition:all .15s ease}.scientific-calculator .mode-btn:hover{background:#ffffff4d}.scientific-calculator .mode-btn.active{background:#fff;color:#7c3aed}.scientific-calculator .calc-display-area{background:#1e1b4b;border-bottom:1px solid #8b5cf633;min-height:70px;padding:12px 14px}.scientific-calculator .calc-expression-preview{color:#818cf8;font-size:12px;margin-bottom:4px;min-height:20px;overflow-x:auto;text-align:right;white-space:nowrap}.scientific-calculator .calc-expression-preview .katex{color:#a5b4fc}.scientific-calculator .calc-display{color:#e0e7ff;font-family:SF Mono,Monaco,Menlo,monospace;font-size:28px;font-weight:700;line-height:1.2;text-align:right;word-break:break-all}.scientific-calculator .calc-variables-section{border-bottom:1px solid #8b5cf633}.scientific-calculator .calc-variables-header{align-items:center;background:#6366f11a;display:flex;justify-content:space-between;padding:8px 12px}.scientific-calculator .variables-toggle{align-items:center;background:none;border:none;color:#a5b4fc;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:0}.scientific-calculator .variables-toggle:hover{color:#c4b5fd}.scientific-calculator .var-count{color:#8b5cf6;font-size:11px}.scientific-calculator .variables-clear{align-items:center;background:#0000;border:none;border-radius:4px;color:#6366f1;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s ease;width:24px}.scientific-calculator .variables-clear:hover{background:#ef444433;color:#f87171}.scientific-calculator .calc-variables-panel{background:#1e1b4b80;padding:10px 12px}.scientific-calculator .variables-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.scientific-calculator .variable-item{align-items:center;display:flex;gap:2px}.scientific-calculator .var-use-btn{align-items:center;background:#ffffff0d;border:1px solid #8b5cf633;border-radius:6px;color:#c4b5fd;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:600;justify-content:center;min-height:36px;padding:6px 4px;transition:all .15s ease}.scientific-calculator .var-use-btn:hover{background:#8b5cf633;border-color:#8b5cf666}.scientific-calculator .var-value{color:#6ee7b7;font-size:9px;font-weight:500;margin-top:2px}.scientific-calculator .var-set-btn{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:4px;color:#6ee7b7;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:22px}.scientific-calculator .var-set-btn:hover{background:#10b9814d}.scientific-calculator .variable-edit{align-items:center;display:flex;flex:1 1;gap:4px}.scientific-calculator .variable-edit .var-name{color:#c4b5fd;font-size:12px;font-weight:600}.scientific-calculator .variable-edit input{background:#1e1b4bcc;border:1px solid #8b5cf6;border-radius:4px;color:#e0e7ff;flex:1 1;font-size:12px;outline:none;padding:4px 6px;width:100%}.scientific-calculator .calc-buttons{background:#1e1b4b80;display:flex;flex-direction:column;gap:6px;padding:10px}.scientific-calculator .calc-row{display:flex;gap:6px}.scientific-calculator .calc-btn{background:#ffffff14;border:1px solid #8b5cf626;border-radius:10px;color:#e0e7ff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;height:44px;transition:all .1s ease}.scientific-calculator .calc-btn:hover{background:#ffffff1f;transform:scale(1.02)}.scientific-calculator .calc-btn:active{transform:scale(.98)}.scientific-calculator .calc-btn.calc-operator{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff}.scientific-calculator .calc-btn.calc-operator:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.scientific-calculator .calc-btn.calc-clear{background:#ef444426;border-color:#ef44444d;color:#f87171}.scientific-calculator .calc-btn.calc-clear:hover{background:#ef444440}.scientific-calculator .calc-btn.calc-backspace{background:#fb923c26;border-color:#fb923c4d;color:#fb923c}.scientific-calculator .calc-btn.calc-backspace:hover{background:#fb923c40}.scientific-calculator .calc-btn.calc-equals{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.scientific-calculator .calc-btn.calc-equals:hover{background:linear-gradient(135deg,#059669,#047857)}.scientific-calculator .calc-btn.calc-2nd{background:#6366f133;border-color:#6366f14d;color:#a5b4fc;font-size:11px}.scientific-calculator .calc-btn.calc-2nd:hover{background:#6366f14d}.scientific-calculator .calc-btn.calc-2nd.active{background:#6366f1;color:#fff}.scientific-calculator .calc-btn.calc-function{background:#8b5cf640;border-color:#8b5cf666;color:#c4b5fd;font-size:13px}.scientific-calculator .calc-btn.calc-function:hover{background:#8b5cf666}.scientific-calculator .calc-btn.calc-constant{background:#a78bfa4d;border-color:#a78bfa80;color:#ddd6fe}.scientific-calculator .calc-btn.calc-constant:hover{background:#a78bfa73}.scientific-calculator .calc-trace-section{background:#1e1b4b4d;border-top:1px solid #8b5cf633}.scientific-calculator .calc-trace-header{align-items:center;background:#6366f11a;display:flex;justify-content:space-between;padding:8px 12px}.scientific-calculator .trace-toggle{align-items:center;background:none;border:none;color:#a5b4fc;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:0}.scientific-calculator .trace-toggle:hover{color:#c4b5fd}.scientific-calculator .trace-clear{align-items:center;background:#0000;border:none;border-radius:6px;color:#6366f1;cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .15s ease;width:26px}.scientific-calculator .trace-clear:hover{background:#ef444433;color:#f87171}.scientific-calculator .calc-trace-list{max-height:150px;overflow-y:auto;padding:8px 12px}.scientific-calculator .calc-trace-item{align-items:flex-start;background:#6366f11a;border-radius:6px;display:flex;font-size:12px;gap:8px;margin-bottom:4px;padding:6px 10px}.scientific-calculator .calc-trace-item.assignment{background:#10b9811a;border-left:2px solid #10b981}.scientific-calculator .trace-number{color:#8b5cf6;flex-shrink:0;font-weight:600;min-width:18px}.scientific-calculator .calc-trace-item.assignment .trace-number{color:#10b981}.scientific-calculator .trace-math{color:#e0e7ff;overflow-x:auto;white-space:nowrap}.scientific-calculator .trace-math .katex{color:#e0e7ff;font-size:.95em}.scientific-calculator .calc-add-current,.scientific-calculator .calc-add-to-work{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;margin:10px;padding:10px 14px;transition:all .2s ease;width:calc(100% - 20px)}.scientific-calculator .calc-add-current:hover,.scientific-calculator .calc-add-to-work:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.scientific-calculator .calc-add-current{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.scientific-calculator .calc-add-current:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.scientific-calculator .calc-add-current .katex{font-size:.9em}.scientific-calculator .calc-trace-list::-webkit-scrollbar{width:5px}.scientific-calculator .calc-trace-list::-webkit-scrollbar-track{background:#6366f11a;border-radius:3px}.scientific-calculator .calc-trace-list::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:3px}.scientific-calculator .calc-trace-list::-webkit-scrollbar-thumb:hover{background:#8b5cf699}@media (max-width:480px){.scientific-calculator{width:100%}.scientific-calculator .calc-btn{font-size:13px;height:36px}.scientific-calculator .calc-display{font-size:24px}.scientific-calculator .variables-grid{grid-template-columns:repeat(4,1fr)}}.question-workspace{margin-top:16px;position:relative;z-index:1}.work-required-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:12px;padding:6px 12px}.qw-multiple-choice .mc-choices{display:flex;flex-direction:column;gap:12px}.qw-multiple-choice .mc-choice{align-items:flex-start;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px solid #0000;border-radius:14px;box-shadow:0 2px 4px #0000000a,inset 0 1px 0 #fffc;cursor:pointer;display:flex;gap:14px;padding:16px 18px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.qw-multiple-choice .mc-choice:hover{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#3b82f64d;box-shadow:0 4px 8px #3b82f61f;transform:translateX(4px)}.qw-multiple-choice .mc-choice.selected{background:linear-gradient(145deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.qw-multiple-choice .mc-choice input[type=radio]{display:none}.qw-multiple-choice .mc-radio-custom{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all .2s ease;width:26px}.qw-multiple-choice .mc-choice:hover .mc-radio-custom{border-color:#3b82f6}.qw-multiple-choice .mc-choice.selected .mc-radio-custom{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f666}.qw-multiple-choice .mc-check-icon{color:#fff;height:14px;width:14px}.qw-multiple-choice .mc-letter{color:#3b82f6;font-size:16px;font-weight:700;min-width:28px}.qw-multiple-choice .mc-text{color:#1e1b4b;flex:1 1;font-size:15px;line-height:1.6}.mc-no-choices{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;border-radius:16px;color:#64748b;padding:32px 24px;text-align:center}.mc-no-choices-icon{display:block;font-size:32px;margin-bottom:12px}.mc-no-choices p{font-size:15px;margin:0 0 8px}.mc-no-choices-hint{color:#94a3b8;font-size:13px;font-style:italic}.qw-true-false .tf-options{display:flex;flex-wrap:wrap;gap:16px}.qw-true-false .tf-option{align-items:center;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px solid #0000;border-radius:16px;box-shadow:0 2px 4px #0000000a,inset 0 1px 0 #fffc;cursor:pointer;display:flex;flex:1 1;gap:14px;justify-content:center;min-width:160px;padding:24px 32px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.qw-true-false .tf-option:hover{box-shadow:0 4px 12px #1e1b4b1a;transform:translateY(-2px)}.qw-true-false .tf-option.selected{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.qw-true-false .tf-option input[type=radio]{display:none}.qw-true-false .tf-radio-custom{align-items:center;background:#fff;border:3px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.qw-true-false .tf-radio-custom.true{border-color:#10b981}.qw-true-false .tf-radio-custom.false{border-color:#ef4444}.qw-true-false .tf-option:hover .tf-radio-custom.true{background:#10b9811a}.qw-true-false .tf-option:hover .tf-radio-custom.false{background:#ef44441a}.qw-true-false .tf-option.selected .tf-radio-custom.true{background:#10b981;border-color:#10b981;box-shadow:0 3px 10px #10b98166}.qw-true-false .tf-option.selected .tf-radio-custom.false{background:#ef4444;border-color:#ef4444;box-shadow:0 3px 10px #ef444466}.qw-true-false .tf-option.selected:has(.tf-radio-custom.true){background:linear-gradient(145deg,#ecfdf5,#d1fae5);border-color:#10b981}.qw-true-false .tf-option.selected:has(.tf-radio-custom.false){background:linear-gradient(145deg,#fef2f2,#fecaca);border-color:#ef4444}.qw-true-false .tf-check-icon{color:#fff;height:20px;width:20px}.qw-true-false .tf-label{color:#1e1b4b;font-size:20px;font-weight:700}.qw-fill-blank{background:linear-gradient(145deg,#fafaff,#f5f3ff);border:1px solid #e2e8f0;border-radius:16px;padding:20px}.qw-fill-blank.inline-mode .fill-blank-text{color:#1e1b4b;font-size:16px;line-height:2.4}.qw-fill-blank .fill-blank-input{background:#fff;border:2px solid #06b6d4;border-radius:10px;box-shadow:0 2px 6px #06b6d426;color:#1e1b4b;display:inline-block;font-size:15px;margin:0 8px;max-width:220px;min-width:140px;padding:10px 16px;text-align:center;transition:all .2s ease}.qw-fill-blank .fill-blank-input:focus{border-color:#0891b2;box-shadow:0 0 0 3px #06b6d433,0 4px 12px #06b6d433;outline:none}.qw-fill-blank .fill-blank-input::placeholder{color:#94a3b8}.qw-fill-blank.list-mode{display:flex;flex-direction:column;gap:14px}.qw-fill-blank .fill-blank-row{align-items:center;display:flex;gap:14px}.qw-fill-blank .blank-number{color:#06b6d4;font-size:15px;font-weight:700;min-width:32px}.qw-fill-blank.list-mode .fill-blank-input{flex:1 1;max-width:none;padding:14px 18px;text-align:left}.qw-fill-blank.latex-mode{display:flex;flex-direction:column;gap:20px}.qw-fill-blank .fill-blank-question-display{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;color:#1e1b4b;font-size:16px;line-height:1.8;padding:16px}.qw-fill-blank .fill-blank-question-display .katex{font-size:1.2em}.qw-fill-blank .fill-blank-instruction{color:#6366f1;font-size:14px;font-weight:600;margin:0 0 12px}.qw-fill-blank .fill-blank-inputs-container{display:flex;flex-direction:column;gap:12px}.qw-fill-blank.latex-mode .fill-blank-row{align-items:center;display:flex;gap:12px}.qw-fill-blank .blank-label{color:#8b5cf6;font-size:14px;font-weight:600;min-width:70px}.qw-fill-blank.latex-mode .fill-blank-input{flex:1 1;max-width:none;padding:12px 16px;text-align:left}.qw-fill-blank .fill-blank-input.inline{max-width:180px;min-width:100px;vertical-align:middle}.qw-matching{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:24px}.qw-matching .matching-empty{color:#64748b;padding:32px;text-align:center}.qw-matching .matching-empty span{display:block;font-size:28px;margin-bottom:12px}.qw-matching .matching-instructions{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:12px;color:#0369a1;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:14px 18px}.qw-matching .matching-icon{color:#0284c7;flex-shrink:0;height:22px;width:22px}.qw-matching .matching-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr}@media (max-width:700px){.qw-matching .matching-grid{gap:20px;grid-template-columns:1fr}}.qw-matching .matching-column{display:flex;flex-direction:column;gap:12px}.qw-matching .column-header{border-bottom:3px solid #0ea5e9;color:#0284c7;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;padding-bottom:10px;text-transform:uppercase}.qw-matching .matching-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px 18px;transition:all .2s ease}.qw-matching .matching-item.left{display:flex;flex-direction:column;gap:12px}.qw-matching .matching-item.matched{background:linear-gradient(145deg,#ecfdf5,#d1fae5);border-color:#10b981;box-shadow:0 4px 12px #10b98126}.qw-matching .matching-item.used{background:#f1f5f9;opacity:.6}.qw-matching .item-letter,.qw-matching .item-number{color:#0284c7;font-size:15px;font-weight:700}.qw-matching .item-text{color:#334155;flex:1 1;line-height:1.5}.qw-matching .matching-select{background:#fff;border:2px solid #0ea5e9;border-radius:10px;color:#0369a1;cursor:pointer;font-size:14px;font-weight:500;padding:10px 14px;transition:all .2s ease}.qw-matching .matching-select:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e933;outline:none}.qw-matching .matching-select option:disabled{color:#94a3b8}.qw-list{background:linear-gradient(145deg,#f7fee7,#ecfccb);border:1px solid #bef264;border-radius:16px;padding:24px}.qw-list .list-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.qw-list .list-instruction{color:#3f6212;font-size:15px;font-weight:600}.qw-list .list-requirement{color:#65a30d;font-size:13px;font-style:italic}.qw-list .list-items{display:flex;flex-direction:column;gap:12px}.qw-list .list-item-row{align-items:center;display:flex;gap:14px}.qw-list .list-number{color:#65a30d;font-size:16px;font-weight:700;min-width:32px}.qw-list .list-item-input{background:#fff;border:2px solid #84cc16;border-radius:12px;color:#1e1b4b;flex:1 1;font-size:15px;padding:14px 18px;transition:all .2s ease}.qw-list .list-item-input:focus{border-color:#65a30d;box-shadow:0 0 0 3px #84cc1633;outline:none}.qw-list .list-item-input::placeholder{color:#a3e635}.qw-list .list-remove-btn{align-items:center;background:#fff;border:2px solid #fecaca;border-radius:10px;color:#f87171;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.qw-list .list-remove-btn:hover{background:#fef2f2;border-color:#ef4444;color:#dc2626}.qw-list .list-remove-btn svg{height:18px;width:18px}.qw-list .list-add-btn{align-items:center;background:#fff;border:2px dashed #84cc16;border-radius:12px;color:#65a30d;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:12px 20px;transition:all .2s ease}.qw-list .list-add-btn:hover{background:#f7fee7;border-color:#65a30d;transform:translateY(-2px)}.qw-list .list-add-icon{height:18px;width:18px}.qw-code{background:#1e293b;border-radius:16px;box-shadow:0 4px 20px #00000040;overflow:hidden}.qw-code .code-header{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:14px 18px}.qw-code .code-language{align-items:center;color:#22c55e;display:flex;font-size:14px;font-weight:600;gap:8px}.qw-code .code-icon{height:20px;width:20px}.qw-code .code-actions{display:flex;gap:8px}.qw-code .code-reset-btn{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#f87171;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.qw-code .code-reset-btn:hover{background:#ef444440;border-color:#ef4444}.qw-code .code-reset-btn svg{height:16px;width:16px}.qw-code .code-editor-wrapper{display:flex;position:relative}.qw-code .code-line-numbers{background:#0f172a;border-right:1px solid #334155;color:#475569;display:flex;flex-direction:column;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;min-width:48px;padding:18px 0;text-align:right;-webkit-user-select:none;user-select:none}.qw-code .code-line-numbers span{padding:0 14px 0 10px}.qw-code .code-editor{background:#1e293b;border:none;color:#e2e8f0;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;min-height:250px;padding:18px 20px;resize:vertical;tab-size:2}.qw-code .code-editor:focus{outline:none}.qw-code .code-editor::placeholder{color:#475569}.qw-code .code-footer{background:#0f172a;border-top:1px solid #334155;color:#64748b;font-size:12px;padding:10px 18px}.qw-drawing{background:linear-gradient(145deg,#f0fdfa,#ccfbf1);border:1px solid #5eead4;border-radius:16px;overflow:hidden}.qw-drawing .drawing-toolbar{align-items:center;background:linear-gradient(135deg,#0f766e,#0d9488);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:16px 20px}.qw-drawing .drawing-tools{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.qw-drawing .color-picker{display:flex;gap:6px}.qw-drawing .color-btn{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.qw-drawing .color-btn:hover{border-color:#fff9;transform:scale(1.15)}.qw-drawing .color-btn.active{border-color:#fff;box-shadow:0 0 0 3px #ffffff4d,0 3px 10px #0000004d;transform:scale(1.1)}.qw-drawing .brush-size{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:600;gap:10px}.qw-drawing .brush-size input[type=range]{cursor:pointer;width:100px}.qw-drawing .clear-canvas-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.qw-drawing .clear-canvas-btn:hover{background:#ef4444cc;border-color:#ef4444}.qw-drawing .clear-canvas-btn svg{height:18px;width:18px}.qw-drawing .canvas-container{background:#fafaff;display:flex;justify-content:center;padding:24px}.qw-drawing .drawing-canvas{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0000001a;cursor:crosshair;touch-action:none}.qw-calculation{background:linear-gradient(145deg,#fef2f2,#fecaca 30%,#f8fafc);border:1px solid #fca5a5;border-radius:16px;display:flex;flex-direction:column;gap:20px;padding:24px}.qw-calculation .formula-reference{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-left:5px solid #3b82f6;border-radius:0 12px 12px 0;display:flex;gap:12px;padding:16px 20px}.qw-calculation .formula-label{color:#1e40af;font-size:14px;font-weight:700}.qw-calculation .formula-content{color:#1e3a8a;font-family:Georgia,serif;font-size:16px}.qw-calculation .calculation-hints{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;padding:14px 18px}.qw-calculation .hints-label{color:#166534;display:block;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.qw-calculation .hints-list{color:#15803d;font-size:14px;line-height:1.6;margin:0;padding-left:20px}.qw-calculation .hints-list li{margin-bottom:6px}.qw-calculation .calculation-sections{display:flex;flex-direction:column;gap:20px}.qw-calculation .answer-section,.qw-calculation .work-section{display:flex;flex-direction:column;gap:10px}.qw-calculation .section-label{align-items:center;color:#991b1b;display:flex;font-size:15px;font-weight:700;gap:6px}.qw-calculation .required-marker{color:#dc2626;font-size:18px}.qw-calculation .calculation-work-area{background:#fff;border:2px solid #fca5a5;border-radius:12px;color:#1e1b4b;font-family:inherit;font-size:15px;line-height:1.7;min-height:150px;padding:18px 20px;resize:vertical}.qw-calculation .calculation-work-area:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426;outline:none}.qw-calculation .calculation-work-area::placeholder{color:#f87171}.qw-calculation .final-answer-input{background:linear-gradient(145deg,#fff,#fef2f2);border:3px solid #ef4444;border-radius:14px;color:#991b1b;font-size:20px;font-weight:700;padding:18px 24px;text-align:center;transition:all .2s ease}.qw-calculation .final-answer-input:focus{border-color:#dc2626;box-shadow:0 0 0 4px #ef444433,0 4px 16px #ef444426;outline:none}.qw-calculation .final-answer-input::placeholder{color:#f87171;font-size:16px;font-weight:500}.qw-graph-reading{background:linear-gradient(145deg,#ecfeff,#cffafe);border:1px solid #67e8f9;border-radius:16px;display:flex;flex-direction:column;gap:18px;padding:24px}.qw-graph-reading .graph-formula-display{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:12px;font-size:15px;padding:14px 18px}.qw-graph-reading .formula-label{color:#0369a1;font-weight:700;margin-right:8px}.qw-graph-reading .graph-reading-sections{display:flex;flex-direction:column;gap:18px}.qw-graph-reading .answer-section,.qw-graph-reading .work-section{display:flex;flex-direction:column;gap:10px}.qw-graph-reading .section-label{color:#0891b2;font-size:14px;font-weight:700}.qw-graph-reading .graph-work-area{background:#fff;border:2px solid #67e8f9;border-radius:12px;font-size:15px;line-height:1.6;min-height:100px;padding:16px 18px;resize:vertical}.qw-graph-reading .graph-work-area:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d426;outline:none}.qw-graph-reading .graph-answer-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.qw-graph-reading .graph-answer-input{background:#fff;border:2px solid #06b6d4;border-radius:12px;color:#0e7490;flex:1 1;font-size:18px;font-weight:600;max-width:350px;min-width:180px;padding:16px 20px;text-align:center;transition:all .2s ease}.qw-graph-reading .graph-answer-input:focus{border-color:#0891b2;box-shadow:0 0 0 3px #06b6d433;outline:none}.qw-graph-reading .answer-unit{color:#0891b2;font-size:16px;font-weight:600}.qw-rich-text{display:flex;flex-direction:column;gap:12px}.qw-rich-text .word-requirement{background:#f8fafc;border-radius:8px;color:#64748b;display:inline-block;font-size:13px;font-style:italic;padding:8px 12px}.qw-rich-text .word-count{color:#64748b;font-size:13px;font-weight:500;text-align:right}.qw-rich-text .rich-editor-container{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px #1e1b4b0a,inset 0 2px 4px #00000005;overflow:visible;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.qw-rich-text .rich-editor-container:focus-within{border-color:#312e81;box-shadow:0 0 0 4px #312e811a,0 4px 12px #1e1b4b1a}.qw-type-essay .qw-rich-text .rich-editor-container{border-color:#fbcfe8}.qw-type-essay .qw-rich-text .rich-editor-container:focus-within{border-color:#ec4899;box-shadow:0 0 0 4px #ec48991a,0 4px 12px #ec48991a}.qw-type-definition .qw-rich-text .rich-editor-container{border-color:#a5f3fc}.qw-type-definition .qw-rich-text .rich-editor-container:focus-within{border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d41a,0 4px 12px #06b6d41a}.qw-type-comparison .qw-rich-text .rich-editor-container{border-color:#e9d5ff}.qw-type-comparison .qw-rich-text .rich-editor-container:focus-within{border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a,0 4px 12px #a855f71a}.qw-type-short_answer .qw-rich-text .rich-editor-container{border-color:#fde68a}.qw-type-short_answer .qw-rich-text .rich-editor-container:focus-within{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a,0 4px 12px #f59e0b1a}@media (max-width:768px){.qw-true-false .tf-options{flex-direction:column}.qw-matching .matching-grid{gap:16px;grid-template-columns:1fr}.qw-drawing .drawing-toolbar{align-items:stretch;flex-direction:column}.qw-drawing .drawing-tools{justify-content:center}.qw-drawing .clear-canvas-btn{justify-content:center;width:100%}.qw-drawing .canvas-container{overflow-x:auto;padding:12px}.qw-code .code-editor{min-height:200px}.qw-calculation,.qw-fill-blank,.qw-graph-reading,.qw-list{padding:18px}}.student-results-panel{background:linear-gradient(180deg,#0f0a1e,#1a1433);color:#e2e8f0;display:flex;flex-direction:column;height:100%;overflow:hidden}.srp-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);box-shadow:0 4px 8px #0000004d,0 8px 16px #0003,inset 0 1px 0 #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;position:relative}.srp-header:before{background:linear-gradient(180deg,#ffffff14,#fff0);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.srp-header-content{position:relative;z-index:1}.srp-title-row{align-items:center;display:flex;gap:10px;margin-bottom:4px}.srp-title-row h2{color:#fff;font-size:20px;font-weight:700;margin:0}.srp-title-icon{color:#fbbf24;height:24px;width:24px}.srp-assignment-name{color:#ffffffb3;font-size:14px;margin:0}.srp-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 4px #0003,inset 0 1px 0 #ffffff1a;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:40px;z-index:1}.srp-close-btn svg{color:#fff;height:20px;width:20px}.srp-close-btn:hover{background:#fff3;box-shadow:0 4px 8px #0000004d,inset 0 1px 0 #ffffff26;transform:translateY(-2px) scale(1.05)}.srp-grade-summary{background:#0f0a1e80;border-bottom:1px solid #a5b4fc1a;gap:24px;padding:24px}.grade-circle,.srp-grade-summary{align-items:center;display:flex;flex-shrink:0}.grade-circle{background:linear-gradient(145deg,#1e1b4bcc,#0f0a1ee6);border:4px solid #a5b4fc;border-radius:50%;box-shadow:0 4px 8px #0006,0 8px 16px #0000004d,0 16px 32px #0003,inset 0 2px 4px #ffffff1a,inset 0 -4px 8px #0000004d;flex-direction:column;height:100px;justify-content:center;position:relative;width:100px}.grade-circle:before{background:linear-gradient(180deg,#ffffff26,#fff0);border-radius:50%;content:"";height:40%;left:4px;pointer-events:none;position:absolute;right:4px;top:4px}.grade-circle.grade-a{border-color:#34d399}.grade-circle.grade-b{border-color:#3b82f6}.grade-circle.grade-c{border-color:#fbbf24}.grade-circle.grade-d{border-color:#f97316}.grade-circle.grade-f{border-color:#f87171}.grade-letter{color:#fff;font-size:32px;font-weight:800;line-height:1}.grade-percentage{color:#94a3b8;font-size:13px;margin-top:2px}.grade-details{flex:1 1}.grade-score{align-items:baseline;display:flex;gap:4px;margin-bottom:12px}.score-earned{color:#fff;font-size:28px;font-weight:700}.score-separator{color:#6b7280;font-size:20px}.score-total{color:#94a3b8;font-size:20px;font-weight:600}.score-label{color:#6b7280;font-size:13px;margin-left:6px}.grade-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.grade-stats .stat{align-items:center;border-radius:20px;box-shadow:0 2px 4px #0003,inset 0 1px 0 #ffffff1a;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.grade-stats .stat svg{height:16px;width:16px}.grade-stats .stat.correct{background:#10b98126;border:1px solid #34d3994d;color:#34d399}.grade-stats .stat.partial{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.grade-stats .stat.incorrect{background:#ef444426;border:1px solid #f871714d;color:#f87171}.teacher-override-badge{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.teacher-override-badge svg{height:16px;width:16px}.srp-tabs{background:#0f0a1e80;border-bottom:1px solid #a5b4fc1a;flex-shrink:0;padding:16px 24px}.srp-tab,.srp-tabs{display:flex;gap:8px}.srp-tab{align-items:center;background:#0000;border:1px solid #a5b4fc33;border-radius:12px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.srp-tab svg{height:18px;width:18px}.srp-tab:hover{border-color:#a5b4fc66;color:#e2e8f0;transform:translateY(-2px)}.srp-tab.active{background:linear-gradient(145deg,#312e81,#1e1b4b);border-color:#6366f180;box-shadow:0 2px 4px #1e1b4b66,0 4px 8px #1e1b4b4d,0 8px 16px #1e1b4b33,inset 0 1px 0 #ffffff26;color:#fff;transform:translateY(-2px)}.srp-tab.active:before{background:linear-gradient(180deg,#ffffff1a,#fff0);border-radius:12px 12px 50% 50%;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.srp-content{flex:1 1;overflow-y:auto;padding:20px 24px}.srp-content::-webkit-scrollbar{width:6px}.srp-content::-webkit-scrollbar-track{background:#0000}.srp-content::-webkit-scrollbar-thumb{background:#a5b4fc4d;border-radius:3px}.srp-questions-list{display:flex;flex-direction:column;gap:16px}.srp-no-questions{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;padding:60px 20px}.srp-no-questions svg{height:48px;width:48px}.question-result-card{background:#1e1b4b99;border:1px solid #a5b4fc1a;border-radius:16px;box-shadow:0 2px 4px #0003,0 4px 8px #00000026,0 8px 16px #0000001a,inset 0 1px 0 #ffffff0d;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.question-result-card:before{border-radius:16px 0 0 16px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.question-result-card.correct:before{background:linear-gradient(180deg,#34d399,#10b981);box-shadow:2px 0 8px #34d3994d}.question-result-card.partial:before{background:linear-gradient(180deg,#fbbf24,#f59e0b);box-shadow:2px 0 8px #fbbf244d}.question-result-card.incorrect:before,.question-result-card.unknown:before{background:linear-gradient(180deg,#f87171,#ef4444);box-shadow:2px 0 8px #f871714d}.question-result-card:hover{border-color:#a5b4fc4d;box-shadow:0 4px 8px #00000040,0 8px 16px #0003,0 16px 32px #00000026,inset 0 1px 0 #ffffff14;transform:translateY(-4px)}.qrc-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s}.qrc-header:hover{background:#1e1b4bcc}.qrc-header-left{align-items:center;display:flex;gap:12px}.correctness-icon{flex-shrink:0;height:24px;width:24px}.correctness-icon.correct{color:#34d399}.correctness-icon.partial{color:#fbbf24}.correctness-icon.incorrect{color:#f87171}.correctness-icon.unknown{color:#6b7280}.qrc-question-number{background:#6366f133;border-radius:6px;color:#e2e8f0;font-size:14px;font-weight:700;padding:4px 10px}.qrc-question-type{color:#6b7280;font-size:12px;font-weight:600;text-transform:capitalize}.qrc-header-right{align-items:center;display:flex;gap:12px}.qrc-score{align-items:baseline;border-radius:20px;box-shadow:0 2px 4px #0003,inset 0 1px 0 #ffffff1a;display:flex;font-weight:700;gap:2px;padding:6px 14px}.qrc-score.grade-a{background:#10b98126;border:1px solid #34d3994d;color:#34d399}.qrc-score.grade-b{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.qrc-score.grade-c{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.qrc-score.grade-d{background:#f9731626;border:1px solid #f973164d;color:#fb923c}.qrc-score.grade-f{background:#ef444426;border:1px solid #f871714d;color:#f87171}.score-value{font-size:15px}.score-divider{color:inherit;font-size:13px;margin:0 1px;opacity:.6}.score-max{font-size:13px;opacity:.8}.score-percentage{font-size:12px;margin-left:4px;opacity:.7}.qrc-grade-change{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.qrc-grade-change svg{height:14px;width:14px}.qrc-grade-change.positive{background:#10b98126;color:#34d399}.qrc-grade-change.negative{background:#ef444426;color:#f87171}.qrc-expand-btn{align-items:center;background:#ffffff0d;border:1px solid #a5b4fc33;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.qrc-expand-btn svg{color:#6b7280;height:18px;transition:transform .2s;width:18px}.qrc-expand-btn:hover{background:#6366f126;border-color:#6366f166}.qrc-expand-btn:hover svg{color:#a5b4fc}.qrc-question-preview{padding:0 20px 16px}.qrc-question-preview p{color:#94a3b8;font-size:14px;line-height:1.5;margin:0}.qrc-details{border-top:1px solid #a5b4fc1a;overflow:hidden}.qrc-section{border-bottom:1px solid #a5b4fc14;padding:16px 20px}.qrc-section:last-child{border-bottom:none}.qrc-section h4{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.qrc-section h4 svg{color:#a5b4fc;height:16px;width:16px}.qrc-section p{color:#e2e8f0;font-size:14px;line-height:1.6;margin:0}.qrc-full-question{color:#e2e8f0}.qrc-student-answer{background:#1e1b4b80;border-left:3px solid #a5b4fc;border-radius:0 8px 8px 0;padding:12px 16px}.qrc-student-answer .no-answer{color:#6b7280;font-style:italic}.qrc-expected-answer{background:#10b98114;border-left:3px solid #34d399;border-radius:0 8px 8px 0;padding:12px 16px}.qrc-expected-answer p{color:#34d399}.qrc-justification{background:#6366f114;border-left:3px solid #a5b4fc;border-radius:0 8px 8px 0;padding:12px 16px}.qrc-section.positive{background:#10b98114}.qrc-section.positive h4 svg,.qrc-section.positive p{color:#34d399}.qrc-section.issue{background:#fbbf2414}.qrc-section.issue h4 svg,.qrc-section.issue p{color:#fbbf24}.key-points-list{margin-top:8px}.kp-label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.key-points-list.addressed .kp-label{color:#34d399}.key-points-list.missing .kp-label{color:#f87171}.key-points-list ul{margin:0;padding-left:20px}.key-points-list li{color:#e2e8f0;font-size:13px;line-height:1.5;margin-bottom:4px}.qrc-section.override{background:#6366f11a}.qrc-override-info{background:#1e1b4b80;border-radius:8px;padding:12px 16px}.override-change{align-items:center;display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:8px}.override-change .original{color:#6b7280}.override-change .adjusted,.override-change .arrow{color:#a5b4fc}.override-reason{color:#94a3b8;font-size:13px;margin:8px 0}.override-time{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.override-time svg{height:14px;width:14px}.qrc-section.feedback{background:#6366f10d}.srp-feedback-section{display:flex;flex-direction:column;gap:20px}.feedback-card{background:#1e1b4b99;border:1px solid #a5b4fc1a;border-radius:16px;box-shadow:0 2px 4px #0003,0 4px 8px #00000026,inset 0 1px 0 #ffffff0d;padding:20px;position:relative}.feedback-card:before{border-radius:16px 0 0 16px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.feedback-card h3{align-items:center;color:#e2e8f0;display:flex;font-size:15px;font-weight:700;gap:10px;margin:0 0 12px}.feedback-card h3 svg{color:#a5b4fc;height:20px;width:20px}.feedback-card p{color:#94a3b8;font-size:14px;line-height:1.7;margin:0}.feedback-card.overall:before{background:linear-gradient(180deg,#a5b4fc,#6366f1)}.feedback-card.strengths:before{background:linear-gradient(180deg,#34d399,#10b981)}.feedback-card.strengths h3 svg{color:#34d399}.feedback-card.improvements:before{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.feedback-card.improvements h3 svg{color:#fbbf24}.feedback-list{list-style:none;margin:0;padding:0}.feedback-list li{align-items:flex-start;border-bottom:1px solid #a5b4fc14;color:#e2e8f0;display:flex;font-size:14px;gap:10px;padding:10px 0}.feedback-list li:last-child{border-bottom:none;padding-bottom:0}.feedback-list li svg{flex-shrink:0;height:18px;margin-top:2px;width:18px}.feedback-card.strengths .feedback-list li svg{color:#34d399}.feedback-card.improvements .feedback-list li svg{color:#fbbf24}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.srp-grade-summary{flex-direction:column;text-align:center}.grade-details{text-align:center}.grade-score,.grade-stats{justify-content:center}.srp-tabs{overflow-x:auto;padding:12px 16px}.srp-tab{font-size:13px;padding:8px 14px;white-space:nowrap}.srp-content{padding:16px}.qrc-header{flex-wrap:wrap;gap:12px}.qrc-header-right{justify-content:flex-end;width:100%}}@media (max-width:480px){.grade-circle{height:80px;width:80px}.grade-letter{font-size:24px}.qrc-header-left{gap:8px}.correctness-icon{height:20px;width:20px}.qrc-question-number{font-size:12px;padding:3px 8px}}.student-settings-panel{background:#fff;display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden}.ssp-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);box-shadow:0 4px 20px #1e1b4b66,inset 0 1px 0 #ffffff14;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.ssp-header-content{align-items:center;display:flex;gap:12px}.ssp-logo-icon{align-items:center;background:#ffffff26;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff1a;display:flex;height:40px;justify-content:center;width:40px}.ssp-logo-icon svg{color:#fff;height:22px;width:22px}.ssp-header-text{display:flex;flex-direction:column;gap:2px}.ssp-title{font-size:18px;font-weight:700}.ssp-subtitle{font-size:11px;font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.ssp-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ssp-close-btn:hover{background:#fff3}.ssp-close-btn svg{height:20px;width:20px}.ssp-tabs{background:linear-gradient(180deg,#f8f9fc,#f1f3f9);border-bottom:1px solid #1e1b4b1a;display:flex;flex-shrink:0;padding:0 16px}.ssp-tab{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:600;gap:4px;padding:12px 8px;position:relative;transition:all .2s ease}.ssp-tab:hover{color:#312e81}.ssp-tab.active{color:#1e1b4b}.ssp-tab svg{height:20px;width:20px}.ssp-tab-indicator{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border-radius:3px 3px 0 0;bottom:0;height:3px;left:8px;position:absolute;right:8px}.ssp-content{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.ssp-content::-webkit-scrollbar{width:6px}.ssp-content::-webkit-scrollbar-track{background:#1e1b4b0a;border-radius:3px}.ssp-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1e1b4b,#312e81);border-radius:3px}.ssp-tab-content{animation:sspFadeIn .2s ease}@keyframes sspFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ssp-profile-hero{flex-direction:column;margin-bottom:24px;text-align:center}.ssp-avatar,.ssp-profile-hero{align-items:center;display:flex}.ssp-avatar{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border-radius:50%;box-shadow:0 4px 20px #1e1b4b66,0 0 0 4px #6366f126;height:80px;justify-content:center;margin-bottom:16px;width:80px}.ssp-avatar span{color:#fff;font-size:28px;font-weight:700;text-shadow:0 1px 2px #0003}.ssp-profile-info h2{color:#1e1b4b;font-size:20px;font-weight:700;margin:0 0 4px}.ssp-email{color:#6b7280;font-size:14px;margin:0 0 12px}.ssp-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ssp-role-badge{align-items:center;background:#1e1b4b1a;border-radius:12px;color:#312e81;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px}.ssp-role-badge svg{height:14px;width:14px}.ssp-grade-badge{background:#6366f11a;border-radius:12px;color:#6366f1;font-size:12px;font-weight:600;padding:4px 12px}.ssp-info-card{background:#1e1b4b08;border:1px solid #1e1b4b14;border-radius:12px;margin-bottom:20px;padding:16px}.ssp-info-row{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.ssp-info-row:not(:last-child){border-bottom:1px solid #1e1b4b14}.ssp-info-label{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.ssp-info-label svg{color:#312e81;height:16px;width:16px}.ssp-info-value{color:#1e1b4b;font-size:13px;font-weight:600}.ssp-message{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.ssp-message.success{background:#dcfce7;color:#166534}.ssp-message.error{background:#fef2f2;color:#991b1b}.ssp-message svg{flex-shrink:0;height:18px;width:18px}.ssp-actions-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.ssp-action-item{background:#1e1b4b08;border:1px solid #0000;border-radius:12px;overflow:hidden;transition:all .2s ease}.ssp-action-item.expandable.expanded{background:#fff;border-color:#1e1b4b26;box-shadow:0 2px 10px #1e1b4b14}.ssp-action-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s ease}.ssp-action-header:hover{background:#1e1b4b0a}.ssp-action-item.expanded .ssp-action-header{border-bottom:1px solid #1e1b4b1a}.ssp-action-icon{align-items:center;background:#1e1b4b14;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.ssp-action-icon svg{color:#312e81;height:20px;width:20px}.ssp-action-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.ssp-action-title{color:#1e1b4b;font-size:14px;font-weight:600}.ssp-action-desc{color:#6b7280;font-size:12px}.ssp-action-header>svg:last-child{color:#312e81;height:20px;width:20px}.ssp-action-expand{overflow:hidden}.ssp-form{gap:14px;padding:16px}.ssp-form,.ssp-form-group{display:flex;flex-direction:column}.ssp-form-group{gap:6px}.ssp-form-group label{color:#1e1b4b;font-size:12px;font-weight:600}.ssp-form-group input{background:#fff;border:1px solid #1e1b4b26;border-radius:8px;color:#1e1b4b;font-size:14px;padding:10px 12px;transition:all .2s ease}.ssp-form-group input:focus{border-color:#312e81;box-shadow:0 0 0 3px #1e1b4b1a;outline:none}.ssp-form-group input::placeholder{color:#9ca3af}.ssp-password-input{align-items:center;display:flex;position:relative}.ssp-password-input input{padding-right:44px;width:100%}.ssp-toggle-password{align-items:center;background:none;border:none;border-radius:6px;color:#312e81;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:32px}.ssp-toggle-password:hover{background:#1e1b4b0f}.ssp-toggle-password svg{height:20px;width:20px}.ssp-password-requirements{background:#1e1b4b08;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.ssp-password-requirements span{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px}.ssp-password-requirements span svg{height:16px;width:16px}.ssp-password-requirements span.met{color:#10b981}.ssp-req-dot{background:#d1d5db;border-radius:50%;height:8px;width:8px}.ssp-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.ssp-btn-cancel{background:#1e1b4b0f;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.ssp-btn-cancel:hover{background:#1e1b4b1a}.ssp-btn-save{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border:none;border-radius:8px;box-shadow:0 2px 10px #1e1b4b4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease}.ssp-btn-save:hover:not(:disabled){box-shadow:0 4px 15px #1e1b4b66;transform:translateY(-1px)}.ssp-btn-save:disabled{cursor:not-allowed;opacity:.6}.ssp-btn-save svg{height:18px;width:18px}.ssp-spinner{animation:sspSpin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes sspSpin{to{transform:rotate(1turn)}}.ssp-logout-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.ssp-logout-btn:hover{background:#fee2e2;border-color:#f87171}.ssp-logout-btn svg{height:20px;width:20px}.ssp-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ssp-section-header h3{color:#1e1b4b;font-size:16px;font-weight:700;margin:0}.ssp-count-badge{background:linear-gradient(135deg,#1e1b4b1a,#6366f11a);border-radius:12px;color:#312e81;font-size:13px;font-weight:700;padding:4px 12px}.ssp-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.ssp-empty-state svg{color:#312e81;height:48px;margin-bottom:16px;opacity:.3;width:48px}.ssp-empty-state h4{color:#1e1b4b;font-size:16px;font-weight:600;margin:0 0 8px}.ssp-empty-state p{color:#6b7280;font-size:14px;margin:0}.ssp-teachers-list{display:flex;flex-direction:column;gap:12px}.ssp-teacher-card{align-items:center;background:#1e1b4b08;border:1px solid #1e1b4b14;border-radius:12px;display:flex;gap:14px;padding:14px 16px;transition:all .2s ease}.ssp-teacher-card:hover{background:#1e1b4b0f;border-color:#1e1b4b26;box-shadow:0 2px 10px #1e1b4b0f}.ssp-teacher-avatar{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ssp-teacher-avatar span{color:#fff;font-size:16px;font-weight:700}.ssp-teacher-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ssp-teacher-name{color:#1e1b4b;font-size:14px;font-weight:600}.ssp-teacher-subject{color:#6b7280;font-size:12px}.ssp-teacher-email{align-items:center;color:#9ca3af;display:flex;font-size:11px;gap:4px;margin-top:4px}.ssp-teacher-email svg{height:12px;width:12px}.ssp-teacher-stats{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.ssp-teacher-stat{background:#1e1b4b0f;border-radius:6px;color:#6b7280;font-size:11px;padding:2px 8px}.ssp-settings-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.ssp-setting-item{align-items:center;background:#1e1b4b08;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.ssp-setting-item:hover{background:#1e1b4b0d}.ssp-setting-icon{align-items:center;background:#1e1b4b14;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.ssp-setting-icon svg{color:#312e81;height:20px;width:20px}.ssp-setting-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.ssp-setting-title{color:#1e1b4b;font-size:14px;font-weight:600}.ssp-setting-desc{color:#6b7280;font-size:12px}.ssp-toggle{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.ssp-toggle input{height:0;opacity:0;width:0}.ssp-toggle-slider{background:#d1d5db;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.ssp-toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #00000026;content:"";height:20px;left:3px;position:absolute;transition:all .3s ease;width:20px}.ssp-toggle input:checked+.ssp-toggle-slider{background:linear-gradient(135deg,#1e1b4b,#312e81)}.ssp-toggle input:checked+.ssp-toggle-slider:before{transform:translateX(22px)}.ssp-toggle input:focus+.ssp-toggle-slider{box-shadow:0 0 0 3px #1e1b4b26}.ssp-help-section{background:#1e1b4b08;border:1px solid #1e1b4b14;border-radius:12px;padding:16px;text-align:center}.ssp-help-section h4{color:#1e1b4b;font-size:14px;font-weight:600;margin:0 0 8px}.ssp-help-section p{color:#6b7280;font-size:13px;margin:0 0 12px}.ssp-help-link{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:8px;box-shadow:0 2px 8px #1e1b4b4d;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.ssp-help-link:hover{box-shadow:0 4px 12px #1e1b4b66;transform:translateY(-1px)}.ssp-help-link svg{height:16px;width:16px}@media (max-width:480px){.ssp-header{padding:12px 16px}.ssp-content{padding:16px}.ssp-avatar{height:64px;width:64px}.ssp-avatar span{font-size:24px}.ssp-teacher-card{flex-wrap:wrap}.ssp-teacher-stats{border-top:1px solid #1e1b4b14;flex-direction:row;justify-content:flex-start;margin-top:8px;padding-top:8px;width:100%}}:root{--sd-bg-primary:#f8fafc;--sd-bg-white:#fff;--sd-bg-secondary:#f1f5f9;--sd-bg-tertiary:#e2e8f0;--sd-purple-dark:#1e1b4b;--sd-purple-mid:#312e81;--sd-purple-accent:#4c1d95;--sd-purple-light:#6366f1;--sd-purple-glow:#6366f126;--sd-text-dark:#1a202c;--sd-text-primary:#2d3748;--sd-text-secondary:#4a5568;--sd-text-muted:#718096;--sd-text-light:#a0aec0;--sd-border-light:#e2e8f0;--sd-border-medium:#cbd5e0;--sd-success:#6366f1;--sd-success-light:#6366f11a;--sd-warning:#7c3aed;--sd-warning-light:#7c3aed1a;--sd-error:#be185d;--sd-error-light:#be185d1a;--sd-info:#6366f1;--sd-info-light:#6366f11a;--sd-shadow-3d-sm:0 1px 1px #0000000a,0 2px 2px #0000000a,0 4px 4px #0000000a,0 6px 8px #0000000a;--sd-shadow-3d-md:0 1px 1px #00000008,0 2px 2px #00000008,0 4px 4px #00000008,0 8px 8px #00000008,0 16px 16px #00000008;--sd-shadow-3d-lg:0 2px 2px #00000005,0 4px 4px #00000005,0 8px 8px #00000005,0 16px 16px #00000005,0 32px 32px #00000005,0 48px 48px #00000005;--sd-shadow-3d-purple:0 2px 4px #1e1b4b1a,0 4px 8px #1e1b4b1a,0 8px 16px #1e1b4b1a,0 16px 32px #1e1b4b26;--sd-shadow-3d-inset:inset 0 2px 4px #0000000f;--sd-highlight-top:inset 0 1px 0 #fffc;--sd-highlight-top-strong:inset 0 2px 0 #fff}.student-dashboard-container{background:#f8fafc;background:var(--sd-bg-primary);display:flex;isolation:isolate;min-height:100vh;overflow:hidden;position:relative;width:100%}.student-dashboard-container.is-dragging{cursor:col-resize}.student-dashboard-container.is-dragging *{pointer-events:none}.student-dashboard-container.is-dragging .split-divider{pointer-events:auto}.student-dashboard-main{background:#f8fafc;background:var(--sd-bg-primary);flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;transition:width .25s cubic-bezier(.4,0,.2,1);z-index:1}.student-dashboard-main::-webkit-scrollbar{width:8px}.student-dashboard-main::-webkit-scrollbar-track{background:#f1f5f9;background:var(--sd-bg-secondary)}.student-dashboard-main::-webkit-scrollbar-thumb{background:#cbd5e0;background:var(--sd-border-medium);border-radius:4px}.student-dashboard-main::-webkit-scrollbar-thumb:hover{background:#a0aec0;background:var(--sd-text-light)}.student-dashboard-panel{background:#fff;background:var(--sd-bg-white);border-left:1px solid #e2e8f0;border-left:1px solid var(--sd-border-light);box-shadow:-4px 0 20px #0000000d;flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;z-index:1}.student-dashboard-panel.results-panel{background:#fff;background:var(--sd-bg-white);border-left:4px solid #312e81;border-left:4px solid var(--sd-purple-mid);box-shadow:-4px 0 30px #1e1b4b1a}.student-dashboard-panel::-webkit-scrollbar{width:8px}.student-dashboard-panel::-webkit-scrollbar-track{background:#f1f5f9;background:var(--sd-bg-secondary)}.student-dashboard-panel::-webkit-scrollbar-thumb{background:#cbd5e0;background:var(--sd-border-medium);border-radius:4px}.student-dashboard-panel::-webkit-scrollbar-thumb:hover{background:#a0aec0;background:var(--sd-text-light)}.split-divider{background:#e2e8f0;background:var(--sd-bg-tertiary);height:100vh;min-width:12px;touch-action:none;transition:background .15s ease;-webkit-user-select:none;user-select:none;width:12px}.divider-line{display:none}.split-divider:hover{background:#c7d2fe}.split-divider:hover .divider-handle{opacity:1;transform:scale(1)}.split-divider:active{background:#312e81;background:var(--sd-purple-mid)}.split-divider:active .divider-handle{box-shadow:0 6px 24px #1e1b4b66;opacity:1;transform:scale(1.05)}.split-divider.active{background:#312e81;background:var(--sd-purple-mid)}.split-divider.active .divider-handle{box-shadow:0 10px 30px #1e1b4b66;transform:scale(1.1)}.divider-handle{background:linear-gradient(135deg,#1e1b4b,#312e81);background:linear-gradient(135deg,var(--sd-purple-dark) 0,var(--sd-purple-mid) 100%);border-radius:12px;box-shadow:0 4px 12px #1e1b4b4d;flex-direction:column;gap:2px;height:56px;opacity:.8;transform:scale(.9);transition:all .2s cubic-bezier(.4,0,.2,1)}.divider-handle svg,.divider-icon{color:#fff;height:12px;opacity:.9;width:12px}.divider-grip{display:flex;flex-direction:column;gap:3px;padding:4px 0}.divider-grip span{background:#fff9;border-radius:2px;height:2px;width:14px}.split-divider:hover .divider-grip span{background:#ffffffe6}.student-dashboard{background:#f8fafc;background:var(--sd-bg-primary);isolation:isolate;min-height:100vh;width:100%}.sd-header,.student-dashboard{padding:24px;position:relative}.sd-header{background:linear-gradient(135deg,#1e1b4b,#312e81);background:linear-gradient(135deg,var(--sd-purple-dark) 0,var(--sd-purple-mid) 100%);border-radius:20px;box-shadow:0 2px 4px #1e1b4b33,0 4px 8px #1e1b4b33,0 8px 16px #1e1b4b26,0 16px 32px #1e1b4b1a,inset 0 1px 0 #ffffff1a;margin-bottom:24px;transform:translateZ(0);transform-style:preserve-3d;z-index:1}.sd-header:before{background:linear-gradient(180deg,#ffffff14,#fff0);border-radius:20px 20px 0 0;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.sd-header-top{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:16px}.sd-header-content{flex:1 1}.sd-title{align-items:center;color:#fff;display:flex;font-size:28px;font-weight:700;gap:16px;margin:0 0 8px}.sd-title-icon{color:#fff;height:32px;width:32px}.sd-subtitle{color:#fffc;font-size:15px;margin:0}.sd-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.join-assignment-btn,.sd-header-actions .join-assignment-btn{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #ffffff80;border-radius:12px;box-shadow:0 2px 4px #00000026,0 4px 8px #0000001f,0 8px 16px #0000001a,inset 0 1px 0 #fff,inset 0 -1px 0 #0000000d;color:#312e81;color:var(--sd-purple-mid);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.join-assignment-btn:before,.sd-header-actions .join-assignment-btn:before{background:linear-gradient(180deg,#ffffffe6,#fff0);border-radius:12px 12px 50% 50%;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.join-assignment-btn:hover,.sd-header-actions .join-assignment-btn:hover{box-shadow:0 4px 8px #0000002e,0 8px 16px #00000026,0 16px 32px #0000001f,inset 0 1px 0 #fff;transform:translateY(-4px) scale(1.02)}.join-assignment-btn:active{transform:translateY(-2px) scale(1.01);transition-duration:.1s}.join-assignment-btn svg{color:#312e81;color:var(--sd-purple-mid);height:20px;position:relative;width:20px;z-index:1}.sd-quick-stats{display:flex;gap:12px;width:100%}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;flex:1 1;gap:10px;justify-content:center;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.stat-card:before{background:linear-gradient(180deg,#ffffff14,#fff0);border-radius:16px 16px 50% 50%;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-card:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 8px 24px #0000004d;transform:translateY(-3px) scale(1.02)}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;width:32px}.stat-icon:before{background:linear-gradient(180deg,#ffffff4d,#fff0);border-radius:9px 9px 50% 50%;content:"";height:45%;left:1px;pointer-events:none;position:absolute;right:1px;top:1px}.stat-icon svg{color:#fff;height:16px;width:16px}.stat-icon.pending{background:linear-gradient(145deg,#7c3aed,#6d28d9)}.stat-icon.submitted{background:linear-gradient(145deg,#6366f1,#4f46e5)}.stat-icon.graded{background:linear-gradient(145deg,#312e81,#1e1b4b)}.stat-icon.average{background:linear-gradient(145deg,#8b5cf6,#7c3aed)}.stat-content{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.stat-value{color:#fff;font-size:20px;line-height:1}.stat-label{color:#fff9;font-size:10px;font-weight:500;letter-spacing:.5px}.sd-filter-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 8px}.sd-tabs-compact{display:flex;gap:10px}.sd-tab-pill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#312e810f;border:1px solid #312e8126;border-radius:50px;color:#4a5568;color:var(--sd-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sd-tab-pill:hover{background:#312e811f;border-color:#312e8140;transform:translateY(-2px)}.sd-tab-pill.active{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#0000;box-shadow:0 4px 12px #1e1b4b4d,inset 0 1px 0 #ffffff26;color:#fff}.sd-tab-pill .tab-count{background:#fff3;border-radius:20px;font-size:11px;font-weight:700;padding:2px 8px}.sd-tab-pill:not(.active) .tab-count{background:#312e811a;color:#312e81;color:var(--sd-purple-mid)}.sd-category-search-row{align-items:center;display:flex;gap:16px;margin-bottom:24px;padding:0 8px}.sd-category-pills-wrapper{flex:1 1;mask-image:linear-gradient(90deg,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);overflow:hidden;position:relative}.sd-category-pills{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:4px 0;scroll-behavior:smooth;scrollbar-width:none}.sd-category-pills::-webkit-scrollbar{display:none}.sd-category-pill{align-items:center;background:#fffc;border:1px solid #312e811f;border-radius:20px;color:#4a5568;color:var(--sd-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:all .25s ease;white-space:nowrap}.sd-category-pill .category-icon{height:14px;opacity:.7;width:14px}.sd-category-pill:hover{background:#312e8114;border-color:#312e8133;transform:translateY(-1px)}.sd-category-pill.active{background:linear-gradient(135deg,#312e81,#4c1d95);border-color:#0000;box-shadow:0 2px 8px #312e8140;color:#fff}.sd-category-pill.active .category-icon{opacity:1}.sd-category-pill.teacher-pill{background:#8b5cf614;border-color:#8b5cf633}.sd-category-pill.teacher-pill:hover{background:#8b5cf626}.sd-category-pill.teacher-pill.active{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.sd-search-wrapper{flex-shrink:0}.sd-search-box{align-items:center;background:#ffffffe6;border:1px solid #312e811f;border-radius:24px;display:flex;gap:8px;min-width:200px;padding:8px 14px;transition:all .25s ease}.sd-search-box:focus-within{background:#fff;border-color:#312e81;border-color:var(--sd-purple-mid);box-shadow:0 0 0 3px #6366f126}.sd-search-box .search-icon{color:#718096;color:var(--sd-text-muted);flex-shrink:0;height:16px;width:16px}.sd-search-input{background:#0000;border:none;color:#2d3748;color:var(--sd-text-primary);flex:1 1;font-size:13px;outline:none}.sd-search-input::placeholder{color:#718096;color:var(--sd-text-muted)}.search-clear-btn{align-items:center;background:#312e811a;border:none;border-radius:50%;color:#4a5568;color:var(--sd-text-secondary);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:all .2s ease;width:18px}.search-clear-btn:hover{background:#312e8133}.search-clear-btn svg{height:12px;width:12px}.empty-state.category-empty{padding:60px 20px}.back-to-all-btn{background:linear-gradient(135deg,#312e81,#4c1d95);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:16px;padding:10px 20px;transition:all .25s ease}.back-to-all-btn:hover{box-shadow:0 4px 12px #312e814d;transform:translateY(-2px)}@media (max-width:768px){.sd-category-search-row{align-items:stretch;flex-direction:column;gap:12px}.sd-category-pills-wrapper{mask-image:none;-webkit-mask-image:none}.sd-search-box{min-width:100%}}.sd-library{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0 0 40px}.library-rows{display:flex;flex-direction:column;gap:40px}.library-row{animation:rowFadeIn .6s cubic-bezier(.23,1,.32,1) backwards;position:relative}.library-row:first-child{animation-delay:0s}.library-row:nth-child(2){animation-delay:.1s}.library-row:nth-child(3){animation-delay:.2s}.library-row:nth-child(4){animation-delay:.3s}.library-row:nth-child(5){animation-delay:.4s}.library-row:nth-child(6){animation-delay:.5s}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.library-row.attention .row-title{color:#be185d}.row-header{justify-content:space-between;padding:0 24px 12px}.row-header,.row-title{align-items:center;display:flex}.row-title{color:#1a202c;color:var(--sd-text-dark);font-size:17px;font-weight:700;gap:12px;margin:0}.row-icon{animation:iconPulse 2s ease-in-out infinite;color:#312e81;color:var(--sd-purple-mid);height:24px;width:24px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.row-icon.fire{animation:firePulse 1.5s ease-in-out infinite;color:#f97316}@keyframes firePulse{0%,to{filter:drop-shadow(0 0 0 #f97316);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #f97316);transform:scale(1.15)}}.row-icon.trophy{animation:trophyShine 2s ease-in-out infinite;color:#fbbf24}@keyframes trophyShine{0%,to{filter:drop-shadow(0 0 0 #fbbf24);transform:scale(1) rotate(0deg)}50%{filter:drop-shadow(0 0 10px #fbbf24);transform:scale(1.1) rotate(5deg)}}.row-icon.attention{animation:attentionPulse 1s ease-in-out infinite;color:#be185d}@keyframes attentionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.library-row.urgent{animation:urgentPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#dc26260d,#be185d0d);border:1px solid #dc262626;border-radius:16px;margin:0 -8px;padding:16px 0}@keyframes urgentPulse{0%,to{box-shadow:0 0 0 0 #dc26261a}50%{box-shadow:0 0 20px 5px #dc262626}}.library-row.urgent .row-title{color:#dc2626}.row-icon.urgent{animation:urgentIconPulse .8s ease-in-out infinite;color:#dc2626}@keyframes urgentIconPulse{0%,to{filter:drop-shadow(0 0 0 #dc2626);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #dc2626);transform:scale(1.25)}}.row-count.urgent{background:linear-gradient(135deg,#dc262626,#be185d26);border-color:#dc26264d;color:#dc2626;font-weight:800}.library-section-divider{align-items:center;display:flex;gap:16px;margin-top:24px;padding:24px 24px 8px}.library-section-divider:after,.library-section-divider:before{background:linear-gradient(90deg,#0000,#cbd5e0 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--sd-border-medium) 50%,#0000 100%);content:"";flex:1 1;height:1px}.library-section-divider span{color:#718096;color:var(--sd-text-muted);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}.library-row.teacher-row{background:linear-gradient(135deg,#6366f108,#7c3aed08);border:1px solid #6366f11a;border-radius:12px;margin:0 -4px;padding:12px 0}.row-icon.teacher{animation:none;color:#7c3aed}.row-count{background:linear-gradient(135deg,#312e811a,#6366f11a);border:1px solid #312e8126;border-radius:20px;color:#312e81;color:var(--sd-purple-mid);font-size:13px;font-weight:700;padding:6px 14px}.coverflow-carousel{align-items:center;display:flex;gap:8px;padding:0 8px;position:relative}.carousel-nav-btn{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #312e8126;border-radius:50%;box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:44px;z-index:20}.carousel-nav-btn:hover{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#0000;box-shadow:0 4px 12px #1e1b4b4d,0 8px 24px #1e1b4b33;transform:scale(1.1)}.carousel-nav-btn:hover svg{color:#fff}.carousel-nav-btn:active{transform:scale(1.05)}.carousel-nav-btn svg{color:#312e81;color:var(--sd-purple-mid);height:20px;transition:color .3s;width:20px}.carousel-container{flex:1 1;overflow:hidden;padding:20px 0;perspective:1200px;position:relative}.carousel-container:after,.carousel-container:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:120px;z-index:10}.carousel-container:before{background:linear-gradient(90deg,#f8fafc,#0000);background:linear-gradient(90deg,var(--sd-bg-primary) 0,#0000 100%);left:0}.carousel-container:after{background:linear-gradient(-90deg,#f8fafc,#0000);background:linear-gradient(-90deg,var(--sd-bg-primary) 0,#0000 100%);right:0}.carousel-track{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:28px;isolation:isolate;overflow-x:auto;overflow-y:visible;padding:30px 120px 50px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.coverflow-card-wrapper{flex:0 0 320px;margin:-10px;min-width:320px;padding:10px;position:relative;scroll-snap-align:center;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .4s cubic-bezier(.23,1,.32,1);will-change:transform,opacity}.coverflow-card-wrapper:hover{transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),z-index 0s .05s;z-index:30!important}.coverflow-card-wrapper .assignment-card{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s cubic-bezier(.23,1,.32,1)}.coverflow-card-wrapper:hover .assignment-card{box-shadow:0 25px 50px #00000026,0 20px 30px #1e1b4b33,inset 0 1px 0 #fff;transform:translateY(-12px) scale(1.05);transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s cubic-bezier(.23,1,.32,1)}.coverflow-card-wrapper:not(:hover) .assignment-card{transition:transform .4s cubic-bezier(.23,1,.32,1) .05s,box-shadow .4s cubic-bezier(.23,1,.32,1) .05s}.coverflow-card-wrapper:after{background:radial-gradient(ellipse at center,#1e1b4b33 0,#0000 70%);border-radius:50%;bottom:-5px;content:"";filter:blur(10px);height:30px;left:20%;opacity:.6;pointer-events:none;position:absolute;right:20%;transform-origin:center top;transition:all .4s cubic-bezier(.23,1,.32,1)}.coverflow-card-wrapper:hover:after{background:radial-gradient(ellipse at center,#1e1b4b4d 0,#0000 70%);opacity:1;transform:scaleX(1.3) translateY(8px)}.coverflow-card-wrapper .assignment-card:before{background:linear-gradient(120deg,#0000,#ffffff26 50%,#0000);border-radius:20px;content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s cubic-bezier(.23,1,.32,1);width:100%;z-index:1}.coverflow-card-wrapper:hover .assignment-card:before{left:100%}.assignment-card.carousel-card{flex:0 0 320px;max-width:320px;min-width:320px;scroll-snap-align:center}.sd-tabs{display:none}.sd-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#718096;color:var(--sd-text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.sd-tab:hover{background:#00000008;color:#4a5568;color:var(--sd-text-secondary);transform:translateY(-1px)}.sd-tab.active{background:linear-gradient(145deg,#312e81,#1e1b4b);background:linear-gradient(145deg,var(--sd-purple-mid) 0,var(--sd-purple-dark) 100%);box-shadow:0 2px 4px #1e1b4b4d,0 4px 8px #1e1b4b33,0 8px 16px #1e1b4b26,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0003;color:#fff;transform:translateY(-2px)}.sd-tab.active:before{background:linear-gradient(180deg,#ffffff26,#fff0);border-radius:12px 12px 50% 50%;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.tab-count{background:#fff3;border-radius:8px;font-size:12px;font-weight:700;padding:2px 8px}.sd-tab:not(.active) .tab-count{background:#e2e8f0;background:var(--sd-bg-tertiary);color:#4a5568;color:var(--sd-text-secondary)}.assignments-grid,.sd-content{display:none}.assignment-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:20px;box-shadow:0 1px 1px #00000008,0 2px 2px #00000008,0 4px 4px #00000008,0 8px 8px #00000008,0 16px 16px #00000005,inset 0 1px 0 #fff;cursor:pointer;overflow:hidden;padding:24px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.assignment-card:before{background:linear-gradient(180deg,#ffffffe6,#fff0);border-radius:20px 20px 50% 50%;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.assignment-card:after{background:linear-gradient(180deg,#312e81,#1e1b4b);background:linear-gradient(180deg,var(--sd-purple-mid) 0,var(--sd-purple-dark) 100%);border-radius:0 6px 6px 0;bottom:16px;box-shadow:2px 0 8px #1e1b4b4d;content:"";left:0;opacity:0;position:absolute;top:16px;transform:translateX(-5px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:5px}.assignment-card:hover{box-shadow:0 2px 2px #00000008,0 4px 4px #00000008,0 8px 8px #00000008,0 16px 16px #00000008,0 32px 32px #00000008,0 48px 48px #00000005,inset 0 1px 0 #fff;transform:translateY(-10px) rotateX(5deg) rotateY(-2deg)}.assignment-card:hover:before{opacity:1}.assignment-card:hover:after{opacity:1;transform:translateX(0)}.assignment-card:active{transform:translateY(-4px) rotateX(2deg);transition-duration:.1s}.assignment-card>*{position:relative;z-index:1}.assignment-card.overdue{border-color:#be185d1a;border-color:var(--sd-error-light)}.assignment-card.overdue:after{background:linear-gradient(180deg,#be185d,#ef4444);background:linear-gradient(180deg,var(--sd-error) 0,#ef4444 100%);opacity:1;transform:translateX(0)}.assignment-card.graded{border-color:#6366f11a;border-color:var(--sd-success-light)}.assignment-card.graded:after{background:linear-gradient(180deg,#6366f1,#22c55e);background:linear-gradient(180deg,var(--sd-success) 0,#22c55e 100%)}.assignment-card.graded:hover:after{opacity:1;transform:translateX(0)}.assignment-card.submitted-card{border-color:#c7d2fe}.assignment-card.submitted-card:after{opacity:.7;transform:translateX(0)}.assignment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.assignment-icon{align-items:center;border-radius:14px;box-shadow:0 2px 4px #0000001a,0 4px 8px #0000001a,inset 0 1px 0 #ffffff40,inset 0 -1px 0 #0000001a;display:flex;height:52px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:52px}.assignment-icon:before{background:linear-gradient(180deg,#fff3,#fff0);border-radius:14px 14px 50% 50%;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.assignment-card:hover .assignment-icon{box-shadow:0 4px 8px #00000026,0 8px 16px #0000001a,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.05)}.assignment-icon svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:24px;width:24px}.assignment-status{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s ease}.status-badge.not_started{background:#64748b1f;border:1px solid #64748b40;color:#64748b}.status-badge.in_progress{background:#7c3aed1f;border:1px solid #7c3aed40;color:#7c3aed}.status-badge.submitted{background:#6366f11f;border:1px solid #6366f140;color:#6366f1}.status-badge.graded{background:#312e811f;border:1px solid #312e8140;color:#312e81}.type-badge{background:#312e8114;border:1px solid #312e8126;border-radius:6px;color:#312e81;color:var(--sd-purple-mid);font-size:10px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.assignment-body{margin-bottom:20px}.assignment-title{color:#1a202c;color:var(--sd-text-dark);font-size:17px;font-weight:600;line-height:1.4;margin:0 0 12px}.assignment-meta{display:flex;gap:16px;margin-bottom:12px}.meta-item{color:#718096;color:var(--sd-text-muted);display:flex;font-size:13px;font-weight:500;gap:6px}.meta-item svg{color:#a0aec0;color:var(--sd-text-light);height:16px;width:16px}.assignment-description{color:#4a5568;color:var(--sd-text-secondary);font-size:14px;line-height:1.6;margin:12px 0 0}.assignment-progress{margin-top:16px}.progress-bar{background:#e2e8f0;background:var(--sd-bg-tertiary);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#1e1b4b,#312e81);background:linear-gradient(90deg,var(--sd-purple-dark) 0,var(--sd-purple-mid) 100%);border-radius:4px;height:100%;transition:width .4s ease}.progress-text{color:#718096;color:var(--sd-text-muted);font-size:12px;font-weight:600}.assignment-grade{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#6366f114,#312e811f);border:1px solid #6366f133;border-radius:14px;display:flex;gap:12px;margin-top:16px;padding:14px 18px}.grade-label{color:#6366f1;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.grade-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#312e81);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.grade-percentage{color:#312e81;font-size:15px;font-weight:600;margin-left:auto;opacity:.8}.letter-grade{background:linear-gradient(135deg,#312e81,#1e1b4b);border-radius:10px;box-shadow:0 2px 8px #1e1b4b4d;color:#fff;font-size:14px;font-weight:700;padding:6px 14px}.feedback-indicator{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#6366f114;border:1px solid #6366f133;border-radius:12px;color:#6366f1;display:flex;font-size:13px;font-weight:600;gap:8px;margin-top:14px;padding:10px 14px}.feedback-indicator .feedback-icon{color:#6366f1;height:18px;width:18px}.ai-flag-indicator{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#7c3aed14;border:1px solid #7c3aed33;border-radius:12px;color:#7c3aed;display:flex;font-size:13px;font-weight:600;gap:8px;margin-top:14px;padding:10px 14px}.ai-flag-indicator .flag-icon{color:#7c3aed;height:18px;width:18px}.assignment-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--sd-border-light);display:flex;gap:10px;justify-content:flex-end;margin-top:4px;padding-top:16px}.write-work-btn{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border:none;border-radius:12px;box-shadow:0 4px 12px #1e1b4b4d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 18px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.write-work-btn:before{background:linear-gradient(180deg,#ffffff1a,#fff0);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.write-work-btn:hover{box-shadow:0 8px 20px #1e1b4b66,inset 0 1px 0 #ffffff26;transform:translateY(-3px)}.write-work-btn:active{transform:translateY(-1px)}.write-work-btn svg{height:18px;width:18px}.submit-file-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f14d,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 18px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.submit-file-btn:before{background:linear-gradient(180deg,#ffffff26,#fff0);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.submit-file-btn:hover{box-shadow:0 8px 20px #6366f166,inset 0 1px 0 #fff3;transform:translateY(-3px)}.submit-file-btn:active{transform:translateY(-1px)}.submit-file-btn svg{height:18px;width:18px}.view-details-btn-small{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#312e810f;border:1.5px solid #312e8140;border-radius:12px;color:#312e81;color:var(--sd-purple-mid);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 14px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.view-details-btn-small:hover{background:linear-gradient(135deg,#312e81,#1e1b4b);border-color:#0000;box-shadow:0 6px 16px #1e1b4b4d;color:#fff;transform:translateY(-3px)}.view-details-btn-small svg{height:18px;width:18px}.open-btn{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border:none;border-radius:12px;box-shadow:0 4px 12px #1e1b4b4d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.open-btn:before{background:linear-gradient(180deg,#ffffff1a,#fff0);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.open-btn:hover{box-shadow:0 8px 20px #1e1b4b66,inset 0 1px 0 #ffffff26;transform:translateY(-3px)}.open-btn:active{transform:translateY(-1px)}.open-btn svg{height:18px;width:18px}.overdue{color:#be185d;font-weight:600}.due-today{color:#7c3aed;font-weight:600}.due-soon{color:#6366f1;font-weight:600}.empty-assignments,.no-assignments{align-items:center;background:#f1f5f9;background:var(--sd-bg-secondary);border:2px dashed #cbd5e0;border:2px dashed var(--sd-border-medium);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.empty-assignments svg,.no-assignments svg{color:#a0aec0;color:var(--sd-text-light);height:64px;margin-bottom:20px;width:64px}.empty-assignments h3,.no-assignments h3{color:#2d3748;color:var(--sd-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.empty-assignments p,.no-assignments p{color:#718096;color:var(--sd-text-muted);font-size:14px;margin:0;max-width:300px}.loading-container,.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border:4px solid var(--sd-bg-tertiary);border-top-color:var(--sd-purple-mid);height:48px;width:48px}.loading-container p,.loading-spinner p{color:#718096;color:var(--sd-text-muted);font-size:14px;margin-top:16px}.left-panel-tabs{background:#fff;background:var(--sd-bg-white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sd-border-light);display:flex;gap:4px;padding:12px 16px}.left-panel-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#718096;color:var(--sd-text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.left-panel-tab svg{height:18px;width:18px}.left-panel-tab:hover{background:#f1f5f9;background:var(--sd-bg-secondary);color:#4a5568;color:var(--sd-text-secondary)}.left-panel-tab.active{background:linear-gradient(135deg,#1e1b4b,#312e81);background:linear-gradient(135deg,var(--sd-purple-dark) 0,var(--sd-purple-mid) 100%);box-shadow:0 2px 8px #1e1b4b40;color:#fff}.tab-badge{background:#be185d;background:var(--sd-error);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.resources-panel svg:not(.empty-icon):not(.resources-header-icon){height:18px!important;width:18px!important}.resources-panel{background:#f8fafc;background:var(--sd-bg-primary);display:flex;flex-direction:column;height:100%}.resources-panel-header{align-items:center;background:#fff;background:var(--sd-bg-white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sd-border-light);display:flex;gap:12px;padding:20px 24px}.resources-header-icon{color:#312e81;color:var(--sd-purple-mid);flex-shrink:0;height:24px!important;max-width:24px;min-width:24px;width:24px!important}.resources-header-content{flex:1 1;min-width:0}.resources-header-content h2{color:#1a202c;color:var(--sd-text-dark);font-size:18px;font-weight:600;margin:0}.resources-assignment-title{color:#718096;color:var(--sd-text-muted);font-size:13px;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resources-count{background:#312e81;background:var(--sd-purple-mid);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.resources-panel-header h3{align-items:center;color:#1a202c;color:var(--sd-text-dark);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.resources-panel-header h3 svg{color:#312e81;color:var(--sd-purple-mid);height:22px;width:22px}.resources-panel-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.resources-panel-empty svg{color:#a0aec0;color:var(--sd-text-light);height:48px;margin-bottom:16px;width:48px}.resources-panel-empty h4{color:#4a5568;color:var(--sd-text-secondary);font-size:16px;font-weight:600;margin:0 0 8px}.resources-panel-empty p{color:#718096;color:var(--sd-text-muted);font-size:14px;margin:0}.resources-panel-content{background:#f8fafc;background:var(--sd-bg-primary);flex:1 1;overflow-y:auto;padding:20px 24px}.resources-section{margin-bottom:24px}.resources-section:last-child{margin-bottom:0}.resources-section-header{align-items:center;color:#4a5568;color:var(--sd-text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.resources-section-header svg{color:#312e81;color:var(--sd-purple-mid);height:18px!important;max-width:18px;min-width:18px;width:18px!important}.resources-section h4{align-items:center;color:#4a5568;color:var(--sd-text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.resources-section h4 svg{color:#312e81;color:var(--sd-purple-mid);height:18px;width:18px}.resources-list{display:flex;flex-direction:column;gap:10px}.empty-icon{color:#a0aec0;color:var(--sd-text-light);height:48px!important;max-width:48px;min-width:48px;width:48px!important}.resources-panel svg{flex-shrink:0;height:18px;width:18px}.resources-panel-header svg{height:24px!important;width:24px!important}.resources-panel-empty svg{height:48px!important;width:48px!important}.resource-item-expandable{background:#fff;background:var(--sd-bg-white);border:1px solid #e2e8f0;border:1px solid var(--sd-border-light);border-radius:12px;overflow:hidden;transition:all .2s ease}.resource-item-expandable.expanded{border-color:#312e81;border-color:var(--sd-purple-mid);box-shadow:0 4px 12px #1e1b4b1a}.resource-item{align-items:center;cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:background .2s}.resource-expanded-content,.resource-item:hover{background:#f1f5f9;background:var(--sd-bg-secondary)}.resource-expanded-content{border-top:1px solid #e2e8f0;border-top:1px solid var(--sd-border-light);padding:16px}.video-expanded iframe{aspect-ratio:16/9;border:none;border-radius:8px;width:100%}.resource-card{align-items:center;background:#fff;background:var(--sd-bg-white);border:1px solid #e2e8f0;border:1px solid var(--sd-border-light);border-radius:12px;cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.resource-card:last-child{margin-bottom:0}.resource-card:hover{background:#fff;background:var(--sd-bg-white);border-color:#312e81;border-color:var(--sd-purple-mid);box-shadow:0 2px 12px #1e1b4b1a}.resources-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.document-preview-container{background:#fff;background:var(--sd-bg-white);border:1px solid #e2e8f0;border:1px solid var(--sd-border-light);border-radius:12px;margin-bottom:12px;overflow:hidden}.document-preview-iframe{border:none;height:100%;width:100%}.document-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.open-external-btn{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);background:linear-gradient(135deg,var(--sd-purple-dark) 0,var(--sd-purple-mid) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.open-external-btn:hover{box-shadow:0 4px 12px #1e1b4b4d;transform:translateY(-1px)}.open-external-btn svg{height:16px;width:16px}.collapse-btn{align-items:center;background:#fff;background:var(--sd-bg-white);border:1px solid #e2e8f0;border:1px solid var(--sd-border-light);border-radius:8px;color:#718096;color:var(--sd-text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.collapse-btn:hover{background:#f1f5f9;background:var(--sd-bg-secondary);border-color:#cbd5e0;border-color:var(--sd-border-medium);color:#312e81;color:var(--sd-purple-mid)}.collapse-btn svg{height:16px;width:16px}.resource-video .resource-thumbnail{background:#1e1b4b;background:var(--sd-purple-dark);border-radius:8px;flex-shrink:0;height:68px;overflow:hidden;position:relative;width:120px}.resource-video .resource-thumbnail img{height:100%;object-fit:cover;width:100%}.resource-video .play-overlay{align-items:center;background:#1e1b4b66;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.resource-video:hover .play-overlay{opacity:1}.resource-video .play-icon{color:#fff;height:36px;width:36px}.resource-details{flex:1 1;min-width:0}.resource-title{color:#1e1b4b;color:var(--sd-purple-dark);display:block;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-size,.resource-type-label{color:#718096;color:var(--sd-text-muted);display:block;font-size:12px}.resource-image{flex-direction:column;padding:8px}.resource-image-preview{aspect-ratio:4/3;background:#f1f5f9;background:var(--sd-bg-secondary);border-radius:8px;overflow:hidden;position:relative;width:100%}.resource-image-preview img{height:100%;object-fit:cover;width:100%}.resource-image .zoom-overlay{align-items:center;background:#1e1b4b66;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.resource-image:hover .zoom-overlay{opacity:1}.resource-image .zoom-icon{color:#fff;height:32px;width:32px}.resource-image .resource-title{font-size:13px;margin-top:8px;text-align:center}.resource-document{padding:14px 16px}.resource-doc-icon{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);background:linear-gradient(135deg,var(--sd-purple-dark) 0,var(--sd-purple-mid) 100%);border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.resource-doc-icon svg{color:#fff;height:24px;width:24px}.resource-arrow{color:#a0aec0;color:var(--sd-text-light);flex-shrink:0;height:20px;transition:transform .2s ease;width:20px}.resource-document:hover .resource-arrow{color:#312e81;color:var(--sd-purple-mid);transform:translateX(4px)}.video-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#1e1b4be6;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.video-modal-content{animation:scaleIn .3s ease;background:#fff;background:var(--sd-bg-white);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-width:900px;overflow:hidden;width:100%}.video-modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:48px;z-index:10}.video-modal-close:hover{background:#fff3;transform:scale(1.1)}.video-modal-close svg{color:#fff;height:28px;width:28px}.video-modal-title{background:linear-gradient(135deg,#1e1b4b,#312e81);background:linear-gradient(135deg,var(--sd-purple-dark) 0,var(--sd-purple-mid) 100%);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sd-border-light);color:#fff;font-size:18px;font-weight:600;padding:16px 20px}.video-container{background:#000;padding-bottom:56.25%;position:relative;width:100%}.video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.image-zoom-modal{align-items:center;animation:fadeIn .2s ease;background:#000000e6;cursor:pointer;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:10000}.zoom-close-btn{height:48px;right:20px;top:20px;width:48px}.zoom-close-btn svg{height:28px;width:28px}.zoomed-image{animation:scaleIn .2s ease;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;cursor:default;max-height:85vh;max-width:90vw}@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;border-top:1px solid var(--sd-border-light)}.split-divider{display:none}}@media (max-width:768px){.student-dashboard{padding:16px}.sd-header{padding:20px}.sd-header-top{flex-direction:column}.sd-title{font-size:22px}.sd-quick-stats{grid-template-columns:repeat(2,1fr)}.sd-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.sd-tab{font-size:13px;padding:8px 14px;white-space:nowrap}.assignments-grid{grid-template-columns:1fr}.assignment-card{padding:20px}.left-panel-tab,.left-panel-tabs{padding:8px 12px}.left-panel-tab{font-size:13px}.left-panel-tab span:not(.tab-badge){display:none}.resources-panel-content,.resources-panel-header{padding:16px}.resources-images-grid{grid-template-columns:1fr}.resource-video .resource-thumbnail{height:56px;width:100px}}@media (max-width:480px){.sd-quick-stats{grid-template-columns:1fr;justify-content:center}.stat-card{min-width:70px;padding:10px 16px}.stat-value{font-size:16px}.stat-label{font-size:9px}.stat-icon{height:28px;width:28px}.stat-icon svg{height:14px;width:14px}.assignment-footer{flex-direction:column}.assignment-footer button{width:100%}}.sd-settings-fab{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border:none;border-radius:16px;bottom:24px;box-shadow:0 4px 20px #1e1b4b59,0 0 15px #6366f126;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:1000}.sd-settings-fab:hover{box-shadow:0 6px 25px #1e1b4b73,0 0 20px #6366f133;transform:translateY(-2px) scale(1.05)}.sd-settings-fab:active{transform:translateY(0) scale(.98)}.sd-settings-fab svg{height:26px;transition:transform .3s ease;width:26px}.sd-settings-fab:not(.active):hover svg{transform:rotate(90deg)}.sd-settings-fab.active{background:#4b5563;border-radius:12px}.sd-settings-fab.active svg{height:22px;width:22px}.sd-settings-panel-container{box-shadow:-4px 0 30px #1e1b4b33,-2px 0 10px #1e1b4b1a;height:100vh;max-width:90vw;position:fixed;right:0;top:0;width:400px;z-index:999}.sd-settings-panel-container~.sd-settings-fab,.student-dashboard-container:has(.sd-settings-panel-container) .sd-settings-fab{right:424px}@media (max-width:768px){.sd-settings-panel-container{max-width:100%;width:100%}.sd-settings-fab{bottom:16px;height:48px;right:16px;width:48px}.sd-settings-fab svg{height:22px;width:22px}}@media (max-width:480px){.sd-settings-fab{border-radius:12px;bottom:12px;height:44px;right:12px;width:44px}}.feedback-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;margin-top:24px;padding:20px;transition:all .3s ease}.feedback-section:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.feedback-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.feedback-header-left{align-items:flex-start;display:flex;gap:12px}.feedback-header-left>.MuiIcon-root{color:#6366f1;font-size:24px;margin-top:2px}.feedback-header-text{display:flex;flex-direction:column;gap:2px}.feedback-title{color:#1e293b;font-size:15px;font-weight:600}.feedback-subtitle{color:#64748b;font-size:13px}.feedback-cancel-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.feedback-cancel-btn:hover{background:#e2e8f0;color:#64748b}.feedback-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.feedback-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 10px;transition:all .2s ease}.feedback-option:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.feedback-option.selected,.feedback-option:hover{background:var(--option-bg);border-color:var(--option-color)}.feedback-option.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--option-color) 20%,#0000)}.feedback-option .MuiIcon-root{color:var(--option-color);font-size:24px;transition:transform .2s ease}.feedback-option.selected .MuiIcon-root,.feedback-option:hover .MuiIcon-root{transform:scale(1.1)}.feedback-option-label{color:#475569;font-size:12px;font-weight:600;text-align:center}.feedback-option.selected .feedback-option-label{color:var(--option-color)}.feedback-details{border-top:1px solid #e2e8f0;margin-top:4px;padding-top:16px}.feedback-actions-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.feedback-quick-submit{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.feedback-quick-submit:hover:not(:disabled){box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.feedback-quick-submit:disabled{cursor:wait;opacity:.7}.feedback-quick-submit .MuiIcon-root{font-size:18px}.feedback-add-details-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.feedback-add-details-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.feedback-add-details-btn .MuiIcon-root{font-size:18px}.feedback-details-form{border-top:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:16px;margin-top:12px;padding-top:16px}.feedback-field{display:flex;flex-direction:column;gap:8px}.feedback-field label{color:#475569;font-size:13px;font-weight:600}.confidence-options{display:flex;flex-wrap:wrap;gap:8px}.confidence-option{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease}.confidence-option:hover{background:#6366f10a;border-color:#6366f1;color:#6366f1}.confidence-option.selected{background:#6366f11a;border-color:#6366f1;color:#4f46e5}.feedback-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2394a3b8' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;padding:10px 36px 10px 14px;transition:border-color .2s}.feedback-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.feedback-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-family:inherit;font-size:14px;min-height:80px;padding:12px 14px;resize:vertical;transition:border-color .2s}.feedback-textarea::placeholder{color:#94a3b8}.feedback-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.feedback-submit-detailed{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.feedback-submit-detailed:hover:not(:disabled){box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.feedback-submit-detailed:disabled{cursor:wait;opacity:.7}.feedback-section.submitted{padding:16px 20px}.feedback-success{align-items:center;display:flex;gap:12px}.feedback-success>.MuiIcon-root{color:#10b981;font-size:28px}.feedback-success-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.feedback-success-title{color:#047857;font-size:14px;font-weight:600}.feedback-change-btn,.feedback-success-subtitle{color:#059669;font-size:12px}.feedback-change-btn{background:#0000;border:1px solid #d1fae5;border-radius:6px;cursor:pointer;font-weight:500;padding:6px 12px;transition:all .2s ease}.feedback-change-btn:hover{background:#d1fae5;border-color:#a7f3d0}.feedback-section.error{background:#ef44440d;border-color:#ef444433;padding:16px 20px}.feedback-error{align-items:center;color:#dc2626;display:flex;font-size:14px;gap:10px}.feedback-error>.MuiIcon-root{font-size:20px}.feedback-retry-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-left:auto;padding:6px 12px;transition:background .2s}.feedback-retry-btn:hover{background:#dc2626}.feedback-privacy{align-items:center;border-top:1px solid #e2e8f0;color:#94a3b8;display:flex;font-size:11px;gap:6px;margin-top:12px;padding-top:12px}.feedback-privacy .MuiIcon-root{font-size:14px}@media (max-width:768px){.feedback-options{grid-template-columns:repeat(2,1fr)}.feedback-actions-row{align-items:stretch;flex-direction:column}.feedback-quick-submit{justify-content:center}.confidence-options{flex-direction:column}.confidence-option{text-align:center}}@media (max-width:480px){.feedback-options{gap:8px;grid-template-columns:1fr 1fr}.feedback-option{padding:12px 8px}.feedback-option .MuiIcon-root{font-size:20px}.feedback-option-label{font-size:11px}.feedback-header-left>.MuiIcon-root{display:none}}@keyframes feedbackPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.feedback-section.submitted .feedback-success>.MuiIcon-root{animation:feedbackPulse .5s ease}.feedback-section .spinning{animation:spin 1s linear infinite}.split-layout{display:flex;min-height:100vh;overflow:hidden;position:relative;width:100%}.split-layout.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.split-main{flex:1 1;min-width:400px;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}.split-layout.dragging .split-main{transition:none}.split-divider{align-items:center;background:#e5e7eb;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:background .2s ease;width:8px;z-index:100}.split-divider:hover{background:#1e1b4b26}.split-layout.dragging .split-divider{background:linear-gradient(180deg,#1e1b4b,#312e81)}.divider-handle{align-items:center;background:#f3f4f6;border-radius:4px;color:#9ca3af;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:24px}.split-divider:hover .divider-handle{background:#1e1b4b1a;color:#312e81}.split-layout.dragging .divider-handle{background:linear-gradient(135deg,#1e1b4b,#312e81);box-shadow:0 2px 10px #1e1b4b4d;color:#fff}.divider-handle .MuiIcon-root{font-size:18px;transform:rotate(90deg)}.split-panel{background:#fff;box-shadow:-4px 0 20px #1e1b4b1a;display:flex;flex-direction:column;flex-shrink:0;height:100vh;max-height:100vh;overflow:hidden}.split-layout.dragging .split-panel{transition:none}.split-fab-stack{bottom:24px;display:flex;flex-direction:column;gap:12px;position:fixed;right:24px;z-index:1000}.split-fab{align-items:center;border:none;border-radius:16px;box-shadow:0 4px 20px #1e1b4b40,0 0 15px #6366f11a;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.split-fab:hover{box-shadow:0 6px 25px #1e1b4b59,0 0 20px #6366f126;transform:translateY(-2px)}.split-fab:active{transform:translateY(0)}.split-fab .MuiIcon-root{font-size:24px}.split-fab.active{border-radius:12px}.split-fab.dashboard-fab{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95)!important}.split-fab.dashboard-fab.active{background:#4b5563!important}.split-fab.history-fab{background:linear-gradient(135deg,#312e81,#4c1d95 50%,#6366f1)!important}.split-fab.history-fab.active{background:#4b5563!important}.split-layout.panel-open .split-fab-stack{right:444px;right:calc(var(--panel-width, 420px) + 24px);transition:right .3s cubic-bezier(.4,0,.2,1)}.panel-container{display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden}.panel-header{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);box-shadow:0 4px 20px #1e1b4b66,inset 0 1px 0 #ffffff14;color:#fff;flex-shrink:0;justify-content:space-between;padding:16px 20px}.panel-header,.panel-logo{align-items:center;display:flex}.panel-logo{gap:12px}.logo-icon{align-items:center;background:#ffffff26;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff1a;display:flex;height:40px;justify-content:center;width:40px}.logo-icon .MuiIcon-root{color:#fff;font-size:22px}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-name{font-size:18px;font-weight:700}.logo-badge{background:#fff3;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.logo-badge.integrity{background:#6366f14d}.logo-badge.api{background:#10b9814d}.panel-title{align-items:center;display:flex;gap:10px}.panel-title .MuiIcon-root{font-size:24px}.panel-title h2{font-size:18px;font-weight:700;margin:0}.panel-count{background:#fff3;border-radius:10px;font-size:12px;font-weight:600;padding:2px 8px}.panel-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.panel-close:hover{background:#fff3}.panel-actions{align-items:center;display:flex;gap:8px}.panel-action-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s ease;width:36px}.panel-action-btn:hover{background:#fff3}.panel-action-btn.loading .MuiIcon-root{animation:spin 1s linear infinite}.panel-action-btn.active{background:#ffffff40}.filter-dot{background:#fbbf24;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.panel-tabs{background:linear-gradient(180deg,#f8f9fc,#f1f3f9);border-bottom:1px solid #1e1b4b1a;display:flex;flex-shrink:0;padding:0 16px}.panel-tab{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:600;gap:4px;padding:12px 8px;position:relative;transition:all .2s ease}.panel-tab:hover{color:#312e81}.panel-tab.active{color:#1e1b4b}.panel-tab .MuiIcon-root{font-size:20px}.tab-indicator{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border-radius:3px 3px 0 0;bottom:0;height:3px;left:8px;position:absolute;right:8px}.panel-content{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#1e1b4b0a;border-radius:3px}.panel-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1e1b4b,#312e81);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#312e81,#4c1d95)}.panel-loading .MuiIcon-root{animation:spin 1s linear infinite}.panel-error{align-items:center;background:#fef2f2;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.panel-error .MuiIcon-root{color:#ef4444;font-size:32px}.panel-error span{color:#991b1b;font-size:14px}.panel-error button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.panel-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px;text-align:center}.panel-empty .MuiIcon-root{color:#312e81;font-size:48px;opacity:.3}.panel-empty h4{color:#1e1b4b;font-size:16px;font-weight:600;margin:0}.panel-empty p{color:#6b7280;font-size:14px;margin:0}.panel-filters{background:linear-gradient(180deg,#f8f9fc,#f1f3f9);border-bottom:1px solid #1e1b4b1a;overflow:hidden;padding:16px 20px}.filter-row{display:flex;flex-wrap:wrap;gap:12px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:80px}.filter-group label{color:#4c1d95;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group select{background:#fff;border:1px solid #1e1b4b26;border-radius:6px;color:#1e1b4b;cursor:pointer;font-size:13px;padding:8px 10px;transition:all .2s ease}.filter-group select:focus{border-color:#312e81;box-shadow:0 0 0 3px #1e1b4b1a;outline:none}.clear-filters-btn{background:none;border:1px solid #1e1b4b33;border-radius:6px;color:#312e81;cursor:pointer;font-size:12px;font-weight:600;margin-top:12px;padding:8px 12px;transition:all .2s ease}.clear-filters-btn:hover{background:#1e1b4b0d;border-color:#312e81}.scan-list{display:flex;flex-direction:column;gap:12px}.loading-more{font-size:13px;gap:8px}.loading-more .MuiIcon-root{animation:spin 1s linear infinite}.load-more-btn{background:#1e1b4b0a;border:1px solid #1e1b4b26;transition:all .2s ease}.load-more-btn:hover{background:#1e1b4b14;border-color:#312e81}.scan-card{background:#fff;border:1px solid #1e1b4b1a;border-radius:12px;overflow:hidden;transition:all .2s ease}.scan-card:hover{border-color:#1e1b4b33;box-shadow:0 2px 10px #1e1b4b0f}.scan-card.expanded{border-color:#312e81;box-shadow:0 4px 15px #1e1b4b1f}.scan-type-icon{color:#312e81;font-size:20px}.scan-score-circle{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.scan-info{flex:1 1;min-width:0}.scan-assessment-row{margin-bottom:4px}.scan-assessment-badge{border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px}.scan-baseline-tag{background:#1e1b4b1a;border-radius:4px;color:#312e81;font-size:10px;font-weight:600;padding:2px 6px}.scan-meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.scan-expand-icon{color:#312e81;transition:transform .2s ease}.scan-card.expanded .scan-expand-icon{transform:rotate(180deg)}.scan-preview{color:#6b7280;cursor:pointer;font-size:13px;line-height:1.5;overflow:hidden;padding:0 16px 14px 64px;text-overflow:ellipsis;white-space:nowrap}.scan-expanded{border-top:1px solid #1e1b4b1a;overflow:hidden;padding:16px}.scan-loading-details{align-items:center;color:#312e81;display:flex;gap:8px;justify-content:center;padding:20px}.scan-stats{display:flex;gap:16px;margin-bottom:16px}.scan-stat{display:flex;flex-direction:column;gap:2px}.stat-label{color:#6b7280;font-size:11px;text-transform:uppercase}.stat-value{color:#1e1b4b;font-size:16px;font-weight:700}.scan-layers{margin-bottom:16px}.section-title{color:#4c1d95;font-size:12px;margin-bottom:10px;text-transform:uppercase}.layer-list{display:flex;flex-direction:column;gap:8px}.layer-bar-item{align-items:center;display:flex;gap:10px}.layer-name{color:#6b7280;font-size:12px;width:80px}.layer-track{background:#1e1b4b14;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.layer-fill{background:linear-gradient(90deg,#1e1b4b,#312e81,#4c1d95);border-radius:4px;height:100%}.layer-value{color:#1e1b4b;font-size:12px;font-weight:600;text-align:right;width:40px}.scan-text-section{margin-bottom:16px}.section-header{justify-content:space-between;margin-bottom:8px}.copy-btn,.section-header{align-items:center;display:flex}.copy-btn{background:#1e1b4b0f;border:none;border-radius:6px;color:#312e81;cursor:pointer;font-size:12px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.copy-btn:hover:not(:disabled){background:#1e1b4b1f}.copy-btn.copied{background:#dcfce7;color:#16a34a}.copy-btn:disabled{cursor:not-allowed;opacity:.5}.copy-btn .MuiIcon-root{font-size:14px}.scan-text-box{background:#1e1b4b08;border:1px solid #1e1b4b1a;border-radius:8px;color:#1e1b4b;font-size:13px;line-height:1.6;max-height:200px;overflow-y:auto;padding:12px}.text-unavailable{align-items:center;color:#9ca3af;display:flex;font-style:italic;gap:6px}.text-unavailable .MuiIcon-root{font-size:16px}.scan-flagged{background:#fef2f2;border-radius:8px;margin-bottom:16px;padding:12px}.flagged-title{align-items:center;color:#ef4444!important;display:flex;gap:6px}.flagged-title .MuiIcon-root{font-size:16px}.flagged-list{gap:8px}.flagged-list li{border-left:2px solid #fecaca;color:#7f1d1d;font-size:13px;font-style:italic;padding-left:12px}.scan-actions{border-top:1px solid #1e1b4b1a;display:flex;justify-content:flex-end;padding-top:12px}.delete-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.delete-btn:hover{background:#fee2e2}.delete-btn.confirm{background:#ef4444;border-color:#ef4444;color:#fff}.delete-btn .MuiIcon-root{font-size:16px}.tab-content{animation:fadeIn .2s ease}.profile-hero{flex-direction:column;margin-bottom:24px;text-align:center}.profile-avatar,.profile-hero{align-items:center;display:flex}.profile-avatar{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border-radius:50%;box-shadow:0 4px 20px #1e1b4b66,0 0 15px #6366f126;height:80px;justify-content:center;margin-bottom:16px;width:80px}.profile-avatar span{color:#fff;font-size:28px;font-weight:700;text-shadow:0 1px 2px #0003}.profile-info h2{color:#1e1b4b;font-size:20px;font-weight:700;margin:0 0 4px}.profile-info p{color:#6b7280;font-size:14px;margin:0 0 12px}.profile-badges{display:flex;gap:8px;justify-content:center}.role-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.role-badge.integrity{background:#1e1b4b1a;color:#312e81}.role-badge.api{background:#10b9811a;color:#10b981}.pilot-badge{background:#f59e0b1a;border-radius:12px;color:#f59e0b;font-size:12px;font-weight:600;padding:4px 12px}.account-info-card{background:#1e1b4b08;border:1px solid #1e1b4b14;border-radius:12px;margin-bottom:20px;padding:16px}.info-row{display:flex;justify-content:space-between;padding:8px 0}.info-row:not(:last-child){border-bottom:1px solid #1e1b4b14}.info-label{color:#6b7280;font-size:13px}.info-value{color:#1e1b4b;font-size:13px;font-weight:600}.profile-actions-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.profile-action-item{align-items:center;background:#1e1b4b08;border:1px solid #0000;border-radius:12px;display:flex;gap:12px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.profile-action-item:hover{background:#1e1b4b0f;border-color:#1e1b4b1a}.action-icon{align-items:center;background:#1e1b4b14;border-radius:10px;color:#312e81;display:flex;height:40px;justify-content:center;width:40px}.action-icon .MuiIcon-root{color:#312e81;font-size:20px}.action-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.action-title{color:#1e1b4b;font-size:14px;font-weight:600}.action-desc{color:#6b7280;font-size:12px}.action-arrow{color:#312e81}.logout-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#fee2e2}.logout-btn .MuiIcon-root{font-size:20px}.current-plan-banner{align-items:center;background:#1e1b4b0f;border:1px solid #1e1b4b1a;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:14px 16px}.current-plan-banner .MuiIcon-root{color:#312e81;font-size:24px}.banner-title{color:#1e1b4b;font-size:14px}.plan-list{display:flex;flex-direction:column;gap:12px}.plan-item{background:#1e1b4b05;border:1px solid #1e1b4b1a;border-radius:12px;padding:16px;position:relative;transition:all .2s ease}.plan-item:hover{border-color:#1e1b4b33;box-shadow:0 2px 10px #1e1b4b0f}.plan-item.current{background:#1e1b4b0a;border-color:#312e81;box-shadow:0 2px 15px #1e1b4b1a}.plan-item.popular{border-color:#4c1d95}.popular-tag{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border-radius:10px;box-shadow:0 2px 8px #1e1b4b4d;color:#fff;font-size:10px;font-weight:700;padding:2px 10px;position:absolute;right:16px;text-transform:uppercase;top:-8px}.plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.plan-header h4{font-size:16px;margin:0}.plan-header h4,.plan-price{color:#1e1b4b;font-weight:700}.plan-price{font-size:18px}.plan-price small{color:#6b7280;font-size:12px;font-weight:500}.plan-features{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 12px;padding:0}.plan-features li{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.plan-features li .MuiIcon-root{color:#10b981;font-size:16px}.plan-btn{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.plan-btn:disabled{background:#0000;border-color:#312e81;color:#312e81;cursor:default}.plan-btn:not(:disabled):hover{box-shadow:0 4px 15px #1e1b4b59;transform:translateY(-1px)}.usage-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.usage-item{background:#1e1b4b08;border:1px solid #1e1b4b14;border-radius:12px;padding:16px}.usage-header{gap:12px;margin-bottom:12px}.usage-header,.usage-icon{align-items:center;display:flex}.usage-icon{background:#1e1b4b14;border-radius:10px;height:40px;justify-content:center;width:40px}.usage-icon .MuiIcon-root{color:#312e81;font-size:20px}.usage-label{align-items:center;display:flex;flex:1 1;justify-content:space-between}.usage-name{font-weight:600}.usage-name,.usage-numbers{color:#1e1b4b;font-size:14px}.usage-numbers{font-weight:700}.usage-bar{background:#1e1b4b14;border-radius:4px;height:8px;margin-bottom:8px}.usage-fill{background:linear-gradient(90deg,#1e1b4b,#312e81,#4c1d95);border-radius:4px;transition:width .5s ease}.usage-footer{color:#6b7280;display:flex;font-size:12px;justify-content:space-between}.usage-history-link{align-items:center;background:#1e1b4b0a;border:1px solid #1e1b4b1a;border-radius:10px;color:#312e81;display:flex;font-size:14px;font-weight:500;gap:8px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.usage-history-link:hover{background:#1e1b4b14;border-color:#1e1b4b33}.usage-history-link .MuiIcon-root:first-child{font-size:20px}.usage-history-link span{flex:1 1}.support-links{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.support-link{align-items:center;background:#1e1b4b08;border:1px solid #0000;border-radius:12px;display:flex;gap:12px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.support-link:hover{background:#1e1b4b0f;border-color:#1e1b4b1a}.support-icon{align-items:center;background:#1e1b4b14;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.support-icon .MuiIcon-root{color:#312e81;font-size:20px}.support-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.support-title{color:#1e1b4b;font-size:14px;font-weight:600}.support-value{color:#6b7280;font-size:12px}.support-arrow{color:#312e81}.quick-faqs{background:#1e1b4b08;border:1px solid #1e1b4b14;border-radius:12px;padding:16px}.quick-faqs h4{align-items:center;color:#1e1b4b;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.quick-faqs h4 .MuiIcon-root{color:#312e81;font-size:18px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:#fff;border:1px solid #1e1b4b14;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease}.faq-item:hover{border-color:#1e1b4b26}.faq-item summary{color:#1e1b4b;font-size:13px;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary{color:#312e81;margin-bottom:8px}.faq-item p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}@media (max-width:768px){.split-layout{flex-direction:column}.split-main{min-width:100%;width:100%!important}.split-divider{cursor:row-resize;height:8px;width:100%}.divider-handle{height:24px;width:48px}.divider-handle .MuiIcon-root{transform:rotate(0deg)}.split-panel{max-height:60vh;width:100%!important}.split-fab-stack{bottom:16px;right:16px}.split-layout.panel-open .split-fab-stack{bottom:calc(60vh + 16px);right:16px}}.profile-message{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.profile-message.success{background:#dcfce7;color:#166534}.profile-message.error{background:#fef2f2;color:#991b1b}.profile-message .MuiIcon-root{font-size:18px}.profile-action-item.expandable{background:#1e1b4b08;border:1px solid #0000;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .2s ease}.profile-action-item.expandable.expanded{background:#fff;border-color:#1e1b4b26;box-shadow:0 2px 10px #1e1b4b14}.profile-action-item.expandable .action-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s ease}.profile-action-item.expandable .action-header:hover{background:#1e1b4b0a}.profile-action-item.expandable.expanded .action-header{border-bottom:1px solid #1e1b4b1a}.action-expand{overflow:hidden}.edit-form{gap:14px;padding:16px}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#1e1b4b}.form-group input{border:1px solid #1e1b4b26;border-radius:8px;color:#1e1b4b;font-size:14px;transition:all .2s ease}.form-group input:focus{border-color:#312e81;box-shadow:0 0 0 3px #1e1b4b1a}.form-group input::placeholder{color:#9ca3af}.password-input{align-items:center;display:flex;position:relative}.password-input input{padding-right:44px;width:100%}.toggle-password{align-items:center;background:none;border:none;border-radius:6px;color:#312e81;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:32px}.toggle-password:hover{background:#1e1b4b0f}.toggle-password .MuiIcon-root{font-size:20px}.password-requirements{background:#1e1b4b08;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.password-requirements span{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.password-requirements span .MuiIcon-root{font-size:16px}.password-requirements span.met{color:#10b981}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.btn-cancel{background:#1e1b4b0f;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.btn-cancel:hover{background:#1e1b4b1a}.btn-save{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border:none;border-radius:8px;box-shadow:0 2px 10px #1e1b4b4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease}.btn-save:hover:not(:disabled){box-shadow:0 4px 15px #1e1b4b66;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-save .MuiIcon-root{font-size:18px}.billing-cycle-toggle{background:#1e1b4b0a;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:4px}.cycle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.cycle-btn.active{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);box-shadow:0 2px 10px #1e1b4b4d;color:#fff}.cycle-btn:not(.active):hover{background:#1e1b4b14}.save-badge{background:#10b981;border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px}.cycle-btn.active .save-badge{background:#ffffff40}.plan-error{align-items:center;background:#fef2f2;border-radius:8px;color:#991b1b;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:12px}.plan-error .MuiIcon-root:first-child{color:#ef4444;font-size:18px}.plan-error span{flex:1 1}.plan-error button{align-items:center;background:#0000;border:none;border-radius:4px;color:#991b1b;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.plan-error button:hover{background:#0000000d}.plan-pricing{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.plan-billed{color:#6b7280;font-size:11px}.plan-savings{color:#10b981;font-size:11px;font-weight:600}.plan-description{color:#6b7280;font-size:12px;line-height:1.4;margin:0 0 12px}.enterprise-cta{align-items:center;background:#1e1b4b08;border:1px solid #1e1b4b14;border-radius:10px;display:flex;gap:12px;margin-top:8px;padding:14px 16px}.enterprise-cta .MuiIcon-root{color:#312e81;font-size:24px}.enterprise-cta div{display:flex;flex:1 1;flex-direction:column;gap:2px}.enterprise-cta strong{color:#1e1b4b;font-size:13px}.enterprise-cta span{color:#6b7280;font-size:12px}.enterprise-link{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:6px;box-shadow:0 2px 8px #1e1b4b4d;color:#fff;font-size:12px;font-weight:600;padding:8px 14px;text-decoration:none;transition:all .2s ease}.enterprise-link:hover{box-shadow:0 4px 12px #1e1b4b66;transform:translateY(-1px)}.plan-btn .btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;margin-right:6px;width:14px}.split-fab.assignments-fab:not(.active){box-shadow:0 4px 20px #1e1b4b4d,0 0 20px #6366f126}.split-fab.assignments-fab:hover:not(.active){box-shadow:0 6px 25px #1e1b4b66,0 0 25px #6366f133}.split-fab.assignments-fab{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95)!important}.split-fab.assignments-fab.active{background:#4b5563!important}.scan-report-card{background:linear-gradient(180deg,#1e1b4bcc,#0f0a1ee6);border:1px solid #8b5cf633;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;transition:all .3s ease}.scan-report-card:hover{border-color:#8b5cf666;box-shadow:0 6px 24px #4c1d954d}.scan-report-card.expanded{border-color:#8b5cf680;box-shadow:0 8px 32px #4c1d9566}.scan-card-header{align-items:center;background:linear-gradient(135deg,#312e8166,#4c1d9533);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s}.scan-card-header:hover{background:linear-gradient(135deg,#312e8199,#4c1d954d)}.scan-type-badge{align-items:center;background:linear-gradient(135deg,#312e81,#4c1d95);border:1px solid #8b5cf64d;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.scan-type-badge .material-icons{color:#c4b5fd;font-size:18px}.scan-score-ring{align-items:center;background:conic-gradient(var(--score-color) var(--score-percent),#ffffff1a var(--score-percent));border-radius:50%;box-shadow:0 0 12px #8b5cf64d;display:flex;flex-direction:column;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.scan-score-ring:before{background:linear-gradient(180deg,#1a1433,#0f0a1e);border-radius:50%;content:"";inset:4px;position:absolute}.scan-score-ring .score-value{color:#fff;font-size:14px;font-weight:700;line-height:1;position:relative;text-shadow:0 0 8px #ffffff80;z-index:1}.scan-score-ring .score-label{color:#a5b4fc;font-size:8px;position:relative;z-index:1}.scan-summary{flex:1 1;min-width:0}.scan-assessment-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.assessment-pill{align-items:center;background:#0003;border:1px solid;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.assessment-pill .assessment-icon{font-size:14px}.baseline-compared,.baseline-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:500;gap:3px;padding:3px 8px}.baseline-indicator{background:#10b98133;border:1px solid #34d3994d;color:#6ee7b7}.baseline-compared{background:#6366f133;border:1px solid #6366f14d;color:#a5b4fc}.baseline-compared .material-icons,.baseline-indicator .material-icons{font-size:12px}.scan-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.meta-item{align-items:center;color:#94a3b8;display:inline-flex;font-size:11px;gap:3px}.meta-item .material-icons{font-size:13px}.expand-chevron{color:#a5b4fc;transition:transform .3s}.scan-report-card.expanded .expand-chevron{transform:rotate(180deg)}.scan-preview-strip{cursor:pointer;padding:0 16px 14px}.scan-preview-strip p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:12px;line-height:1.5;margin:0;overflow:hidden}.scan-report-body{background:linear-gradient(180deg,#0f0a1e80,#0f0a1ecc);border-top:1px solid #8b5cf633;overflow:hidden}.report-loading{align-items:center;color:#a5b4fc;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:32px;width:32px}.report-tabs{background:linear-gradient(135deg,#1e1b4b99,#4c1d954d);border-bottom:1px solid #8b5cf633;display:flex;gap:4px;overflow-x:auto;padding:12px 16px}.report-tab{align-items:center;background:#0f0a1e66;border:1px solid #8b5cf633;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.report-tab .material-icons{font-size:16px}.report-tab:hover{background:#312e8166;border-color:#8b5cf64d;color:#e2e8f0}.report-tab.active{background:linear-gradient(135deg,#312e81,#4c1d95);border-color:#8b5cf680;color:#fff}.report-content{min-height:200px;padding:16px}.section-title{align-items:center;color:#e2e8f0;display:flex;font-size:13px;gap:8px;margin:0 0 12px}.section-title .material-icons{color:#c4b5fd;font-size:18px}.section-title.warning .material-icons{color:#fbbf24}.section-title.success .material-icons{color:#34d399}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.empty-state .material-icons{color:#8b5cf64d;font-size:48px;margin-bottom:12px}.empty-state h4{color:#a5b4fc;font-size:14px;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:12px;margin:0}.tab-overview{display:flex;flex-direction:column;gap:20px}.result-hero{background:linear-gradient(135deg,#312e8180,#4c1d954d);border:1px solid #8b5cf64d;border-radius:12px;display:flex;gap:20px;padding:16px}.hero-score{flex-direction:column;gap:8px}.hero-score,.score-circle{align-items:center;display:flex}.score-circle{background:linear-gradient(180deg,#1a1433,#0f0a1e);border:3px solid var(--score-color);border-radius:50%;box-shadow:0 0 20px #8b5cf64d,inset 0 0 20px #0000004d;gap:2px;height:80px;justify-content:center;width:80px}.score-number{color:#fff;font-size:28px;font-weight:700;text-shadow:0 0 10px #ffffff80}.score-percent{color:#a5b4fc;font-size:14px}.score-subtitle{color:#94a3b8;font-size:11px}.hero-details{flex:1 1;min-width:0}.assessment-badge-large{align-items:center;background:#0f0a1e99;border:1px solid;border-radius:8px;display:inline-flex;gap:10px;margin-bottom:10px;padding:10px 14px}.assessment-badge-large .material-icons{font-size:24px}.badge-text{display:flex;flex-direction:column}.badge-label{font-size:14px;font-weight:600}.badge-desc{color:#94a3b8;font-size:11px}.justification-text{color:#cbd5e1;font-size:12px;line-height:1.5;margin:0}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.stat-card{align-items:center;background:linear-gradient(180deg,#1e1b4b99,#0f0a1ecc);border:1px solid #8b5cf633;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px;text-align:center}.stat-card .stat-icon{color:#a78bfa;font-size:20px}.stat-card .stat-value{color:#fff;font-size:18px;font-weight:600}.stat-card .stat-label{color:#94a3b8;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.metrics-section{background:linear-gradient(180deg,#1e1b4b99,#0f0a1ecc);border:1px solid #8b5cf633;border-radius:10px;padding:14px}.metrics-list{gap:14px}.metric-bar-item,.metrics-list{display:flex;flex-direction:column}.metric-bar-item{gap:6px}.metric-header{align-items:center;display:flex;justify-content:space-between}.metric-name{color:#cbd5e1;font-size:12px}.metric-value{font-size:12px;font-weight:600}.metric-track{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.metric-fill{border-radius:3px;height:100%;transition:width .5s ease}.metric-desc{color:#6b7280;font-size:10px;margin:0}.baseline-section{background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;padding:14px}.baseline-info-card{align-items:center;display:flex;gap:16px}.baseline-similarity{align-items:center;display:flex;flex-direction:column;gap:6px}.similarity-ring{align-items:center;background:conic-gradient(var(--sim-color) var(--similarity),#ffffff1a var(--similarity));border-radius:50%;box-shadow:0 0 12px #6366f14d;display:flex;height:60px;justify-content:center;position:relative;width:60px}.similarity-ring:before{background:linear-gradient(180deg,#1a1433,#0f0a1e);border-radius:50%;content:"";inset:5px;position:absolute}.similarity-ring span{color:#fff;font-size:14px;font-weight:600;position:relative;text-shadow:0 0 8px #ffffff80;z-index:1}.similarity-label{color:#94a3b8;font-size:10px}.baseline-details{flex:1 1}.match-description{color:#cbd5e1;font-size:12px;margin:0 0 8px}.student-tag{align-items:center;background:#6366f133;border:1px solid #6366f14d;border-radius:4px;color:#a5b4fc;display:inline-flex;font-size:11px;gap:4px;padding:4px 8px}.student-tag .material-icons{font-size:14px}.scan-timestamp{align-items:center;border-top:1px solid #8b5cf633;color:#6b7280;display:flex;font-size:11px;gap:6px;padding-top:12px}.scan-timestamp .material-icons{font-size:14px}.response-time{color:#4b5563}.tab-layers{gap:16px}.layers-grid,.tab-layers{display:flex;flex-direction:column}.layers-grid{gap:12px}.layer-card{background:linear-gradient(180deg,#1e1b4b99,#0f0a1ecc);border:1px solid #8b5cf633;border-radius:10px;padding:14px}.layer-header{display:flex;gap:12px;margin-bottom:12px}.layer-icon-wrap{align-items:center;border:1px solid #8b5cf633;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.layer-icon-wrap .material-icons{font-size:20px}.layer-title h5{color:#e2e8f0;font-size:13px;font-weight:600;margin:0 0 2px}.layer-title p{color:#6b7280;font-size:11px;margin:0}.layer-score-bar .bar-track{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative}.layer-score-bar .bar-fill{border-radius:4px;height:100%}.layer-score-bar .bar-markers{inset:0;position:absolute}.layer-score-bar .bar-markers span{background:#ffffff26;bottom:0;position:absolute;top:0;width:1px}.layer-score-bar .bar-labels{color:#6b7280;display:flex;font-size:10px;justify-content:space-between;margin-top:6px}.layer-score-bar .score-value{font-weight:600}.layers-legend{background:#1e1b4b80;border:1px solid #8b5cf633;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:12px}.legend-item{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:6px}.legend-color{border-radius:3px;height:12px;width:12px}.tab-style{display:flex;flex-direction:column;gap:20px}.style-profile{background:linear-gradient(180deg,#1e1b4b99,#0f0a1ecc);border:1px solid #8b5cf633;border-radius:10px;padding:14px}.style-attributes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.style-attribute{background:#0f0a1e80;border:1px solid #8b5cf626;gap:10px;padding:10px}.attr-icon,.style-attribute{border-radius:8px;display:flex}.attr-icon{align-items:center;background:linear-gradient(135deg,#312e81,#4c1d95);flex-shrink:0;height:36px;justify-content:center;width:36px}.attr-icon .material-icons{color:#c4b5fd;font-size:18px}.attr-content{display:flex;flex-direction:column}.attr-label{color:#6b7280;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.attr-value{color:#e2e8f0;font-size:13px;font-weight:600}.style-scores{background:linear-gradient(180deg,#1e1b4b99,#0f0a1ecc);border:1px solid #8b5cf633;border-radius:10px;padding:14px}.score-meters{gap:16px}.score-meter,.score-meters{display:flex;flex-direction:column}.score-meter{gap:6px}.meter-header{display:flex;justify-content:space-between}.meter-label{color:#cbd5e1;font-size:12px}.meter-value{color:#fff;font-size:12px;font-weight:600}.meter-track{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative}.meter-gradient{background:linear-gradient(90deg,#10b981,#eab308,#f97316,#ef4444);inset:0;opacity:.5;position:absolute}.meter-marker{background:#fff;border-radius:2px;bottom:-2px;box-shadow:0 0 8px #ffffff80;position:absolute;top:-2px;transform:translateX(-50%);width:4px;z-index:1}.meter-labels{color:#6b7280;display:flex;font-size:10px;justify-content:space-between}.sentence-analysis{background:linear-gradient(180deg,#1e1b4b99,#0f0a1ecc);border:1px solid #8b5cf633;border-radius:10px;padding:14px}.sentence-stats{display:flex;gap:24px;margin-bottom:12px}.sentence-stat .stat-value{color:#a78bfa;font-size:24px;text-shadow:0 0 10px #a78bfa4d}.sentence-stat .stat-label{font-size:11px}.sentence-interpretation{color:#94a3b8;font-size:12px;font-style:italic;margin:0}.writing-mode-badge{align-items:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:6px;color:#cbd5e1;display:inline-flex;font-size:12px;gap:8px;padding:8px 12px}.writing-mode-badge .material-icons{color:#a78bfa;font-size:16px}.tab-flags{display:flex;flex-direction:column;gap:16px}.flags-section{background:linear-gradient(180deg,#1e1b4b99,#0f0a1ecc);border:1px solid #8b5cf633;border-radius:10px;padding:14px}.flags-section.ai-flags{background:linear-gradient(180deg,#ef44441a,#0f0a1ecc);border-color:#ef44444d}.flags-section.human-flags{background:linear-gradient(180deg,#10b9811a,#0f0a1ecc);border-color:#10b9814d}.flags-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.flag-item{align-items:flex-start;background:#0f0a1e80;border:1px solid #8b5cf626;border-radius:6px;display:flex;font-size:12px;gap:8px;padding:8px 10px}.flag-item .material-icons{flex-shrink:0;font-size:16px;margin-top:1px}.flag-item.ai .material-icons{color:#f87171}.flag-item.human .material-icons{color:#34d399}.flag-item span{color:#cbd5e1;line-height:1.4}.sentences-list{display:flex;flex-direction:column;gap:10px}.flagged-sentence{align-items:flex-start;background:#0f0a1e80;border:1px solid #8b5cf626;border-left:3px solid #fbbf24;border-radius:6px;display:flex;gap:10px;padding:10px}.sentence-number{align-items:center;background:#fbbf2433;border-radius:50%;color:#fbbf24;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:20px;justify-content:center;width:20px}.sentence-text{color:#cbd5e1;flex:1 1;font-size:12px;font-style:italic;line-height:1.5;margin:0}.sentence-score{flex-shrink:0;font-size:12px;font-weight:600}.more-sentences{color:#6b7280;font-size:11px;margin:0;padding:8px;text-align:center}.tab-text{display:flex;flex-direction:column;gap:12px}.text-toolbar{background:#1e1b4b80;border:1px solid #8b5cf633;border-radius:8px;justify-content:space-between;padding:8px 12px}.text-toolbar,.toolbar-left{align-items:center;display:flex}.toolbar-left{gap:12px}.char-count{color:#6b7280;font-size:11px}.toolbar-right{align-items:center;display:flex;gap:8px}.copy-button,.highlight-toggle{align-items:center;background:#0f0a1e80;border:1px solid #8b5cf633;border-radius:4px;color:#a5b4fc;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:6px 10px;transition:all .2s}.copy-button .material-icons,.highlight-toggle .material-icons{font-size:14px}.copy-button:hover,.highlight-toggle:hover{background:#312e8180;border-color:#8b5cf666}.highlight-toggle.active{background:#fbbf2433;border-color:#fbbf2466;color:#fbbf24}.copy-button.copied{background:#10b98133;border-color:#34d39966;color:#34d399}.text-content{word-wrap:break-word;background:#0f0a1e99;border:1px solid #8b5cf633;border-radius:8px;color:#e2e8f0;font-size:13px;line-height:1.7;max-height:400px;overflow-y:auto;padding:16px;white-space:pre-wrap}.text-content::-webkit-scrollbar{width:8px}.text-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.text-content::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:4px}.text-content::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.text-content .flagged-highlight{background:#fbbf244d;border-bottom:2px solid #fbbf24;border-radius:2px;padding:1px 3px}.report-actions{background:linear-gradient(135deg,#1e1b4b99,#0f0a1ecc);border-top:1px solid #8b5cf633;display:flex;gap:10px;padding:14px 16px}.action-btn{background:#0f0a1e80;border:1px solid #8b5cf64d;border-radius:6px;color:#a5b4fc;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.action-btn .material-icons{font-size:16px}.action-btn:hover:not(:disabled){background:#312e8180;border-color:#8b5cf680}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.baseline-btn{border-color:#34d39966;color:#6ee7b7}.action-btn.baseline-btn:hover:not(:disabled){background:#10b98126}.action-btn.copy-btn{border-color:#6366f166;color:#a5b4fc}.action-btn.copy-btn:hover:not(:disabled){background:#6366f126}.action-btn.delete-btn{border-color:#f8717166;color:#fca5a5;margin-left:auto}.action-btn.delete-btn:hover{background:#ef444426}.action-btn.delete-btn.confirm{animation:pulse-red 1s infinite;background:#ef444433;border-color:#ef4444}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.baseline-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.baseline-modal{background:linear-gradient(180deg,#1a1433,#0f0a1e);border:1px solid #8b5cf64d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:420px;overflow:hidden;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#10b98133,#10b9810d);border-bottom:1px solid #34d39933;display:flex;gap:12px;padding:16px 20px}.modal-header .material-icons{color:#34d399;font-size:24px}.modal-header h3{color:#e2e8f0;flex:1 1;font-size:16px;margin:0}.modal-header .close-btn{align-items:center;background:#0f0a1e80;border:1px solid #8b5cf633;border-radius:6px;color:#a5b4fc;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-header .close-btn:hover{background:#312e8180;color:#e2e8f0}.modal-body{padding:20px}.modal-description{color:#94a3b8;font-size:13px;line-height:1.5;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{color:#a5b4fc;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.form-group input{background:#0f0a1e99;border:1px solid #8b5cf64d;border-radius:6px;color:#e2e8f0;font-size:13px;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d39926;outline:none}.form-group input::placeholder,.helper-text{color:#6b7280}.helper-text{display:block;font-size:11px;margin-top:6px}.baseline-info{background:#10b9811a;border:1px solid #34d39933;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.baseline-info .info-item{align-items:center;color:#cbd5e1;display:flex;font-size:12px;gap:8px}.baseline-info .info-item .material-icons{color:#34d399;font-size:16px}.modal-footer{background:#1e1b4b80;border-top:1px solid #8b5cf633;display:flex;gap:10px;padding:16px 20px}.modal-footer .cancel-btn{background:#0f0a1e80;border:1px solid #8b5cf64d;border-radius:6px;color:#a5b4fc;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px;transition:all .2s}.modal-footer .cancel-btn:hover{background:#312e8180}.modal-footer .submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s}.modal-footer .submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #10b98159;transform:translateY(-1px)}.modal-footer .submit-btn:disabled{cursor:not-allowed;opacity:.6}.modal-footer .submit-btn .material-icons{font-size:16px}@media (max-width:768px){.result-hero{align-items:center;flex-direction:column;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.style-attributes{grid-template-columns:1fr}.report-tabs{gap:2px;padding:8px 12px}.report-tab{padding:6px 10px}.report-tab span{display:none}.report-actions{flex-wrap:wrap}.action-btn.delete-btn{margin-left:0;width:100%}}.history-panel-container{background:#fff;display:flex;flex-direction:column;height:100%;position:relative}.history-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);box-shadow:0 4px 20px #1e1b4b66,inset 0 1px 0 #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.header-title,.header-title h2{color:#fff!important}.header-title h2{font-size:18px;font-weight:600}.header-title .MuiIcon-root,.header-title .material-icons{color:#fff!important;font-size:24px}.scan-count{background:#fff3;border-radius:12px;color:#fff!important;font-size:12px;font-weight:600;padding:3px 8px}.header-actions{display:flex;gap:6px}.header-btn{align-items:center;background:#ffffff26;border:none;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff1a;color:#fff!important;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s;width:36px}.header-btn:hover{background:#ffffff40}.header-btn .MuiIcon-root.spin,.header-btn .material-icons.spin,.header-btn.loading .MuiIcon-root,.header-btn.loading .material-icons{animation:spin 1s linear infinite}.header-btn.active{background:#ffffff4d}.filter-badge{background:#fbbf24;border:2px solid #1e1b4bcc;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.filters-panel{background:linear-gradient(180deg,#f8f9fc,#f1f3f9);border-bottom:1px solid #1e1b4b1a;overflow:hidden;padding:12px 16px 16px}.filters-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.filter-item{display:flex;flex-direction:column;gap:6px}.filter-item label{color:#4c1d95;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-item select{background:#fff;border:1px solid #1e1b4b26;border-radius:6px;color:#1e1b4b;cursor:pointer;font-size:12px;padding:8px 10px;transition:all .2s}.filter-item select:hover{border-color:#1e1b4b4d}.filter-item select:focus{border-color:#312e81;box-shadow:0 0 0 3px #1e1b4b1a;outline:none}.clear-filters{align-items:center;background:#0000;border:1px dashed #1e1b4b40;border-radius:6px;color:#312e81;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;margin-top:12px;padding:8px;transition:all .2s;width:100%}.clear-filters:hover{background:#1e1b4b0a;border-color:#1e1b4b66;color:#1e1b4b}.clear-filters .MuiIcon-root,.clear-filters .material-icons{font-size:16px}.history-content{background:linear-gradient(180deg,#f3f4f8,#eef0f5);flex:1 1;overflow-y:auto;padding:12px}.history-content::-webkit-scrollbar{width:6px}.history-content::-webkit-scrollbar-track{background:#1e1b4b0a;border-radius:3px}.history-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1e1b4b,#312e81);border-radius:3px}.history-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#312e81,#4c1d95)}.state-message{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px;text-align:center}.state-message .MuiIcon-root,.state-message .material-icons{color:#312e81;font-size:48px;opacity:.3}.state-message h4{color:#1e1b4b;font-size:16px;margin:0}.state-message p{color:#6b7280;font-size:13px;margin:0}.state-message button{background:#1e1b4b14;border:1px solid #1e1b4b33;border-radius:6px;color:#312e81;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .2s}.state-message button:hover{background:#1e1b4b1f;border-color:#1e1b4b4d}.state-message.error .MuiIcon-root,.state-message.error .material-icons{color:#ef4444;opacity:1}.state-message.error button{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.state-message.error button:hover{background:#ef444426}.spinner{animation:spin 1s linear infinite;border:3px solid #1e1b4b26;border-radius:50%;border-top-color:#312e81;height:40px;width:40px}.spinner.small{border-width:2px;height:20px;width:20px}.scans-list{display:flex;flex-direction:column;gap:10px}.loading-more{font-size:12px;gap:10px;padding:16px}.load-more-btn,.loading-more{align-items:center;color:#312e81;display:flex;justify-content:center}.load-more-btn{background:#fff;border:1px solid #1e1b4b33;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;gap:6px;padding:12px;transition:all .2s;width:100%}.load-more-btn:hover{background:#1e1b4b0a;border-color:#1e1b4b59;box-shadow:0 2px 8px #1e1b4b1a}.load-more-btn .MuiIcon-root,.load-more-btn .material-icons{font-size:20px}.end-of-list{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px;justify-content:center;padding:16px}.end-of-list .MuiIcon-root,.end-of-list .material-icons{color:#10b981;font-size:16px}.notification-toast{align-items:center;background:#fff;border:1px solid #1e1b4b26;border-radius:10px;bottom:20px;box-shadow:0 8px 24px #1e1b4b26,0 4px 10px #00000014;display:flex;gap:10px;left:50%;padding:12px 20px;position:absolute;transform:translateX(-50%);z-index:100}.notification-toast .MuiIcon-root,.notification-toast .material-icons{font-size:20px}.notification-toast span{color:#1e1b4b;font-size:13px;font-weight:500}.notification-toast.success{border-color:#10b98166;box-shadow:0 8px 24px #10b9811f,0 4px 10px #0000000f}.notification-toast.success .MuiIcon-root,.notification-toast.success .material-icons{color:#059669}.notification-toast.error{border-color:#ef444466;box-shadow:0 8px 24px #ef44441f,0 4px 10px #0000000f}.notification-toast.error .MuiIcon-root,.notification-toast.error .material-icons{color:#dc2626}.notification-toast.info{border-color:#1e1b4b4d;box-shadow:0 8px 24px #1e1b4b1f,0 4px 10px #0000000f}.notification-toast.info .MuiIcon-root,.notification-toast.info .material-icons{color:#312e81}@media (max-width:480px){.filters-grid{grid-template-columns:1fr}.history-header{padding:12px 16px}.header-title h2{font-size:16px}.history-content{padding:8px}}.billing-tab{display:flex;flex-direction:column;gap:16px}.billing-message{align-items:center;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 16px}.billing-message.success{background:#dcfce7;color:#166534}.billing-message.error{background:#fef2f2;color:#991b1b}.billing-message .MuiIcon-root{font-size:18px}.billing-summary-card{background:linear-gradient(135deg,#1e1b4b08,#4c1d9508);border-left:4px solid #312e81;border-radius:12px;box-shadow:0 2px 10px #1e1b4b0f;padding:16px}.billing-summary-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.billing-summary-header .MuiIcon-root{color:#312e81;font-size:28px}.billing-summary-header h4{color:#1e1b4b;font-size:14px;font-weight:600;margin:0}.billing-summary-header p{color:#1e1b4b;font-size:18px;font-weight:700;margin:0}.subscriptions-list{display:flex;flex-direction:column;gap:12px}.no-subscriptions{align-items:center;background:#fff;border:1px solid #1e1b4b1a;border-radius:8px;color:#6b7280;display:flex;font-size:13px;gap:8px;padding:12px}.no-subscriptions .MuiIcon-root{color:#312e81;font-size:18px}.subscription-card{background:#fff;border:1px solid #1e1b4b1a;border-radius:8px;padding:14px;transition:all .2s ease}.subscription-card:hover{border-color:#1e1b4b33;box-shadow:0 4px 15px #1e1b4b14}.subscription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.subscription-title{color:#1e1b4b;font-size:13px;font-weight:600}.subscription-status{border-radius:10px;font-size:11px;font-weight:600;padding:3px 8px;text-transform:capitalize}.subscription-details{display:flex;flex-direction:column;gap:8px}.subscription-tier{align-items:baseline;display:flex;justify-content:space-between}.tier-name{color:#1e1b4b;font-size:16px;font-weight:700;text-transform:capitalize}.tier-price{color:#4c1d95;font-size:14px;font-weight:600}.subscription-period{color:#6b7280;display:flex;font-size:12px;justify-content:space-between}.subscription-cancelling{align-items:center;background:#fef2f2;border-radius:6px;color:#ef4444;display:flex;font-size:12px;gap:6px;padding:8px 10px}.subscription-cancelling .MuiIcon-root{font-size:16px}.subscription-actions{border-top:1px solid #1e1b4b14;display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px}.cancel-sub-btn{background:none;border:1px solid #fecaca;border-radius:6px;color:#ef4444;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.cancel-sub-btn:hover:not(:disabled){background:#fef2f2}.cancel-sub-btn:disabled{cursor:not-allowed;opacity:.6}.reactivate-btn{background:none;border:1px solid #312e81;border-radius:6px;color:#312e81;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.reactivate-btn:hover:not(:disabled){background:#1e1b4b0d;box-shadow:0 2px 8px #1e1b4b26}.reactivate-btn:disabled{cursor:not-allowed;opacity:.6}.billing-section.expandable{background:linear-gradient(135deg,#1e1b4b05,#4c1d9505);border:1px solid #0000;border-radius:12px;overflow:hidden;transition:all .2s ease}.billing-section.expandable.expanded{background:#fff;border-color:#1e1b4b1f;box-shadow:0 4px 15px #1e1b4b14}.billing-section .section-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s ease}.billing-section .section-header:hover{background:#1e1b4b0a}.billing-section.expanded .section-header{border-bottom:1px solid #1e1b4b14}.section-icon{align-items:center;background:#1e1b4b14;border-radius:10px;color:#312e81;display:flex;height:40px;justify-content:center;width:40px}.section-icon .MuiIcon-root{color:#312e81;font-size:20px}.section-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.section-title{color:#1e1b4b;font-size:14px;font-weight:600}.section-subtitle{color:#6b7280;font-size:12px}.section-arrow{color:#312e81;transition:transform .2s ease}.billing-section.expanded .section-arrow{transform:rotate(180deg)}.section-content{overflow:hidden;padding:16px}.payment-methods-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.payment-method-card{align-items:center;background:#1e1b4b05;border:1px solid #1e1b4b1a;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.payment-method-card:hover{border-color:#1e1b4b33}.payment-method-card.default{background:#1e1b4b0a;border-color:#312e81;box-shadow:0 2px 10px #1e1b4b1a}.card-icon{color:#312e81;font-size:24px}.card-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.card-brand{color:#1e1b4b;font-size:13px;font-weight:600}.card-number{color:#1e1b4b;font-family:monospace;font-size:14px;font-weight:500}.card-expiry{color:#6b7280;font-size:11px}.default-badge{background:#1e1b4b1a;border-radius:10px;color:#312e81;font-size:10px;font-weight:600;padding:3px 8px}.no-payment-methods{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center}.no-payment-methods .MuiIcon-root{color:#312e81;font-size:32px;opacity:.5}.manage-payment-btn{align-items:center;background:#0000;border:1px solid #312e81;border-radius:8px;color:#312e81;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.manage-payment-btn:hover:not(:disabled){background:#1e1b4b0d;box-shadow:0 2px 10px #1e1b4b26;transform:translateY(-1px)}.manage-payment-btn:disabled{cursor:not-allowed;opacity:.6}.manage-payment-btn .MuiIcon-root{font-size:18px}.invoices-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.invoice-card{align-items:center;background:#1e1b4b05;border:1px solid #1e1b4b14;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.invoice-card:hover{background:#1e1b4b0a;border-color:#1e1b4b26}.invoice-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.invoice-date{color:#1e1b4b;font-size:13px;font-weight:600}.invoice-number{color:#6b7280;font-family:monospace;font-size:11px}.invoice-amount{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.invoice-status{align-items:center;display:flex;font-size:11px;font-weight:600;gap:4px;text-transform:capitalize}.invoice-status.paid{color:#10b981}.invoice-status.open{color:#f59e0b}.invoice-status.draft{color:#6b7280}.invoice-status .MuiIcon-root{font-size:14px}.invoice-total{color:#1e1b4b;font-size:14px;font-weight:700}.invoice-download{align-items:center;background:#1e1b4b14;border-radius:6px;color:#312e81;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.invoice-download:hover{background:#1e1b4b26;box-shadow:0 2px 8px #1e1b4b26;color:#1e1b4b}.invoice-download .MuiIcon-root{font-size:18px}.no-invoices{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center}.no-invoices .MuiIcon-root{color:#312e81;font-size:32px;opacity:.5}.view-all-invoices-btn{align-items:center;background:none;border:none;color:#312e81;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:all .2s ease;width:100%}.view-all-invoices-btn:hover{color:#1e1b4b;text-decoration:underline}.view-all-invoices-btn .MuiIcon-root{font-size:16px}.next-invoice-card{align-items:center;background:linear-gradient(135deg,#1e1b4b0f,#4c1d950f);border:1px solid #1e1b4b26;border-radius:10px;display:flex;justify-content:space-between;padding:14px 16px}.next-invoice-header{align-items:center;color:#1e1b4b;display:flex;font-size:13px;font-weight:600;gap:8px}.next-invoice-header .MuiIcon-root{color:#312e81;font-size:18px}.next-invoice-details{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.next-amount{color:#1e1b4b;font-size:16px;font-weight:700}.next-date{color:#4c1d95;font-size:11px}.billing-portal-btn{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border:none;border-radius:10px;box-shadow:0 4px 15px #1e1b4b66,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.billing-portal-btn:hover:not(:disabled){box-shadow:0 6px 25px #1e1b4b80,0 0 20px #6366f126,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.billing-portal-btn:active:not(:disabled){transform:translateY(0)}.billing-portal-btn:disabled{cursor:not-allowed;opacity:.6}.billing-portal-btn .MuiIcon-root{font-size:20px}.billing-note{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:6px;justify-content:center;margin:0}.billing-note .MuiIcon-root{color:#312e81;font-size:14px}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.panel-loading{align-items:center;color:#312e81;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px}.panel-loading .MuiIcon-root{animation:spin 1.5s linear infinite;font-size:32px}.stu-panel-container{background:linear-gradient(180deg,#0f0a1e,#1a1433);color:#e2e8f0;display:flex;flex-direction:column;height:100%;overflow:hidden}.stu-panel-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.stu-panel-header-title{align-items:center;display:flex;gap:12px}.stu-panel-header-title .material-icons{color:#a5b4fc;font-size:24px}.stu-panel-header-title h2{color:#fff;font-size:18px;font-weight:700;margin:0}.stu-panel-student-count{background:#fff3;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 10px}.stu-panel-header-actions{display:flex;gap:8px}.stu-panel-header-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.stu-panel-header-btn .material-icons{color:#fff;font-size:20px}.stu-panel-header-btn:hover{background:#fff3;transform:scale(1.05)}.stu-panel-search-bar{background:#0f0a1e80;border-bottom:1px solid #a5b4fc1a;padding:12px 16px}.stu-panel-search-wrapper-bar{align-items:center;background:#1e1b4b99;border:1px solid #a5b4fc33;border-radius:10px;display:flex;gap:10px;padding:10px 14px;transition:all .2s}.stu-panel-search-wrapper-bar:focus-within{background:#1e1b4bcc;border-color:#a5b4fc}.stu-panel-search-wrapper-bar .material-icons{color:#6b7280;font-size:20px}.stu-panel-search-wrapper-bar input{background:#0000;border:none;color:#e2e8f0;flex:1 1;font-size:14px;outline:none}.stu-panel-search-wrapper-bar input::placeholder{color:#6b7280}.stu-panel-clear-search-bar{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px}.stu-panel-clear-search .material-icons{color:#6b7280;font-size:18px}.stu-panel-clear-search:hover .material-icons{color:#a5b4fc}.stu-panel-add-form{background:#1e1b4bcc;border-bottom:1px solid #a5b4fc1a;overflow:hidden}.stu-panel-add-form form{padding:20px}.stu-panel-form-row{margin-bottom:16px}.stu-panel-form-row.two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.stu-panel-form-group label{color:#a5b4fc;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.stu-panel-form-hint{color:#6b7280;font-size:12px;margin:4px 0 8px}.stu-panel-form-group input,.stu-panel-form-group textarea{background:#0f0a1e99;border:1px solid #a5b4fc33;border-radius:8px;color:#e2e8f0;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.stu-panel-form-group input:focus,.stu-panel-form-group textarea:focus{background:#0f0a1ecc;border-color:#a5b4fc;outline:none}.stu-panel-form-group input::placeholder,.stu-panel-form-group textarea::placeholder{color:#6b7280}.stu-panel-form-group textarea{min-height:100px;resize:vertical}.stu-panel-csv-input{position:relative}.stu-panel-csv-input textarea{font-family:Monaco,Consolas,monospace;font-size:13px;line-height:1.5;padding:12px;width:100%}.stu-panel-csv-upload{position:absolute;right:8px;top:8px}.stu-panel-upload-btn{align-items:center;background:#6366f133;border:1px solid #6366f166;border-radius:6px;color:#a5b4fc;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.stu-panel-upload-btn:hover{background:#6366f14d}.stu-panel-upload-btn .material-icons{font-size:16px}.stu-panel-parsed-preview{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.stu-panel-preview-count{align-items:center;color:#34d399;display:flex;font-size:13px;font-weight:600;gap:6px}.stu-panel-preview-count .material-icons{font-size:18px}.stu-panel-preview-list{display:flex;flex-wrap:wrap;gap:8px}.stu-panel-preview-item{background:#ffffff1a;border-radius:12px;color:#e2e8f0;font-size:12px;padding:4px 10px}.stu-panel-preview-more{color:#6b7280;font-size:12px;font-style:italic}.stu-panel-password-info{align-items:flex-start;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.stu-panel-password-info .material-icons{color:#a5b4fc;flex-shrink:0;font-size:18px;margin-top:1px}.stu-panel-password-info span{color:#94a3b8;font-size:13px;line-height:1.5}.stu-panel-form-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:10px 14px}.stu-panel-form-error .material-icons{color:#f87171;font-size:18px}.stu-panel-form-error span{color:#f87171;font-size:13px}.stu-panel-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.stu-panel-btn-cancel{background:#0000;border:1px solid #fff3;border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.stu-panel-btn-cancel:hover{background:#ffffff1a}.stu-panel-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.stu-panel-btn-save{align-items:center;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}.stu-panel-btn-save:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.stu-panel-btn-save:disabled{cursor:not-allowed;opacity:.5}.stu-panel-btn-save .material-icons{font-size:18px}.stu-panel-spinner-small{animation:stu-panel-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.stu-panel-filter-tabs{background:#0f0a1e80;border-bottom:1px solid #a5b4fc1a;display:flex;flex-shrink:0;gap:8px;padding:12px 16px}.stu-panel-filter-tab{align-items:center;background:#0000;border:1px solid #a5b4fc33;border-radius:20px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.stu-panel-filter-tab:hover{border-color:#a5b4fc66;color:#e2e8f0}.stu-panel-filter-tab.active{background:#6366f126;border-color:#6366f1;color:#a5b4fc}.stu-panel-tab-count{background:#ffffff1a;border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.stu-panel-filter-tab.active .stu-panel-tab-count{background:#6366f14d}.stu-panel-content{flex:1 1;overflow-y:auto;padding:16px}.stu-panel-content::-webkit-scrollbar{width:6px}.stu-panel-content::-webkit-scrollbar-track{background:#0000}.stu-panel-content::-webkit-scrollbar-thumb{background:#a5b4fc4d;border-radius:3px}.stu-panel-state-message{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.stu-panel-state-message.loading .stu-panel-spinner{animation:stu-panel-spin .8s linear infinite;border:3px solid #a5b4fc33;border-radius:50%;border-top-color:#a5b4fc;height:40px;width:40px}.stu-panel-state-message .material-icons{color:#4b5563;font-size:48px}.stu-panel-state-message h4{color:#94a3b8;font-size:16px;font-weight:600;margin:0}.stu-panel-state-message p{color:#6b7280;font-size:14px;margin:0}.stu-panel-state-message button{background:#6366f133;border:1px solid #6366f166;border-radius:6px;color:#a5b4fc;cursor:pointer;margin-top:8px;padding:8px 16px}.stu-panel-list{display:flex;flex-direction:column;gap:12px}.stu-panel-card{background:#1e1b4b99;border:1px solid #a5b4fc1a;border-radius:12px;overflow:hidden;transition:all .2s}.stu-panel-card:hover{border-color:#a5b4fc4d}.stu-panel-card-main{align-items:center;display:flex;gap:12px;padding:16px;transition:all .2s}.stu-panel-card-main.clickable{cursor:pointer}.stu-panel-card-main.clickable:hover{background:#1e1b4be6}.stu-panel-avatar{border-radius:50%;flex-shrink:0;font-size:16px;height:44px;position:relative;width:44px}.stu-panel-avatar,.stu-panel-message-indicator{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center}.stu-panel-message-indicator{background:#ef4444;border:2px solid #1a1433;border-radius:10px;font-size:10px;height:18px;line-height:1;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.stu-panel-info{flex:1 1;min-width:0}.stu-panel-info h4{color:#e2e8f0;font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stu-panel-email{color:#94a3b8;font-size:12px}.stu-panel-stats{display:flex;gap:16px}.stu-panel-stat-item{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:4px}.stu-panel-stat-item .material-icons{font-size:16px}.stu-panel-stat-item.grade{font-weight:600}.stu-panel-chevron{color:#6b7280;flex-shrink:0;font-size:20px}.stu-panel-credentials{background:#0f0a1e66;border-top:1px solid #a5b4fc1a;color:#e2e8f0;padding:12px 16px}.stu-panel-credential-row{align-items:center;display:flex;gap:12px;padding:8px 0}.stu-panel-credential-row:not(:last-child){border-bottom:1px solid #a5b4fc14}.stu-panel-credential-label{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px;min-width:90px}.stu-panel-credential-label .material-icons{color:#e2e8f0;font-size:16px}.stu-panel-credential-value{flex:1 1;min-width:0}.stu-panel-credential-value code{background:#0003;border-radius:4px;color:#e2e8f0;display:inline-block;font-family:Monaco,Consolas,monospace;font-size:13px;padding:4px 8px}.stu-panel-credential-actions{display:flex;gap:4px}.stu-panel-credential-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#e2e8f0;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.stu-panel-credential-btn .material-icons{color:#94a3b8;font-size:16px}.stu-panel-credential-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.stu-panel-credential-btn:hover:not(:disabled) .material-icons{color:#e2e8f0}.stu-panel-credential-btn:disabled{cursor:not-allowed;opacity:.4}.stu-panel-credential-btn.reset:hover:not(:disabled){background:#fbbf2426;border-color:#fbbf244d}.stu-panel-credential-btn.reset:hover:not(:disabled) .material-icons{color:#fbbf24}.stu-panel-credential-item.logged-in-status .stu-panel-status-badge,.stu-panel-credential-row.logged-in .stu-panel-credential-value.status-active{align-items:center;color:#34d399;display:flex;font-size:13px;font-weight:500;gap:6px}.stu-panel-credential-item.logged-in-status .stu-panel-status-badge .material-icons,.stu-panel-credential-row.logged-in .stu-panel-credential-label .material-icons{color:#34d399;font-size:16px}.stu-panel-qr-login-row{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:12px}.stu-panel-qr-login-btn{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #6366f14d;border-radius:8px;color:#e0e7ff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s ease}.stu-panel-qr-login-btn:hover{background:linear-gradient(135deg,#312e81,#4c1d95);border-color:#6366f180;transform:translateY(-1px)}.stu-panel-qr-login-btn .material-icons{font-size:18px}.stu-panel-messages-card{background:#1e1b4b66;border:1px solid #6366f133;border-radius:12px;margin-top:16px;padding:16px}.stu-panel-messages-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stu-panel-messages-title{align-items:center;color:#c7d2fe;display:flex;gap:8px}.stu-panel-messages-title .material-icons{color:#818cf8;font-size:20px}.stu-panel-messages-title h4{font-size:14px;font-weight:600;margin:0}.stu-panel-view-messages-btn{align-items:center;background:#0000;border:1px solid #6366f14d;border-radius:6px;color:#a5b4fc;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:all .2s ease}.stu-panel-view-messages-btn:hover{background:#6366f126;border-color:#6366f180}.stu-panel-view-messages-btn .material-icons{font-size:14px}.stu-panel-messages-preview{display:flex;flex-direction:column;gap:12px}.stu-panel-unread-badge{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px}.stu-panel-unread-badge .material-icons{font-size:18px}.stu-panel-no-messages{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:#fff6;display:flex;font-size:13px;gap:8px;padding:10px 14px}.stu-panel-no-messages .material-icons{font-size:18px}.stu-panel-send-message-btn{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #6366f14d;border-radius:8px;color:#e0e7ff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.stu-panel-send-message-btn:hover{background:linear-gradient(135deg,#312e81,#4c1d95);border-color:#6366f180;transform:translateY(-1px)}.stu-panel-send-message-btn .material-icons{font-size:16px}.stu-panel-overlay{align-items:stretch;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:200}.stu-panel-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.stu-panel-overlay-content{background:linear-gradient(180deg,#1a1433,#0f0a1e);border-right:1px solid #ffffff14;box-shadow:8px 0 40px #00000080;display:flex;flex-direction:column;height:100%;max-width:90vw;overflow:hidden;position:relative;width:480px;z-index:1}.stu-panel-overlay-header{align-items:center;display:flex;flex-shrink:0;gap:16px;padding:16px 20px}.stu-panel-overlay-back-btn,.stu-panel-overlay-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.stu-panel-overlay-back-btn .material-icons,.stu-panel-overlay-close-btn .material-icons{color:#fff;font-size:22px}.stu-panel-overlay-back-btn:hover,.stu-panel-overlay-close-btn:hover{background:#fff3}.stu-panel-overlay-title{align-items:center;display:flex;flex:1 1;gap:12px}.stu-panel-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:48px;justify-content:center;width:48px}.stu-panel-overlay-title h2{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px}.stu-panel-overlay-title p{color:#ffffffb3;font-size:13px;margin:0}.stu-panel-credentials-card{background:#1e1b4b99;border:1px solid #a5b4fc33;border-radius:12px;margin:16px 20px;overflow:hidden}.stu-panel-credentials-header{align-items:center;background:#6366f126;border-bottom:1px solid #a5b4fc1a;display:flex;gap:10px;padding:12px 16px}.stu-panel-credentials-header .material-icons{color:#a5b4fc;font-size:20px}.stu-panel-credentials-header h4{color:#e2e8f0;font-size:14px;font-weight:600;margin:0}.stu-panel-credentials-content{padding:12px 16px}.stu-panel-credential-item{align-items:center;display:flex;gap:12px;padding:10px 0}.stu-panel-credential-item:not(:last-child){border-bottom:1px solid #a5b4fc1a}.stu-panel-cred-label{color:#6b7280;font-size:12px;min-width:70px}.stu-panel-cred-value{background:#0003;border-radius:6px;color:#e2e8f0;flex:1 1;font-family:Monaco,Consolas,monospace;font-size:13px;padding:6px 10px}.stu-panel-cred-actions{display:flex;gap:4px}.stu-panel-cred-action{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.stu-panel-cred-action .material-icons{color:#94a3b8;font-size:16px}.stu-panel-cred-action:hover:not(:disabled){background:#ffffff1a}.stu-panel-cred-action:hover:not(:disabled) .material-icons{color:#e2e8f0}.stu-panel-cred-action:disabled{cursor:not-allowed;opacity:.4}.stu-panel-cred-action.reset:hover:not(:disabled){background:#fbbf2426;border-color:#fbbf244d}.stu-panel-cred-action.reset:hover:not(:disabled) .material-icons{color:#fbbf24}.stu-panel-overlay-stats{background:#0f0a1e80;border-bottom:1px solid #a5b4fc1a;display:flex;flex-shrink:0;gap:24px;padding:16px 20px}.stu-panel-overlay-stat{align-items:center;display:flex;gap:12px}.stu-panel-overlay-stat .material-icons{color:#a5b4fc;font-size:20px}.stu-panel-overlay-stat>div{display:flex;flex-direction:column}.stu-panel-stat-value{color:#e2e8f0;font-size:20px;font-weight:700}.stu-panel-stat-label{color:#94a3b8;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.stu-panel-overlay-submissions{flex:1 1;overflow-y:auto;padding:16px 20px}.stu-panel-overlay-submissions h3{color:#e2e8f0;font-size:16px;font-weight:600;margin:0 0 16px}.stu-panel-submissions-empty,.stu-panel-submissions-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.stu-panel-submissions-loading .stu-panel-spinner{animation:stu-panel-spin .8s linear infinite;border:3px solid #a5b4fc33;border-radius:50%;border-top-color:#a5b4fc;height:32px;width:32px}.stu-panel-submissions-empty p,.stu-panel-submissions-loading span{color:#94a3b8;font-size:14px;margin:0}.stu-panel-submissions-empty .material-icons{color:#4b5563;font-size:48px}.stu-panel-submissions-list{display:flex;flex-direction:column;gap:8px}.stu-panel-submission-item{align-items:center;background:#1e1b4b80;border:1px solid #a5b4fc1a;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.stu-panel-submission-item:hover{background:#1e1b4bcc;border-color:#a5b4fc4d}.stu-panel-submission-info{flex:1 1;min-width:0}.stu-panel-submission-info h4{color:#e2e8f0;font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stu-panel-submission-time{color:#6b7280;font-size:12px}.stu-panel-submission-status{flex-shrink:0}.stu-panel-grade-badge{background:#10b98126;border-radius:14px;font-size:13px;font-weight:700;padding:6px 14px}.stu-panel-pending-badge{background:#fbbf2426;border-radius:14px;color:#fbbf24;font-size:12px;font-weight:600;padding:6px 14px}.stu-panel-submission-chevron{color:#6b7280;flex-shrink:0;font-size:20px}.stu-panel-overlay-actions{background:#0f0a1ecc;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 20px}.stu-panel-action-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s;width:100%}.stu-panel-action-btn.secondary{background:#0000;border:1px solid #fff3;color:#a5b4fc}.stu-panel-action-btn.secondary:hover{background:#ffffff1a}.stu-panel-action-btn .material-icons{font-size:18px}.stu-panel-notification{align-items:center;background:#1e1b4b;border:1px solid #a5b4fc4d;border-radius:12px;bottom:24px;box-shadow:0 8px 32px #0006;display:flex;gap:10px;left:50%;padding:14px 24px;position:fixed;transform:translateX(-50%);z-index:1000}.stu-panel-notification .material-icons{font-size:20px}.stu-panel-notification span{color:#e2e8f0;font-size:14px;font-weight:500}.stu-panel-notification.success{border-color:#10b98166}.stu-panel-notification.success .material-icons{color:#34d399}.stu-panel-notification.error{border-color:#ef444466}.stu-panel-notification.error .material-icons{color:#f87171}@keyframes stu-panel-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.stu-panel-overlay-content{border-right:none;max-width:100%;width:100%}.stu-panel-overlay-stats{flex-wrap:wrap;gap:16px}.stu-panel-overlay-stat{flex:1 1;min-width:100px}.stu-panel-form-row.two-col{grid-template-columns:1fr}.stu-panel-credential-row{flex-wrap:wrap}.stu-panel-credential-value{margin-top:4px;order:2;width:100%}.stu-panel-credential-actions{margin-top:8px;order:3}}@media (max-width:480px){.stu-panel-action-btn{font-size:13px;padding:12px 16px}.stu-panel-stats{display:none}}.wizzy-chat-fab,.wizzy-chat-fab-wrapper{align-items:center;display:flex;position:relative}.wizzy-chat-fab{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border:none;border-radius:50%;box-shadow:0 4px 20px #1e1b4b80,0 0 25px #6366f133,inset 0 1px 0 #ffffff1a;cursor:pointer;height:56px;justify-content:center;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.wizzy-chat-fab:hover:not(.active):not(.loading){box-shadow:0 8px 30px #1e1b4b99,0 0 35px #6366f14d,inset 0 1px 0 #ffffff26;transform:translateY(-3px) scale(1.05)}.wizzy-chat-fab:active:not(.loading){transform:translateY(-1px) scale(1.02)}.wizzy-chat-fab.active{background:#4b5563;box-shadow:0 4px 15px #0003,inset 0 1px 0 #ffffff0d}.wizzy-chat-fab img{border-radius:50%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:38px;object-fit:cover;transition:opacity .2s ease;width:38px}.wizzy-chat-fab:not(.active):not(.loading):before{animation:wizzyPulse 2.5s ease-out infinite;border:2px solid #6366f166;border-radius:50%;content:"";height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes wizzyPulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.wizzy-chat-fab:not(.active):after{background:#10b981;border:3px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:14px;position:absolute;right:2px;width:14px}.wizzy-badge{align-items:center;animation:badgePop .3s ease;background:#ef4444;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 6px #ef444466;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px;z-index:10}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.wizzy-tooltip{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:8px;box-shadow:0 4px 15px #1e1b4b66,0 0 10px #6366f11a;color:#fff;font-size:13px;font-weight:500;opacity:0;padding:8px 14px;pointer-events:none;right:calc(100% + 12px);transition:all .2s ease;visibility:hidden;white-space:nowrap}.wizzy-tooltip,.wizzy-tooltip:after{position:absolute;top:50%;transform:translateY(-50%)}.wizzy-tooltip:after{border:6px solid #0000;border-left-color:#312e81;content:"";left:100%}.wizzy-tooltip.visible{opacity:1;visibility:visible}.wizzy-chat-fab.loading{cursor:wait;pointer-events:none}.wizzy-chat-fab.loading img{opacity:.4}.wizzy-chat-fab.loading:before{animation:wizzyLoading .8s linear infinite!important;border:3px solid #fff3;border-radius:50%;border-top-color:#fff;content:"";height:32px;opacity:1!important;position:absolute;width:32px}@keyframes wizzyLoading{to{transform:rotate(1turn)}}@media (max-width:768px){.wizzy-chat-fab{height:52px;width:52px}.wizzy-chat-fab img{height:34px;width:34px}.wizzy-tooltip{display:none}}.wizzy-chat-panel{background:linear-gradient(180deg,#f8f9fc,#f1f3f9);display:flex;flex-direction:column;height:100%;overflow:hidden}.wizzy-chat-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);box-shadow:0 4px 20px #1e1b4b66,0 0 25px #6366f126,inset 0 1px 0 #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.wizzy-chat-header-left{align-items:center;display:flex;gap:12px}.wizzy-chat-avatar{border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0003;height:44px;overflow:hidden;position:relative;width:44px}.wizzy-chat-avatar img{height:100%;object-fit:cover;width:100%}.wizzy-online-dot{background:#22c55e;border:2px solid #1e1b4b;border-radius:50%;bottom:2px;box-shadow:0 0 6px #22c55e99;height:10px;position:absolute;right:2px;width:10px}.wizzy-chat-header-info h2{color:#fff!important;font-size:16px;font-weight:600;margin:0}.wizzy-chat-header-info p{color:#ffffffb3!important;font-size:12px;margin:2px 0 0}.wizzy-chat-header-actions{display:flex;gap:8px}.wizzy-header-btn{align-items:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.wizzy-header-btn:hover{background:#ffffff40;transform:scale(1.05)}.wizzy-header-btn .MuiIcon-root{font-size:20px}.wizzy-error-banner{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid #fecaca;color:#dc2626;display:flex;font-size:13px;gap:10px;overflow:hidden;padding:10px 16px}.wizzy-error-banner .MuiIcon-root{font-size:18px}.wizzy-error-banner span{flex:1 1}.wizzy-error-banner button{align-items:center;background:#dc26261a;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.wizzy-error-banner button:hover{background:#dc262633}.wizzy-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.wizzy-chat-messages::-webkit-scrollbar{width:6px}.wizzy-chat-messages::-webkit-scrollbar-track{background:#0000}.wizzy-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#312e81,#4c1d95);border-radius:3px}.wizzy-welcome{align-items:center;display:flex;flex-direction:column;padding:30px 20px;text-align:center}.wizzy-welcome-avatar{border:3px solid #312e81;border-radius:50%;box-shadow:0 4px 20px #1e1b4b4d,0 0 30px #6366f133;height:80px;margin-bottom:16px;width:80px}.wizzy-welcome h3{color:#1e1b4b;font-size:20px;font-weight:600;margin:0 0 8px}.wizzy-welcome p{color:#64748b;font-size:14px;line-height:1.5;margin:0;max-width:280px}.wizzy-quick-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0 10px}.wizzy-quick-action{align-items:center;background:#fff;border:1px solid #1e1b4b26;border-radius:20px;box-shadow:0 2px 8px #1e1b4b14;color:#312e81;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.wizzy-quick-action:hover:not(:disabled){background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#0000;box-shadow:0 4px 12px #1e1b4b40;color:#fff;transform:translateY(-2px)}.wizzy-quick-action:disabled{cursor:not-allowed;opacity:.5}.wizzy-quick-action .MuiIcon-root{font-size:18px}.wizzy-message{display:flex;gap:10px;max-width:85%}.wizzy-message.user{align-self:flex-end;flex-direction:row-reverse}.wizzy-message.assistant{align-self:flex-start}.wizzy-message-avatar{border:2px solid #1e1b4b33;border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.wizzy-message-avatar img{height:100%;object-fit:cover;width:100%}.wizzy-message-content{display:flex;flex-direction:column;gap:4px}.wizzy-message-bubble{border-radius:16px;font-size:14px;line-height:1.5;padding:12px 16px}.wizzy-message.user .wizzy-message-bubble{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border-bottom-right-radius:4px;box-shadow:0 2px 10px #1e1b4b40;color:#fff}.wizzy-message.assistant .wizzy-message-bubble{background:#fff;border:1px solid #1e1b4b14;border-bottom-left-radius:4px;box-shadow:0 2px 8px #1e1b4b14;color:#1e293b}.wizzy-message-time{color:#94a3b8;font-size:11px}.wizzy-message.user .wizzy-message-time{text-align:right}.wizzy-message-text p{margin:0 0 8px}.wizzy-message-text p:last-child{margin-bottom:0}.wizzy-message-text strong{color:#312e81;font-weight:600}.wizzy-message.user .wizzy-message-text strong{color:#fffffff2}.wizzy-msg-header{color:#1e1b4b;font-size:14px;font-weight:600;margin:12px 0 6px!important}.wizzy-msg-header:first-child{margin-top:0!important}.wizzy-msg-subheader{color:#312e81;font-size:13px;font-weight:600;margin:10px 0 4px!important}.wizzy-msg-bullet,.wizzy-msg-numbered{color:#475569;margin:4px 0!important;padding-left:8px}.wizzy-typing{align-items:center;display:flex;gap:10px;padding:4px 0}.wizzy-typing-dots{align-items:center;background:#fff;border:1px solid #1e1b4b14;border-radius:16px;border-bottom-left-radius:4px;box-shadow:0 2px 8px #1e1b4b14;display:flex;gap:4px;padding:12px 16px}.wizzy-typing-dots span{animation:wizzyBounce 1.4s ease-in-out infinite both;background:#312e81;border-radius:50%;height:8px;width:8px}.wizzy-typing-dots span:first-child{animation-delay:-.32s}.wizzy-typing-dots span:nth-child(2){animation-delay:-.16s}.wizzy-typing-dots span:nth-child(3){animation-delay:0s}@keyframes wizzyBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.wizzy-chat-input-area{background:#fff;border-top:1px solid #1e1b4b1a;padding:16px 20px}.wizzy-input-wrapper{align-items:flex-end;background:#f8f9fc;border:1px solid #1e1b4b1a;border-radius:16px;display:flex;gap:10px;padding:10px 14px;transition:all .2s ease}.wizzy-input-wrapper:focus-within{border-color:#312e81;box-shadow:0 0 0 3px #312e811a}.wizzy-chat-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:14px;line-height:1.5;max-height:120px;resize:none}.wizzy-chat-input::placeholder{color:#94a3b8}.wizzy-chat-input:focus{outline:none}.wizzy-send-btn{align-items:center;background:#e2e8f0;border:none;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.wizzy-send-btn.active{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);box-shadow:0 2px 10px #1e1b4b4d;color:#fff}.wizzy-send-btn.active:hover{transform:scale(1.05)}.wizzy-send-btn:disabled{cursor:not-allowed;opacity:.5}.wizzy-send-btn .MuiIcon-root{font-size:20px}.wizzy-input-hint{color:#94a3b8;font-size:11px;margin:8px 0 0;text-align:center}@media (max-width:480px){.wizzy-chat-header{padding:12px 16px}.wizzy-chat-messages{padding:16px}.wizzy-message{max-width:90%}.wizzy-quick-action{font-size:12px;padding:8px 12px}.wizzy-chat-input-area{padding:12px 16px}}.ai-detection-page{background:#f3f4f6;display:flex;height:100vh;overflow:hidden}.ai-detection-left{align-items:center;background:linear-gradient(180deg,#1e1b4b,#312e81 50%,#1e1b4b);display:flex;flex-direction:column;justify-content:center;min-width:400px;opacity:1;overflow:hidden;padding:40px;position:relative;transform:translateX(0);transition:all .5s cubic-bezier(.4,0,.2,1);width:45%}.ai-detection-page.dashboard-active .ai-detection-left,.ai-detection-page.has-results .ai-detection-left{min-width:0;opacity:0;padding:0;pointer-events:none;transform:translateX(-100%);width:0}.wizard-hat-wrapper{align-items:center;cursor:pointer;display:flex;height:450px;justify-content:center;max-width:600px;position:relative;transform:scale(1.25);transform-origin:center center;transition:transform .3s ease;width:100%}.wizard-hat-wrapper:before{animation:glow-pulse 3s ease-in-out infinite;background:radial-gradient(circle at center,#a78bfa4d 0,#8b5cf626 40%,#0000 70%);border-radius:50%;content:"";height:350px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:0}@keyframes glow-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.wizard-hat-wrapper>*{position:relative;z-index:1}.wizard-hat-wrapper:hover{transform:scale(1.3)}.wizard-hat-wrapper:active{transform:scale(1.2)}.left-branding{align-items:center;display:flex;flex-direction:column;margin-top:20px;text-align:center;transition:opacity .3s ease}.left-branding h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6 50%,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;letter-spacing:-1px;margin:0 0 8px}.left-branding p{color:#ffffffb3;font-size:16px;margin:0}.feature-badge{align-items:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:20px;color:#a78bfa;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:20px;padding:8px 16px}.feature-badge .MuiIcon-root{color:#a78bfa;font-size:16px}.dashboard-hint{align-items:center;animation:pulse-hint 2s ease-in-out infinite;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;color:#fffc;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:24px;padding:12px 20px}.dashboard-hint .MuiIcon-root{color:#a78bfa;font-size:18px}@keyframes pulse-hint{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.ai-detection-right{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:32px 24px;transition:all .5s cubic-bezier(.4,0,.2,1)}.ai-detection-page.has-results .ai-detection-right{padding:32px 48px}.detection-panel{background:#fff;border-radius:20px;box-shadow:0 10px 50px #00000014;max-width:800px;padding:36px 40px;transition:max-width .5s cubic-bezier(.4,0,.2,1);width:100%}.ai-detection-page.has-results .detection-panel{max-width:1200px}.dashboard-container{background:#f3f4f6;flex:1 1;height:100vh;overflow:hidden}.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 0 16px}.usage-indicator{align-items:center;background:linear-gradient(135deg,#f59e0b14,#eab30814);border:1px solid #f59e0b40;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding:12px 16px}.usage-bar{background:#fef3c7;border-radius:3px;flex:1 1;height:6px;min-width:120px;overflow:hidden}.usage-fill{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:3px;height:100%;transition:width .3s ease}.usage-text{color:#92400e;font-size:13px;font-weight:500}.upgrade-link{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.upgrade-link:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.upgrade-link .MuiIcon-root{font-size:14px}.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}.upgrade-btn-inline{background:#ef4444!important;border-radius:6px!important;color:#fff!important;font-size:12px!important;font-weight:600!important;padding:6px 12px!important}.upgrade-btn-inline:hover{background:#dc2626!important}.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}.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}.input-footer{flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:8px}.character-count,.input-footer{align-items:center;display:flex}.character-count{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}.detection-options{margin-bottom:20px}.options-row{display:flex;flex-wrap:wrap;gap:12px}.report-toggle{align-items:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f126;border-radius:10px;color:#4338ca;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;min-width:200px;padding:12px 16px;transition:all .2s ease}.report-toggle:hover{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:#6366f140}.report-toggle input[type=checkbox]{accent-color:#6366f1;height:18px;width:18px}.report-toggle .MuiIcon-root{color:#6366f1;font-size:20px}.report-toggle .info-icon{color:#9ca3af;cursor:help;font-size:16px;margin-left:auto}.formal-mode-toggle{align-items:center;background:linear-gradient(135deg,#f59e0b14,#eab30814);border:1px solid #f59e0b40;border-radius:10px;color:#92400e;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;min-width:200px;padding:12px 16px;transition:all .2s ease}.formal-mode-toggle:hover{background:linear-gradient(135deg,#f59e0b1f,#eab3081f);border-color:#f59e0b59}.formal-mode-toggle.active{background:linear-gradient(135deg,#f59e0b26,#eab30826);border-color:#f59e0b66;box-shadow:0 0 0 3px #f59e0b1a}.formal-mode-toggle input[type=checkbox]{accent-color:#f59e0b;height:18px;width:18px}.formal-mode-toggle .MuiIcon-root{color:#f59e0b;font-size:20px}.formal-mode-toggle .info-icon{color:#d97706;cursor:help;font-size:16px;margin-left:auto}.baseline-selector{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden}.baseline-selector-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:14px 18px}.baseline-selector-header .MuiIcon-root{color:#6366f1;font-size:20px}.baseline-selector-header h4{color:#374151;flex:1 1;font-size:14px;font-weight:600;margin:0}.baseline-mode-tabs{background:#f1f5f9;border-bottom:1px solid #e5e7eb;display:flex;gap:4px;padding:8px}.baseline-mode-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:500;gap:6px;justify-content:center;padding:10px 14px;transition:all .2s ease}.baseline-mode-tab .MuiIcon-root{font-size:16px}.baseline-mode-tab:hover{background:#ffffff80;color:#475569}.baseline-mode-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#6366f1}.baseline-list-container{max-height:250px;overflow-y:auto;padding:12px}.baseline-search{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:13px;margin-bottom:12px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.baseline-search:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.baseline-empty{color:#6b7280;font-size:13px;padding:24px 16px;text-align:center}.baseline-empty .MuiIcon-root{color:#d1d5db;display:block;font-size:32px;margin-bottom:8px}.baseline-list{display:flex;flex-direction:column;gap:6px}.baseline-item{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all .2s ease}.baseline-item:hover{background:#f1f5f9;border-color:#e5e7eb}.baseline-item.selected{background:#6366f114;border-color:#6366f1}.baseline-item-info{flex:1 1;min-width:0}.baseline-item-name{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.baseline-item-meta{color:#6b7280;font-size:12px;margin:0}.baseline-verified-badge{align-items:center;background:#10b9811a;border-radius:12px;color:#10b981;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.baseline-verified-badge .MuiIcon-root{font-size:14px}.baseline-add-form{flex-direction:column;padding:16px}.baseline-add-form,.baseline-add-form .form-row{display:flex;gap:12px}.baseline-add-form .form-row>*{flex:1 1}.baseline-add-input{border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease;width:100%}.baseline-add-input::placeholder{color:#9ca3af}.baseline-add-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.baseline-add-textarea{line-height:1.6;min-height:120px;resize:vertical}.baseline-add-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.baseline-word-count{align-items:center;border-radius:12px;display:flex;font-size:12px;gap:6px;padding:4px 10px}.baseline-word-count.valid{background:#10b9811a;color:#10b981}.baseline-word-count.invalid{background:#f59e0b1a;color:#f59e0b}.baseline-word-count .MuiIcon-root{font-size:14px}.baseline-save-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease}.baseline-save-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.baseline-save-btn:disabled{background:#94a3b8;cursor:not-allowed}.baseline-save-btn .MuiIcon-root{font-size:16px}.baseline-save-success{align-items:center;animation:fadeIn .3s ease;background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;color:#047857;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 16px}.baseline-save-success .MuiIcon-root{color:#10b981;font-size:18px}.baseline-save-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#b91c1c;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 16px}.baseline-save-error .MuiIcon-root{color:#ef4444;font-size:18px}.baseline-onetime{padding:16px}.baseline-onetime-hint{align-items:flex-start;background:linear-gradient(135deg,#f59e0b14,#eab30814);border-radius:8px;color:#92400e;display:flex;font-size:12px;gap:8px;margin-bottom:12px;padding:10px 14px}.baseline-onetime-hint .MuiIcon-root{color:#f59e0b;flex-shrink:0;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}.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 .MuiIcon-root{font-size:18px}.results-section{animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.baseline-indicator,.formal-mode-indicator,.handwritten-indicator,.multi-page-indicator{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:16px;padding:12px 16px}.handwritten-indicator{background:#6366f11a;border:1px solid #6366f14d;color:#6366f1}.baseline-indicator{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f140;color:#4338ca}.baseline-indicator.high-match{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b98159;color:#047857}.baseline-indicator.high-match .MuiIcon-root{color:#10b981}.baseline-indicator.moderate-match{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border-color:#f59e0b59;color:#b45309}.baseline-indicator.moderate-match .MuiIcon-root{color:#f59e0b}.baseline-indicator.low-match{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef444459;color:#b91c1c}.baseline-indicator.low-match .MuiIcon-root{color:#ef4444}.formal-mode-indicator{background:linear-gradient(135deg,#f59e0b14,#eab30814);border:1px solid #f59e0b40;color:#92400e}.formal-mode-indicator .MuiIcon-root{color:#f59e0b;font-size:20px}.formal-mode-indicator .adjustment{background:#f59e0b26;border-radius:12px;font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px}.multi-page-indicator{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f133;color:#4338ca}.multi-page-indicator .MuiIcon-root{color:#6366f1;font-size:20px}.multi-page-indicator .page-count{background:#6366f126;border-radius:12px;font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px}.metrics-grid{grid-template-columns:repeat(3,1fr);margin-bottom:20px}.metrics-grid.enhanced{grid-template-columns:repeat(2,1fr)}.ai-detection-page.has-results .metrics-grid.enhanced{grid-template-columns:repeat(3,1fr)}.metric-card{align-items:flex-start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.metric-card.has-tooltip{cursor:help}.metric-card.has-tooltip:hover{background:#f1f5f9;border-color:#d1d5db;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.metric-card>.MuiIcon-root{flex-shrink:0;font-size:28px;margin-top:2px}.metric-info{align-items:flex-start;display:flex;flex-direction:column;gap:3px}.metric-value{font-size:1.1rem;font-weight:700;line-height:1.2}.metric-label{color:#64748b;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.metric-range{font-size:.7rem;letter-spacing:.3px;margin-top:4px;padding:3px 10px}.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}.comprehensive-report{border-top:2px solid #e5e7eb;margin-top:24px;padding-top:24px}.report-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.report-header .MuiIcon-root{color:#6366f1;font-size:28px}.report-header h3{color:#1f2937;flex:1 1;font-size:18px;font-weight:700;margin:0}.report-version{background:#f1f5f9;border-radius:4px;color:#9ca3af;font-size:11px;padding:2px 8px}.report-section{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;overflow:hidden}.section-toggle{align-items:center;background:#f8fafc;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.section-toggle:hover{background:#f1f5f9}.section-toggle>.MuiIcon-root{color:#6366f1;font-size:20px}.section-toggle>span{flex:1 1}.section-badge{background:#6366f11a;border-radius:12px;color:#6366f1;font-size:12px;font-weight:600;padding:4px 10px}.section-content{background:#fff;border-top:1px solid #e5e7eb;padding:18px}.style-profile-content .style-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.ai-detection-page.has-results .style-profile-content .style-grid{grid-template-columns:repeat(6,1fr)}.style-item{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px;text-align:center}.style-label{color:#6b7280;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.style-value{color:#1f2937;font-size:14px;font-weight:700;text-transform:capitalize}.vocab-content .vocab-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.vocab-stat{align-items:center;background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px}.vocab-stat .stat-value{color:#1f2937;font-size:20px;font-weight:700}.vocab-stat .stat-label{color:#6b7280;font-size:11px}.word-group{margin-top:12px}.word-group h5{color:#6b7280;font-size:12px;font-weight:600;margin:0 0 8px}.word-chips{display:flex;flex-wrap:wrap;gap:6px}.word-chip{border-radius:6px;font-size:12px;font-weight:500;padding:4px 10px}.word-chip.academic{background:#8b5cf61a;color:#7c3aed}.word-chip.casual{background:#10b9811a;color:#047857}.sentence-content .sentence-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.sentence-stat{align-items:center;background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px}.sentence-stat .stat-value{color:#1f2937;font-size:18px;font-weight:700}.sentence-stat .stat-label{color:#6b7280;font-size:10px;text-align:center}.sentence-note{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px;margin:12px 0 0}.sentence-note .MuiIcon-root{color:#6366f1;font-size:16px}.baseline-content .baseline-summary{align-items:center;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.baseline-summary.moderate_match,.baseline-summary.strong_match{background:#10b9811a;border:1px solid #10b98140}.baseline-summary.moderate_match .MuiIcon-root,.baseline-summary.strong_match .MuiIcon-root{color:#10b981;font-size:28px}.baseline-summary.moderate_match p,.baseline-summary.strong_match p{color:#047857}.baseline-summary.mismatch,.baseline-summary.weak_match{background:#ef44441a;border:1px solid #ef444440}.baseline-summary.mismatch .MuiIcon-root,.baseline-summary.weak_match .MuiIcon-root{color:#ef4444;font-size:28px}.baseline-summary.mismatch p,.baseline-summary.weak_match p{color:#b91c1c}.baseline-summary p{font-size:14px;font-weight:500;line-height:1.5;margin:0}.similarity-bar{background:#e5e7eb;border-radius:12px;height:24px;overflow:hidden;position:relative}.similarity-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:12px;height:100%;transition:width .5s ease}.similarity-label{color:#1f2937;font-size:12px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.recommendations-content .recommendations-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 16px;padding:0}.ai-detection-page.has-results .recommendations-content .recommendations-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.recommendations-list li{align-items:flex-start;color:#374151;display:flex;font-size:14px;gap:8px;line-height:1.5}.recommendations-list li .MuiIcon-root{color:#6366f1;flex-shrink:0;font-size:18px;margin-top:2px}.discussion-points{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f126;border-radius:10px;padding:16px}.discussion-points h5{align-items:center;color:#4338ca;display:flex;font-size:13px;font-weight:700;gap:8px;margin:0 0 12px}.discussion-points h5 .MuiIcon-root{font-size:18px}.discussion-points ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.discussion-points li{color:#4b5563;font-size:13px;line-height:1.5;padding-left:16px;position:relative}.discussion-points li:before{color:#6366f1;content:"•";font-weight:700;left:0;position:absolute}.upgrade-cta-card{background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #c7d2fe;border-radius:12px;margin-bottom:20px;padding:20px}.upgrade-cta-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.upgrade-cta-content>.MuiIcon-root{color:#6366f1;flex-shrink:0;font-size:24px;margin-top:2px}.upgrade-cta-content h4{color:#312e81;font-size:15px;font-weight:700;margin:0 0 4px}.upgrade-cta-content p{color:#4338ca;font-size:13px;line-height:1.5;margin:0}.upgrade-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;transition:all .2s ease;width:100%}.upgrade-cta-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.upgrade-cta-btn .MuiIcon-root{font-size:18px}.results-actions{display:flex;gap:12px;margin-top:20px}.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}.multi-photo-uploader{margin-bottom:16px}.multi-photo-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.multi-photo-header .MuiIcon-root{color:#6366f1;font-size:20px}.multi-photo-header h4{color:#374151;flex:1 1;font-size:14px;font-weight:600;margin:0}.photo-count-badge{background:#6366f11a;border-radius:12px;color:#6366f1;font-size:12px;font-weight:600;padding:4px 10px}.photo-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:12px}.photo-item{aspect-ratio:4/3;background:#f1f5f9;border:2px solid #e5e7eb;border-radius:10px;cursor:grab;overflow:hidden;position:relative;transition:all .2s ease}.photo-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #0000001a}.photo-item.dragging{opacity:.5;transform:scale(.95)}.photo-item.drag-over{background:#6366f10d;border-color:#6366f1;border-style:dashed}.photo-item img{height:100%;object-fit:cover;width:100%}.photo-overlay{background:linear-gradient(0deg,#0009 0,#0000 50%);display:flex;flex-direction:column;inset:0;justify-content:space-between;opacity:0;padding:8px;position:absolute;transition:opacity .2s ease}.photo-item:hover .photo-overlay{opacity:1}.photo-order-badge{align-items:center;align-self:flex-start;background:#6366f1;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.photo-actions{display:flex;gap:6px;justify-content:flex-end}.photo-action-btn{align-items:center;background:#ffffffe6;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.photo-action-btn:hover{background:#fff;transform:scale(1.1)}.photo-action-btn.remove{color:#ef4444}.photo-action-btn.drag-handle{color:#6b7280;cursor:grab}.photo-action-btn .MuiIcon-root{font-size:16px}.multi-photo-drop-compact{align-items:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:10px;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:16px;transition:all .2s ease}.multi-photo-drop-compact:hover{background:#6366f105;border-color:#6366f1}.multi-photo-drop-compact .MuiIcon-root{color:#6366f1;font-size:20px}.multi-photo-drop-compact span{color:#6b7280;font-size:13px;font-weight:500}.multi-photo-drop-full{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:32px 24px;text-align:center;transition:all .2s ease}.multi-photo-drop-full:hover{background:#6366f105;border-color:#6366f1}.multi-photo-drop-full .drop-icon{height:56px;margin:0 auto 12px;width:56px}.multi-photo-instructions{align-items:flex-start;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:8px;color:#4338ca;display:flex;font-size:12px;gap:8px;margin-top:12px;padding:12px 14px;text-align:left}.multi-photo-instructions .MuiIcon-root{color:#6366f1;flex-shrink:0;font-size:16px;margin-top:1px}.spinning{animation:spin 1s linear infinite}@media (max-width:1024px){.ai-detection-page{flex-direction:column}.ai-detection-left{min-height:350px;min-width:100%;padding:30px;width:100%}.ai-detection-page.has-results .ai-detection-left{height:0;min-height:0;padding:0;transform:translateY(-100%)}.wizard-hat-wrapper{height:250px;transform:scale(1.1)}.wizard-hat-wrapper:before{height:250px;width:250px}.left-branding h1{font-size:32px}.ai-detection-right{padding:24px 20px}.detection-panel{max-width:100%;padding:28px 24px}.ai-detection-page.has-results .metrics-grid.enhanced,.metrics-grid,.metrics-grid.enhanced{grid-template-columns:1fr}.ai-detection-page.has-results .style-profile-content .style-grid,.sentence-content .sentence-stats,.style-profile-content .style-grid,.vocab-content .vocab-stats{grid-template-columns:repeat(2,1fr)}.ai-detection-page.has-results .recommendations-content .recommendations-list{grid-template-columns:1fr}.baseline-mode-tabs,.options-row{flex-direction:column}.baseline-mode-tabs{gap:4px}.baseline-add-form .form-row{flex-direction:column}}@media (max-width:600px){.ai-detection-left{min-height:280px;padding:20px}.wizard-hat-wrapper{height:180px;transform:scale(1)}.wizard-hat-wrapper:before{height:180px;width:180px}.left-branding h1{font-size:28px}.detection-panel{padding:20px 16px}.dashboard-hint{display:none}.detection-tabs{flex-direction:column;gap:6px}.detection-tab{justify-content:flex-start;padding:10px 14px}.text-input{min-height:150px}.results-actions{flex-direction:column}.sentence-content .sentence-stats,.style-profile-content .style-grid,.vocab-content .vocab-stats{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.baseline-add-footer{align-items:stretch;flex-direction:column}.baseline-save-btn{justify-content:center}}@media print{.ai-detection-left,.baseline-selector,.dashboard-hint,.detect-button,.panel-footer,.results-actions,.upgrade-cta-card{display:none!important}.ai-detection-page{display:block}.ai-detection-right{padding:0}.detection-panel{box-shadow:none;max-width:100%;padding:20px}.section-toggle{pointer-events:none}.comprehensive-report .MuiCollapse-root{height:auto!important;visibility:visible!important}}.determination-section{display:flex;flex-direction:column;gap:16px;margin-top:24px}.determination-card{border:2px solid;border-radius:16px;padding:24px;transition:all .3s ease}.determination-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.determination-icon{align-items:center;background:#fffc;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.determination-icon .MuiIcon-root{font-size:28px}.determination-title{flex:1 1}.determination-title h3{font-size:1.4rem;font-weight:700;margin:0 0 6px}.determination-confidence{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:6px}.determination-probability{flex-shrink:0}.prob-ring{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;position:relative;width:64px}.prob-ring:before{background:#fff;border-radius:50%;content:"";inset:6px;position:absolute}.prob-ring span{color:#1e293b;font-size:1rem;font-weight:700;position:relative}.determination-summary{background:#fff9;border-radius:12px;margin-bottom:12px;padding:16px}.determination-summary p{color:#1e293b;font-size:1.1rem;font-weight:500;line-height:1.5;margin:0}.determination-analysis{background:#fff6;border-radius:12px;display:flex;gap:12px;padding:16px}.determination-analysis .MuiIcon-root{color:#64748b;flex-shrink:0}.determination-analysis p{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.baseline-impact{background:#f8fafc;border:1px solid #e2e8f0;border-left-width:4px;border-radius:12px;padding:16px}.baseline-impact-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.baseline-impact-header span{color:#1e293b;font-weight:600}.baseline-message{color:#475569;font-size:.95rem;margin:0 0 8px}.baseline-cta{align-items:center;background:#eef2ff;border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:12px}.baseline-cta .MuiIcon-root{color:#6366f1}.baseline-cta span{color:#4f46e5;font-size:.9rem;font-weight:500}.baseline-effect{align-items:center;color:#64748b;display:flex;font-size:.85rem;font-style:italic;gap:8px;margin:8px 0 0}.baseline-effect .MuiIcon-root{font-size:16px}.determination-subsection{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.subsection-toggle{align-items:center;background:none;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;padding:16px;transition:background .2s;width:100%}.subsection-toggle:hover{background:#f8fafc}.subsection-toggle .MuiIcon-root{color:#64748b}.subsection-toggle span:first-of-type{flex:1 1;text-align:left}.subsection-count{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:.85rem;font-weight:500;padding:4px 10px}.evidence-badges{display:flex;gap:8px}.evidence-badges .badge{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:500;gap:4px;padding:4px 10px}.evidence-badges .badge .MuiIcon-root{font-size:14px}.evidence-badges .badge.positive{background:#10b9811a;color:#10b981}.evidence-badges .badge.concern{background:#ef44441a;color:#ef4444}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:16px}.metric-interpretation{background:#f8fafc;border-left:3px solid;border-radius:10px;padding:14px}.metric-interp-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.metric-interp-icon{align-items:center;background:#fff;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.metric-interp-icon .MuiIcon-root{font-size:18px}.metric-interp-title{display:flex;flex:1 1;flex-direction:column;gap:4px}.metric-name{color:#1e293b;font-size:.9rem;font-weight:600}.metric-range{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.metric-confidence-mini{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.metric-description{color:#475569;font-size:.9rem;margin:0 0 8px}.metric-teacher-note{align-items:flex-start;background:#fff;border-radius:6px;color:#64748b;display:flex;font-size:.85rem;font-style:italic;gap:6px;margin:0;padding:8px}.metric-teacher-note .MuiIcon-root{color:#f59e0b;flex-shrink:0;font-size:16px}.evidence-content{display:flex;flex-direction:column;gap:16px;padding:16px}.evidence-list{border-radius:10px;padding:14px}.evidence-list.evidence-positive{background:#10b9810d;border:1px solid #10b98133}.evidence-list.evidence-concern{background:#ef44440d;border:1px solid #ef444433}.evidence-header{align-items:center;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:12px}.evidence-header .MuiIcon-root{font-size:20px}.evidence-count{background:#fff;border-radius:12px;font-size:.8rem;margin-left:auto;padding:2px 8px}.evidence-list ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.evidence-list li{align-items:flex-start;color:#475569;display:flex;font-size:.9rem;gap:8px}.evidence-list li .MuiIcon-root{flex-shrink:0;margin-top:2px}.evidence-neutral{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;font-size:.9rem;gap:8px;padding:12px}.evidence-neutral .MuiIcon-root{color:#94a3b8}.recommendations-content{display:flex;flex-direction:column;gap:10px;padding:16px}.recommendation-card{align-items:flex-start;background:#f8fafc;border-left:3px solid;border-radius:10px;display:flex;gap:12px;padding:14px}.recommendation-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.recommendation-icon .MuiIcon-root{color:#64748b;font-size:20px}.recommendation-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.recommendation-text{color:#1e293b;font-size:.95rem;line-height:1.5}.recommendation-priority{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.determination-header{flex-wrap:wrap}.determination-probability{display:flex;justify-content:center;margin-top:12px;width:100%}.metrics-grid{grid-template-columns:1fr}.evidence-content,.metric-interpretation{padding:12px}}@media (prefers-color-scheme:dark){.determination-subsection{background:#1e293b;border-color:#334155}.subsection-toggle{color:#f1f5f9}.metric-interpretation,.subsection-toggle:hover{background:#334155}.metric-name{color:#f1f5f9}.metric-description{color:#94a3b8}.metric-teacher-note{background:#1e293b;color:#94a3b8}.recommendation-card{background:#334155}.recommendation-text{color:#f1f5f9}.recommendation-icon{background:#1e293b}}.MuiCollapse-root{transition:height .3s ease-in-out!important}@media print{.subsection-toggle{display:none}.MuiCollapse-root{height:auto!important;visibility:visible!important}.determination-section{page-break-inside:avoid}}.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{flex-direction:column;height:100%}.handwrite-template-preview,.worksheet-container{background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex}.worksheet-container{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}.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}.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}.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}.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}.preview-controls{-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;gap:.75rem;justify-content:space-between;padding:.875rem 1.5rem}.controls-left,.preview-controls{align-items:center;display:flex;flex-wrap:wrap}.controls-left{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;padding:.375rem 1rem}.question-count{border-left:2px solid #e2e8f0;color:#64748b;font-size:.8125rem;font-weight:500;margin-left:.5rem;padding-left:.75rem}.page-info{color:#94a3b8;font-size:.75rem;font-weight:500}.controls-right{align-items:center;display:flex;flex-wrap:wrap;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;transition:all .2s ease}.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:disabled{background:#f8fafc;box-shadow:none;cursor:not-allowed;opacity:.4}.page-indicator{color:#1e293b;font-size:.8125rem;font-weight:600;min-width:60px;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;cursor:pointer;height:18px;width:18px}.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 svg{height:16px;width:16px}.worksheet-passages{margin-bottom:1.5rem}.worksheet-passage{background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047;border-left:4px solid #eab308;border-radius:0 .5rem .5rem 0;box-shadow:0 2px 8px #eab3081a;margin-bottom:1.25rem;padding:1rem 1.25rem}.passage-header{margin-bottom:.75rem}.passage-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.passage-icon{color:#ca8a04;flex-shrink:0;height:20px;width:20px}.passage-label{color:#854d0e;font-family:Georgia,serif;font-size:15px;font-weight:700}.passage-source{color:#a16207;font-size:12px;font-style:italic;margin-left:.5rem}.passage-content{display:flex;flex-direction:column;gap:1rem}.passage-content.has-image{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:auto 1fr}@media (max-width:700px){.passage-content.has-image{grid-template-columns:1fr}}.passage-image-container{flex-shrink:0;max-width:280px}.passage-image-wrapper{display:inline-block;position:relative}.passage-image{background:#fff;border:2px solid #fde047;border-radius:.5rem;box-shadow:0 4px 12px #00000026;cursor:pointer;max-height:220px;max-width:100%;transition:transform .2s,box-shadow .2s}.passage-image:hover{box-shadow:0 6px 20px #0003;transform:scale(1.02)}.image-zoom-btn{align-items:center;background:#fffffff2;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s,background .2s;width:32px}.passage-image-wrapper:hover .image-zoom-btn{opacity:1}.image-zoom-btn:hover{background:#fff;border-color:#3b82f6}.image-zoom-btn .zoom-icon,.zoom-icon{color:#6b7280;height:18px;width:18px}.image-zoom-btn:hover .zoom-icon{color:#3b82f6}.visual-type-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:.25rem;bottom:8px;color:#fff;display:flex;font-size:11px;font-weight:500;gap:.25rem;left:8px;padding:.25rem .5rem;position:absolute;text-transform:capitalize}.visual-type-badge.small{font-size:10px;padding:.2rem .4rem}.visual-type-icon{height:12px;width:12px}.passage-image-caption{color:#92400e;font-size:12px;font-style:italic;line-height:1.4;margin-top:.5rem;text-align:center}.passage-text-container{flex:1 1;min-width:0}.passage-text{color:#1f2937;font-size:14px;-webkit-hyphens:auto;hyphens:auto;line-height:1.7;text-align:justify}.passage-text p{margin-bottom:.75rem}.passage-text p:last-child{margin-bottom:0}.passage-word-count{color:#a16207;font-size:11px;font-style:italic;margin-top:.5rem;text-align:right}.passage-related-questions{border-top:1px dashed #fde047;margin-top:.75rem;padding-top:.5rem}.related-label{color:#92400e;font-size:12px;font-style:italic}.worksheet-vocabulary{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-left:4px solid #22c55e;border-radius:0 .5rem .5rem 0;box-shadow:0 2px 8px #22c55e1a;margin-bottom:1.5rem;padding:1rem 1.25rem}.vocabulary-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.vocabulary-icon{color:#16a34a;height:20px;width:20px}.vocabulary-label{color:#166534;font-family:Georgia,serif;font-size:15px;font-weight:700}.vocabulary-grid{grid-gap:.5rem 1.5rem;display:grid;gap:.5rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.vocabulary-item{font-size:13px;line-height:1.5;padding:.25rem 0}.vocab-term{color:#166534;font-weight:700}.vocab-pos{color:#6b7280;font-size:12px;font-style:italic;margin-left:.25rem}.vocab-definition{color:#374151;margin-left:.25rem}.vocab-example{color:#6b7280;display:block;font-size:12px;margin-left:1rem;margin-top:.125rem}.worksheet-explanations{margin-bottom:1.5rem}.worksheet-explanation{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-left:4px solid #3b82f6;border-radius:0 .5rem .5rem 0;box-shadow:0 2px 8px #3b82f61a;margin-bottom:1rem;padding:1rem 1.25rem}.worksheet-explanation.type-context{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24 #fbbf24 #fbbf24 #f59e0b}.worksheet-explanation.type-warning{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#fca5a5 #fca5a5 #fca5a5 #ef4444}.worksheet-explanation.type-tip{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#6ee7b7 #6ee7b7 #6ee7b7 #10b981}.explanation-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.explanation-icon{color:#2563eb;height:18px;width:18px}.explanation-label{color:#1e40af;font-size:14px;font-weight:600}.explanation-text{color:#1f2937;font-size:14px;line-height:1.6}.explanation-related{border-top:1px dashed #93c5fd;color:#6b7280;font-size:12px;font-style:italic;margin-top:.5rem;padding-top:.5rem}.worksheet-questions{margin-top: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}.question-passage-ref{align-items:center;background:#fef3c7;border-radius:.25rem;color:#92400e;display:flex;font-size:12px;gap:.375rem;margin-bottom:.5rem;margin-left:32px;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.question-passage-ref .ref-icon{height:14px;width:14px}.diagram-indicator{align-items:center;display:inline-flex;margin-left:.5rem;vertical-align:middle}.diagram-indicator-icon{color:#3b82f6;height:16px;opacity:.7;width:16px}.question-diagram{margin:.75rem 0 1rem 32px;position:relative}.diagram-container{display:inline-block;max-width:100%;position:relative}.diagram-image{background:#fafbfc;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 2px 8px #00000014;cursor:pointer;max-height:250px;max-width:100%;transition:transform .2s,box-shadow .2s}.diagram-image:hover{box-shadow:0 4px 16px #0000001f;transform:scale(1.02)}.diagram-zoom-btn{align-items:center;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s,background .2s;width:32px}.diagram-container:hover .diagram-zoom-btn{opacity:1}.diagram-zoom-btn:hover{background:#fff;border-color:#3b82f6}.diagram-zoom-btn .zoom-icon{color:#6b7280;height:18px;width:18px}.diagram-zoom-btn:hover .zoom-icon{color:#3b82f6}.diagram-caption{color:#6b7280;font-size:.8125rem;font-style:italic;line-height:1.4;margin-top:.5rem}.formula-hint{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-left:3px solid #3b82f6;border-radius:0 .375rem .375rem 0;font-size:.875rem;margin:.5rem 0 .75rem 32px;padding:.5rem .75rem}.formula-label{color:#1e40af;font-weight:600;margin-right:.5rem}.formula-content{color:#1e3a8a}.work-shown-reminder{color:#6b7280;font-size:12px;margin:.25rem 0 .5rem 32px}.question-choices{margin-left:32px;margin-top:.5rem}.question-choices.multiple-choice .choice-item,.question-choices.true-false .choice-item{align-items:center;border-radius:.375rem;display:flex;gap:.75rem;margin-bottom:.625rem;padding:.375rem .5rem;transition:background .15s}.question-choices .choice-item:hover{background:#f9fafb}.question-choices .choice-item.correct{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7}.choice-bubble{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:50%;color:#374151;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;min-width:28px;transition:all .2s;width:28px}.choice-item:hover .choice-bubble{background:#f9fafb;border-color:#9ca3af}.choice-item.correct .choice-bubble{background:#10b981;border-color:#10b981;color:#fff}.choice-letter{color:#374151;font-weight:700;min-width:22px}.choice-text{color:#111827;flex:1 1;line-height:1.5}.correct-indicator{color:#10b981;flex-shrink:0;height:20px;margin-left:.5rem;width:20px}.question-choices.true-false{display:flex;gap:2rem}.question-choices.true-false .choice-item{flex:0 0 auto;min-width:100px}.question-choices.matching{margin-top:.75rem}.matching-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.matching-column{display:flex;flex-direction:column;gap:.5rem}.matching-header{border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;margin-bottom:.25rem;padding-bottom:.375rem}.matching-item{align-items:baseline;display:flex;font-size:14px;gap:.5rem;line-height:1.5;padding:.25rem 0}.matching-letter,.matching-number{color:#374151;font-weight:600;min-width:20px}.matching-text{color:#111827;flex:1 1}.matching-blank{color:#9ca3af;font-family:monospace}.matching-answers{border-top:1px dashed #e5e7eb;color:#10b981;font-size:12px;margin-top:.75rem;padding-top:.5rem}.question-choices.fill-blank{display:flex;flex-direction:column;gap:.5rem}.fill-blank-item{align-items:baseline;display:flex;gap:.5rem}.blank-number{color:#6b7280;font-size:13px;font-weight:500;min-width:24px}.blank-line{border-bottom:1px solid #374151;color:#0000;min-width:150px}.blank-answer{color:#10b981;font-size:12px;margin-left:.5rem}.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;margin-left:32px;margin-top:.5rem}.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:2;column-gap:1.5rem;column-rule:1px dotted #e5e7eb;font-size:12px;line-height:1.5}.answer-key-item{break-inside:avoid;display:flex;flex-direction:column;margin-bottom:.75rem;padding:.25rem 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 .answer-text{color:#1f2937}.answer-key-item .key-points{color:#6b7280;font-size:11px;margin-top:.25rem;padding-left:28px}.answer-key-item .key-points-label{color:#374151;font-weight:500}.answer-key-item .key-points ul{margin:.25rem 0 0 1rem;padding:0}.answer-key-item .key-points li{margin-bottom:.125rem}.diagram-zoom-modal{align-items:center;animation:fadeIn .2s ease;background:#000000d9;cursor:pointer;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.zoom-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:44px}.zoom-close-btn:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.zoom-close-btn svg{color:#fff;height:24px;width:24px}.zoomed-diagram-image{animation:scaleIn .2s ease;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000080;cursor:default;max-height:85vh;max-width:90vw}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media print{.no-print{display:none!important}.worksheet-container{background:#fff;padding:0}.worksheet-paper{border-radius:0;box-shadow:none;margin:0;page-break-after:always}.worksheet-explanation,.worksheet-passage,.worksheet-question,.worksheet-vocabulary{page-break-inside:avoid}.passage-image{border:1px solid #d1d5db;box-shadow:none;max-height:180px}.diagram-zoom-btn,.image-zoom-btn{display:none!important}.visual-type-badge{background:#374151;-webkit-print-color-adjust:exact;print-color-adjust:exact}.answer-key-content{column-count:3;column-gap:1rem;font-size:11px}.answer-key-title{font-size:14px;margin-bottom:.5rem}.diagram-zoom-modal{display:none!important}.choice-bubble{border-width:1.5px}@page{size:letter;margin:.5in}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width:768px){.preview-controls{padding:.75rem 1rem}.controls-left,.controls-right{justify-content:center;width:100%}.worksheet-container{padding:1rem}.worksheet-paper{min-height:auto;padding:1rem;width:100%}.passage-content.has-image{grid-template-columns:1fr}.passage-image-container{max-width:100%}.passage-image{max-height:200px;object-fit:contain;width:100%}.diagram-zoom-btn,.image-zoom-btn{opacity:1}.matching-columns{gap:1rem;grid-template-columns:1fr}.question-choices.true-false{flex-direction:column;gap:.5rem}}