:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f7fafc;min-height:100vh;margin:0}#root{min-height:100vh}button,input{font-family:inherit}.skip-link{color:#fff;z-index:100;background:#7c3aed;border-radius:0 0 4px;padding:8px 16px;font-weight:600;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}@keyframes gradientFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}.card-header,.card-body{margin-bottom:var(--spacing-lg)}@keyframes inputShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (width<=768px){.page-container{padding:var(--spacing-md)}.card{padding:var(--spacing-lg)}.heading-xl{font-size:24px}.heading-lg{font-size:22px}.heading-md{font-size:20px}.heading-sm{font-size:18px}}.toast-container{z-index:1000;gap:var(--spacing-sm);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:80px;right:20px}.toast{padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);pointer-events:all;min-width:300px;max-width:500px;font-weight:500;animation:.3s ease-out slideIn;display:flex}.toast-success{color:#fff;background:#10b981}.toast-info{color:#fff;background:#3b82f6}.toast-error{color:#fff;background:#ef4444}.toast-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.toast-container{top:60px;left:10px;right:10px}.toast{min-width:auto;max-width:none}}.site-header{border-bottom:2px solid var(--color-gray-200);z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.header-logo{flex-shrink:0;text-decoration:none}.header-brand{color:var(--color-primary-dark);margin:0;font-size:24px;font-weight:700}.header-nav{align-items:center;gap:8px;display:flex}.header-nav-link{font-family:var(--font-display);color:var(--color-gray-600);border-radius:var(--radius-full);transition:color var(--transition-fast), background var(--transition-fast);letter-spacing:.01em;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none}.header-nav-link:hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb), .08)}.header-auth-buttons{flex-shrink:0;gap:12px;display:flex}.user-menu{flex-shrink:0;align-items:center;gap:16px;display:flex}.user-greeting{color:var(--color-gray-700);font-weight:500}@media (width<=768px){.site-header{padding:12px 16px}.header-brand{font-size:20px}.header-nav,.user-greeting{display:none}}.site-footer{background:var(--color-primary-dark);color:#fff;z-index:2;margin-top:auto;padding:32px 24px 24px;position:relative}.footer-content{justify-content:center;gap:48px;max-width:1200px;margin:0 auto;display:flex}.footer-link{color:var(--color-accent);transition:color var(--transition-base);font-size:16px;text-decoration:none}.footer-link:hover{color:#fff}.footer-copyright{text-align:center;color:#ffffff80;margin-top:20px;font-size:13px}@media (width<=768px){.footer-content{text-align:center;flex-direction:column;gap:16px}}.quiz-code-modal .modal-content{max-width:450px}.quiz-code-input{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;text-align:center;font-size:20px;font-weight:600}.quiz-code-status{justify-content:center;align-items:center;gap:8px;min-height:24px;margin-top:12px;font-size:14px;display:flex}.quiz-code-status.checking{color:var(--color-info)}.quiz-code-status.valid{color:var(--color-success);font-weight:600}.quiz-code-status.invalid{color:var(--color-error)}.landing-page{background:var(--gradient-page);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.landing-page:before{content:"";opacity:.04;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.landing-page:after{content:"";opacity:.08;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,#ffffff0d 35px 70px),repeating-linear-gradient(-45deg,#0000,#0000 35px,#00000008 35px 70px);width:50%;height:100%;position:absolute;top:0;right:0}.landing-hero{text-align:center;color:#fff;z-index:2;padding:100px 24px 80px;animation:.8s ease-out heroFadeIn;position:relative}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-content{max-width:900px;margin:0 auto}.landing-hero h1{font-family:var(--font-display);text-shadow:0 4px 12px #0000004d;letter-spacing:-.02em;margin-bottom:24px;font-size:72px;font-weight:700;line-height:1.1}.landing-hero .highlight{color:var(--color-accent);display:inline-block;position:relative}.landing-hero .highlight:after{content:"";background:var(--color-accent);opacity:.3;z-index:-1;height:12px;position:absolute;bottom:8px;left:0;right:0;transform:skew(-12deg)}.hero-subtitle{font-family:var(--font-body);color:#fffffff2;text-shadow:0 2px 8px #0003;max-width:700px;margin:0 auto 40px;font-size:24px;font-weight:400;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.hero-btn{min-width:220px}.features-section{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;padding:80px 24px;position:relative}.section-heading{font-family:var(--font-display);text-align:center;color:#fff;letter-spacing:-.01em;margin-bottom:60px;font-size:48px;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-xl);transition:all var(--transition-base);background:#fffffffa;border:1px solid #ffffff80;border-radius:20px;padding:40px 32px;animation:.6s ease-out backwards featureReveal}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}@keyframes featureReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px #00000040}.feature-icon{width:64px;height:64px;box-shadow:var(--shadow-lg);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-icon .material-icons{color:#fff;font-size:32px}.feature-card h3{font-family:var(--font-display);color:var(--color-neutral);margin:0 0 12px;font-size:24px;font-weight:700}.feature-card p{font-family:var(--font-body);color:var(--color-gray-600);margin:0;font-size:16px;line-height:1.6}.tips-section{z-index:2;padding:80px 24px;position:relative}.carousel-container{align-items:center;gap:24px;max-width:900px;margin:0 auto;display:flex;position:relative}.carousel-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-xl);background:#fffffffa;border:1px solid #ffffff80;border-radius:24px;flex:1;align-items:center;min-height:320px;display:flex;overflow:hidden}.carousel-track{width:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.carousel-slide{text-align:center;flex-direction:column;align-items:center;min-width:100%;padding:60px 48px;display:flex}.tip-icon-large{background:var(--gradient-primary);width:80px;height:80px;box-shadow:var(--shadow-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;animation:2s ease-in-out infinite iconPulse;display:flex}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tip-icon-large .material-icons{color:#fff;font-size:40px}.tip-title{font-family:var(--font-display);color:var(--color-neutral);margin:0 0 16px;font-size:32px;font-weight:700}.tip-text{font-family:var(--font-body);color:var(--color-gray-700);max-width:600px;margin:0;font-size:18px;line-height:1.7}.carousel-btn{border:3px solid var(--color-primary);width:56px;height:56px;color:var(--color-primary);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);background:#fffffff2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.carousel-btn:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary);transform:scale(1.1)}.carousel-btn .material-icons{font-size:32px}.carousel-indicators{justify-content:center;gap:12px;margin-top:32px;display:flex}.indicator{cursor:pointer;width:12px;height:12px;transition:all var(--transition-base);background:#fff6;border:2px solid #fff;border-radius:50%;padding:0}.indicator:hover{background:#ffffffb3;transform:scale(1.2)}.indicator.active{background:var(--color-accent);border-color:var(--color-accent);border-radius:6px;width:32px}.cta-section{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;padding:80px 24px 100px;position:relative}.cta-content{text-align:center;max-width:1200px;margin:0 auto}.cta-content h2{font-family:var(--font-display);color:#fff;margin-bottom:16px;font-size:48px;font-weight:700}.cta-content>p{font-family:var(--font-body);color:#ffffffe6;margin-bottom:60px;font-size:20px}.cta-actions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1000px;margin:0 auto;display:grid}.cta-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-xl);transition:all var(--transition-base);background:#fffffffa;border:1px solid #ffffff80;border-radius:20px;flex-direction:column;padding:40px 32px;animation:.6s ease-out backwards ctaReveal;display:flex}.cta-card:first-child{animation-delay:.1s}.cta-card:nth-child(2){animation-delay:.2s}.cta-card:nth-child(3){animation-delay:.3s}@keyframes ctaReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px #00000040}.cta-icon{color:var(--color-primary);margin-bottom:16px;font-size:48px}.cta-card h3{font-family:var(--font-display);color:var(--color-neutral);margin:0 0 12px;font-size:24px;font-weight:700}.cta-card p{font-family:var(--font-body);color:var(--color-gray-600);flex-grow:1;margin:0 0 24px;font-size:16px}.cta-card .btn{width:100%;margin-top:auto}@media (width<=1024px){.landing-hero h1{font-size:56px}.hero-subtitle{font-size:20px}.section-heading{font-size:40px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.carousel-slide{padding:48px 32px}.tip-title{font-size:28px}.tip-text{font-size:16px}}.landing-info-section{z-index:2;background:#ffffff0f;border-top:1px solid #ffffff14;padding:80px 24px;scroll-margin-top:70px;position:relative}.landing-info-section--alt{background:#00000014}.info-section-inner{max-width:960px;margin:0 auto}.info-section-header{text-align:center;margin-bottom:48px}.info-icon-ring{background:#ffffff1f;border:2px solid #ffba0866;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:inline-flex}.info-icon-ring .material-icons{color:var(--color-accent);font-size:34px}.info-section-header h2{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0;font-size:42px;font-weight:700}.info-columns{grid-template-columns:1fr 1fr;gap:48px;display:grid}.info-column h3{font-family:var(--font-display);color:var(--color-accent);margin:0 0 16px;font-size:22px;font-weight:700}.info-column p{font-family:var(--font-body);color:#ffffffd9;margin:0 0 16px;font-size:16px;line-height:1.75}.info-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.info-list li{color:#ffffffd9;align-items:flex-start;gap:14px;font-size:15px;line-height:1.6;display:flex}.info-list li .material-icons{color:var(--color-accent);flex-shrink:0;margin-top:2px;font-size:22px}.info-list li strong{color:#fff}.info-prose{color:#ffffffd9;font-family:var(--font-body);font-size:16px;line-height:1.75}.info-last-updated{color:#ffffff73;margin-bottom:32px;font-size:14px;font-style:italic}.info-prose h3{font-family:var(--font-display);color:var(--color-accent);margin:32px 0 12px;font-size:20px;font-weight:700}.info-prose h3:first-of-type{margin-top:0}.info-prose p{margin:0 0 20px}.info-columns--contact{grid-template-columns:repeat(3,1fr);gap:28px}.contact-card{text-align:center;transition:all var(--transition-base);background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;padding:32px 24px}.contact-card:hover{background:#ffffff1f;border-color:#ffba084d;transform:translateY(-4px)}.contact-card-icon{color:var(--color-accent);margin-bottom:16px;font-size:40px;display:block}.contact-card h3{font-family:var(--font-display);color:#fff;margin:0 0 10px;font-size:20px;font-weight:700}.contact-card p{font-family:var(--font-body);color:#ffffffb3;margin:0 0 16px;font-size:15px;line-height:1.6}.contact-link{font-family:var(--font-display);color:var(--color-accent);transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:1px dashed #ffba0866;padding-bottom:2px;font-size:15px;font-weight:600;text-decoration:none}.contact-link:hover{color:#fff;border-color:#fff}.features-section,.tips-section,.cta-section,.landing-hero{scroll-margin-top:70px}@media (width<=1024px){.info-section-header h2{font-size:36px}.info-columns--contact{grid-template-columns:1fr 1fr}}@media (width<=768px){.landing-hero{padding:60px 16px 40px}.landing-hero h1{font-size:40px}.hero-subtitle{font-size:18px}.hero-actions{flex-direction:column;gap:12px}.hero-btn{width:100%}.features-section,.tips-section,.cta-section{padding:60px 16px}.section-heading{margin-bottom:40px;font-size:32px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:32px 24px}.carousel-container{flex-direction:column;gap:16px}.carousel-btn{display:none}.carousel-slide{min-height:280px;padding:40px 24px}.tip-icon-large{width:64px;height:64px}.tip-icon-large .material-icons{font-size:32px}.tip-title{font-size:24px}.tip-text{font-size:15px}.cta-content h2{font-size:32px}.cta-content>p{margin-bottom:40px;font-size:18px}.cta-actions{grid-template-columns:1fr;gap:20px}.cta-card{padding:32px 24px}.landing-info-section{padding:60px 16px}.info-section-header h2{font-size:28px}.info-icon-ring{width:60px;height:60px}.info-icon-ring .material-icons{font-size:28px}.info-columns{grid-template-columns:1fr;gap:32px}.info-columns--contact{grid-template-columns:1fr;gap:20px}.contact-card{padding:24px 20px}}.quiz-access-page{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.quiz-access-card{width:100%;max-width:500px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.help-link-footer{align-items:center;gap:var(--spacing-xs);color:var(--color-primary);transition:all var(--transition);padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.help-link-footer:hover{color:var(--color-primary-dark);background:var(--color-gray-100);transform:translateY(-1px)}.help-link-footer svg{flex-shrink:0}@media (width<=600px){.quiz-access-page{padding:var(--spacing-md)}}.markdown-content{color:var(--color-gray-900);line-height:1.6}.markdown-content h1{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-gray-900);border-bottom:2px solid var(--color-gray-200);padding-bottom:var(--spacing-sm);font-size:2rem;font-weight:700}.markdown-content h2{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-gray-900);font-size:1.5rem;font-weight:600}.markdown-content h3{margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--color-gray-900);font-size:1.25rem;font-weight:600}.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs);color:var(--color-gray-900);font-weight:600}.markdown-content p{margin-bottom:var(--spacing-md);color:var(--color-gray-900)}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul,.markdown-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.markdown-content li,.markdown-content li>p{margin-bottom:var(--spacing-xs)}.markdown-content pre{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);font-family:var(--font-mono);background-color:#f6f8fa;font-size:.875rem;line-height:1.5;overflow-x:auto}.markdown-content pre code{font-size:inherit;background-color:#0000;border:none;padding:0}.markdown-content code{font-family:var(--font-mono);color:#d73a49;background-color:#f6f8fa;border:1px solid #e1e4e8;border-radius:3px;padding:.2em .4em;font-size:.875em}.markdown-content a{color:var(--primary-color);transition:color var(--transition);text-decoration:none}.markdown-content a:hover{color:var(--primary-dark);text-decoration:underline}.markdown-content blockquote{border-left:4px solid var(--primary-color);padding-left:var(--spacing-md);margin-left:0;margin-bottom:var(--spacing-md);color:var(--text-muted);font-style:italic}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:var(--spacing-md)}.markdown-content table th,.markdown-content table td{padding:var(--spacing-sm);border:1px solid var(--border-color);text-align:left}.markdown-content table th{background-color:#f6f8fa;font-weight:600}.markdown-content table tr:nth-child(2n){background-color:#f9fafb}.markdown-content hr{border:none;border-top:2px solid var(--border-color);margin:var(--spacing-lg) 0}.markdown-content img{border-radius:var(--border-radius);max-width:100%;height:auto;margin:var(--spacing-md) 0}.markdown-content .markdown-image{border-radius:var(--radius-md,8px);max-width:100%;height:auto;margin:var(--spacing-md,1rem) 0;box-shadow:0 2px 8px #0000001a}.markdown-content .markdown-image-loading,.markdown-content .markdown-image-error{border-radius:var(--radius-md,8px);margin:var(--spacing-md,1rem) 0;padding:.75rem 1rem;font-size:.9rem;display:inline-block}.markdown-content .markdown-image-loading{color:#0369a1;background-color:#f0f9ff;border:1px solid #bae6fd}.markdown-content .markdown-image-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.markdown-content strong{color:var(--text-primary);font-weight:600}.markdown-content em{font-style:italic}.markdown-content del{color:var(--text-muted);text-decoration:line-through}.markdown-content input[type=checkbox]{margin-right:var(--spacing-xs)}.markdown-content .hljs{color:#24292e;background-color:#f6f8fa}.markdown-content .hljs-comment,.markdown-content .hljs-quote{color:#6a737d;font-style:italic}.markdown-content .hljs-keyword,.markdown-content .hljs-selector-tag,.markdown-content .hljs-subst{color:#d73a49}.markdown-content .hljs-string,.markdown-content .hljs-attr,.markdown-content .hljs-symbol,.markdown-content .hljs-bullet,.markdown-content .hljs-attribute{color:#032f62}.markdown-content .hljs-number,.markdown-content .hljs-literal{color:#005cc5}.markdown-content .hljs-built_in,.markdown-content .hljs-builtin-name{color:#6f42c1}.markdown-content .hljs-function,.markdown-content .hljs-title,.markdown-content .hljs-section{color:#6f42c1;font-weight:600}@media (width<=768px){.markdown-content pre{padding:var(--spacing-sm);font-size:.75rem}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.25rem}.markdown-content h3{font-size:1.1rem}}.python-question{width:100%}.code-editor-container{border:3px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-base);background:#fff;overflow:hidden}.code-editor-container:focus-within{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.code-editor-header{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg, var(--color-gray-50) 0%, var(--color-gray-100) 100%);border-bottom:3px solid var(--color-primary);justify-content:space-between;align-items:center;display:flex}.code-editor-header h3{font-family:var(--font-display);color:var(--color-neutral);margin:0;font-size:16px;font-weight:600}.code-editor-container .cm-editor{font-size:15px;line-height:1.6}.code-editor-container .cm-scroller{font-family:var(--font-mono);padding:var(--spacing-md)}.code-editor-container .cm-editor .cm-string{color:var(--color-primary)}.code-editor-container .cm-editor .cm-keyword{color:var(--color-secondary);font-weight:600}.code-editor-container .cm-editor .cm-number{color:var(--color-accent)}.code-editor-container .cm-editor .cm-comment{color:var(--color-gray-500);font-style:italic}.code-output-container{width:100%}.code-output{background:var(--color-gray-800);color:var(--color-gray-100);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto}.code-output pre{font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:13px}.test-cases-container{width:100%}.test-cases-list{gap:var(--spacing-md);flex-direction:column;display:flex}.test-case-item{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);background:#fff;overflow:hidden}.test-case-item.test-passed{border-color:var(--color-success-light)}.test-case-item.test-failed{border-color:var(--color-error-light)}.test-case-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.test-case-item.test-passed .test-case-header{background:var(--color-success-bg);border-bottom-color:var(--color-success-light)}.test-case-item.test-failed .test-case-header{background:var(--color-error-bg);border-bottom-color:var(--color-error-light)}.test-case-body{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.test-case-section{gap:var(--spacing-xs);flex-direction:column;display:flex}.test-case-code{background:var(--color-gray-800);color:var(--color-gray-100);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:13px;overflow-x:auto}.test-output-wrong,.test-case-error{color:var(--color-error-light);background:#3d1a1a}@media (width<=768px){.code-editor-header{gap:var(--spacing-sm);flex-direction:column;align-items:stretch}.code-editor-header .btn{width:100%}.test-case-header{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start}}.sql-question{width:100%}.schema-container{background:linear-gradient(135deg, var(--color-gray-50) 0%, var(--color-gray-100) 100%);border:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.schema-container h4{font-family:var(--font-display);color:var(--color-neutral);margin-bottom:var(--spacing-md)}.table-schema{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff}.table-schema:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.table-name{font-weight:700;font-family:var(--font-display);color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:16px}.table-columns{gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);flex-wrap:wrap;display:flex}.column-name{background:var(--color-accent);padding:4px var(--spacing-md);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-mono);color:var(--color-neutral);border:1px solid var(--color-primary-light);font-weight:600}.sample-data-info{margin-top:var(--spacing-xs)}.sample-data-section{margin-top:var(--spacing-sm)}.sample-data-header{color:var(--color-gray-700)}.sample-data-table-container{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);margin-top:var(--spacing-xs);overflow-x:auto}.sample-data-table{border-collapse:collapse;background:#fff;width:100%;font-size:12px}.sample-data-table thead{background:var(--color-gray-200)}.sample-data-table th{text-align:left;border-bottom:1px solid var(--color-gray-300);white-space:nowrap;font-weight:600;font-family:var(--font-mono);padding:4px 8px;font-size:11px}.sample-data-table td{border-bottom:1px solid var(--color-gray-200);font-family:var(--font-mono);padding:4px 8px;font-size:11px}.sample-data-table tbody tr:hover{background:var(--color-gray-50)}.sample-data-table tbody tr:last-child td{border-bottom:none}.query-results-container{width:100%}.results-info{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-md)}.results-table-container{border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);overflow-x:auto}.results-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.results-table thead{background:var(--color-gray-100)}.results-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:2px solid var(--color-gray-300);white-space:nowrap;font-weight:600}.results-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.results-table tbody tr:hover{background:var(--color-gray-50)}.results-table tbody tr:last-child td{border-bottom:none}.ml-2{margin-left:var(--spacing-sm)}@media (width<=768px){.table-columns{flex-direction:column}.results-table{font-size:12px}.results-table th,.results-table td{padding:var(--spacing-xs) var(--spacing-sm)}}.essay-question{gap:var(--spacing-md);flex-direction:column;display:flex}.essay-textarea{width:100%;min-height:400px;padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);resize:vertical;transition:border-color var(--transition-base);font-size:16px;line-height:1.6}.essay-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.essay-textarea::placeholder{color:var(--color-gray-400)}.essay-stats{gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);flex-wrap:wrap;display:flex}.stat-item{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-size:14px;display:flex}.stat-label{color:var(--color-gray-700);font-weight:600}.stat-value{color:var(--color-gray-800);font-variant-numeric:tabular-nums;font-weight:500}.stat-ok .stat-value{color:var(--color-success)}.stat-warning .stat-value{color:var(--color-warning)}.stat-approaching .stat-value{color:var(--color-info)}.stat-error .stat-value{color:var(--color-error);font-weight:700}.stat-warning,.stat-info{border-radius:var(--radius-sm);padding:2px 8px;font-size:12px;font-weight:600}.stat-warning{background:var(--color-warning-bg);color:var(--color-warning)}.stat-info{background:var(--color-info-bg);color:var(--color-info)}.essay-validation{gap:var(--spacing-sm);flex-direction:column;display:flex}@media (width<=768px){.essay-textarea{min-height:300px;font-size:14px}.essay-stats{gap:var(--spacing-sm);flex-direction:column}.stat-item{width:100%}}.table-question-builder{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);background:#fff}@media (width<=768px){.table-question-builder{padding:var(--spacing-md)}}.table-question-container{width:100%;margin-bottom:1.5rem;overflow-x:auto}.table-question{border-collapse:collapse;width:100%;margin:0;font-size:.95rem;box-shadow:0 2px 4px #0000001a}.table-cell-header{text-align:center;color:#333;background-color:#f0f0f0;border:1px solid #ddd;min-width:100px;padding:.75rem;font-weight:600}.table-cell-text{text-align:left;vertical-align:middle;background-color:#fff;border:1px solid #ddd;min-width:100px;padding:.75rem}.table-cell-empty{background-color:#fafafa;border:1px solid #ddd;min-width:100px;padding:.75rem}.table-cell-dropdown{vertical-align:middle;background-color:#fff;border:1px solid #ddd;min-width:150px;padding:.5rem}.table-dropdown{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:4px;width:100%;padding:.5rem;font-size:.9rem;transition:border-color .2s}.table-dropdown:hover:not(:disabled){border-color:#999}.table-dropdown:focus{border-color:var(--color-primary,#6b46c1);outline:none;box-shadow:0 0 0 2px #6b46c11a}.table-dropdown:disabled{cursor:not-allowed;opacity:.7;background-color:#f5f5f5}.preview-note{border-left:3px solid var(--color-primary,#6b46c1);background-color:#f9f9f9;border-radius:4px;padding:.5rem;font-style:italic}@media (width<=768px){.table-question{font-size:.85rem}.table-cell-header,.table-cell-text,.table-cell-empty,.table-cell-dropdown{min-width:80px;padding:.5rem}.table-dropdown{padding:.4rem;font-size:.85rem}}@media print{.table-question-container{overflow-x:visible}.table-dropdown{border:1px solid #000}}.table-radio-container{width:100%;margin:1rem 0;overflow-x:auto}.table-radio{border-collapse:collapse;border:1px solid #ddd;width:100%}.table-radio thead{background-color:#f8f9fa}.table-radio th{text-align:center;border:1px solid #ddd;padding:.75rem 1rem;font-weight:600}.table-radio .row-label-header{text-align:left;min-width:200px}.table-radio .column-header{min-width:100px;font-size:.95rem}.table-radio tbody tr{transition:background-color .2s}.table-radio tbody tr:hover{background-color:#f8f9fa}.table-radio td{border:1px solid #ddd;padding:.75rem 1rem}.table-radio .row-label{text-align:left;vertical-align:middle;font-weight:500}.table-radio .radio-cell{text-align:center;vertical-align:middle}.table-radio .radio-label{cursor:pointer;justify-content:center;align-items:center;gap:.5rem;margin:0;display:flex}.table-radio .radio-label input[type=radio]{cursor:pointer;width:18px;height:18px}.table-radio .radio-label input[type=radio]:disabled{cursor:not-allowed;opacity:.6}.table-radio .correct-indicator{color:#28a745;font-size:1.2rem;font-weight:700}@media (width<=768px){.table-radio th,.table-radio td{padding:.5rem;font-size:.9rem}.table-radio .row-label-header{min-width:150px}.table-radio .column-header{min-width:80px}}.order-sequence-container{grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0;display:grid}@media (width<=768px){.order-sequence-container{grid-template-columns:1fr}}.order-area{flex-direction:column;gap:.75rem;display:flex}.order-area-header{margin-bottom:.5rem}.order-area-header h4{color:#333;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.order-area-hint{color:#666;margin:0;font-size:.875rem}.order-dropzone{background-color:#fafafa;border:2px dashed #ccc;border-radius:8px;min-height:200px;padding:1rem;transition:all .2s}.order-dropzone.dragging-over{background-color:#f3e8ff;border-color:#7c3aed}.order-dropzone.empty{justify-content:center;align-items:center;display:flex}.empty-message{color:#999;text-align:center;padding:2rem;font-style:italic}.order-item-wrapper{align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.order-number{color:#7c3aed;flex-shrink:0;min-width:1.5rem;padding-top:.75rem;font-weight:600}.order-item{cursor:grab;background-color:#fff;border:1px solid #ddd;border-radius:6px;flex:1;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s;display:flex}.order-item:hover{border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed1a}.order-item.dragging{opacity:.5;cursor:grabbing;transform:rotate(2deg)}.order-item-code{white-space:pre;font-family:Courier New,Courier,monospace;overflow-x:auto}.order-item-code .item-content{font-size:.9rem}.drag-handle{color:#999;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.order-item:active .drag-handle{cursor:grabbing}.item-content{flex:1;line-height:1.5}.order-actions{justify-content:flex-end;margin-top:1rem;display:flex}.order-actions .btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.order-actions .btn-secondary{color:#fff;background-color:#6c757d}.order-actions .btn-secondary:hover{background-color:#5a6268}.order-keyboard-help{background-color:#f0f9ff;border-left:3px solid #0ea5e9;border-radius:4px;margin-bottom:1rem;padding:.75rem 1rem}.order-keyboard-help p{margin:0}.order-item.grabbed{outline-offset:2px;background-color:#f3e8ff;outline:3px solid #7c3aed;box-shadow:0 4px 12px #7c3aed4d}.order-item:focus{outline-offset:2px;border-color:#7c3aed;outline:2px solid #7c3aed}.order-item:focus:not(:focus-visible){outline:none}:root{--jbutton-color:#298ba8;--jactive-color:#007aff;--jsafe-area-top:env(safe-area-inset-top);--jsafe-area-bottom:env(safe-area-inset-bottom)}[data-visible=false],.row[data-visible=false]{display:none}div[data-before]:before{content:attr(data-before)}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.jreadonly{pointer-events:none}.jdragging{opacity:.2;filter:alpha(opacity=20)}.jupload.input{box-sizing:border-box;background-size:initial;height:33px;min-height:initial;padding:6px 30px 6px 6px;position:relative}.jupload.input:before{content:"save";color:#000;font-family:Material Icons,Material Symbols Outlined,FontAwesome;font-size:18px;position:absolute;right:5px}.jupload:empty:before{z-index:0}.jupload img{width:100%}.jupload.input img{width:initial;max-width:100%;height:100%}.jupload[data-multiple]{padding:10px}.jupload[data-multiple] img{object-fit:cover;width:100px;height:70px;margin-bottom:5px;margin-right:5px}.jupload{cursor:pointer;box-sizing:border-box;border:1px dotted #eee;width:100%;max-width:100%;min-height:180px;max-height:100%;position:relative}.jupload:not(.input):empty:before{content:"";color:#eee;justify-content:center;align-items:center;width:100%;height:100%;font-family:Material Icons,Material Symbols Outlined,FontAwesome;font-size:90px;display:flex;position:absolute}.jupload-item{border-radius:1px;padding-right:22px;display:inline-block;position:relative}.jphoto{cursor:pointer;box-sizing:border-box;border:1px dotted #eee;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.jphoto:empty:before{content:"";color:#eee;text-align:center;width:100%;height:100%;font-family:Material Icons,Material Symbols Outlined,FontAwesome;font-size:90px}.jremove{opacity:.2;filter:alpha(opacity=20)}.round img{border-radius:1000px}.jtooltip{z-index:5;color:#000;pointer-events:none;background-color:#fff;border:1px solid #000;margin:10px;padding:8px;font-family:initial;font-size:12px;animation:.5s jfadeIn;display:block;position:fixed;top:10px;left:10px}.jtooltip:empty{display:none}@keyframes jfadeIn{0%{opacity:0}to{opacity:1}}.jpanel{box-sizing:border-box;z-index:10;position:absolute}.jpanel:focus{outline:2px solid var(--jss-border-outline,#000);outline-offset:-1px;z-index:1000!important}.jpanel-action{box-sizing:border-box;pointer-events:auto;z-index:1000;background-color:#fff;border:1px solid #000;width:8px;height:8px;position:absolute}.jpanel-action[data-position=n-resize]{top:-4px;left:calc(50% - 4px)}.jpanel-action[data-position=ne-resize]{top:-4px;left:calc(100% - 4px)}.jpanel-action[data-position=e-resize]{top:calc(50% - 4px);left:calc(100% - 4px)}.jpanel-action[data-position=se-resize]{top:calc(100% - 4px);left:calc(100% - 4px)}.jpanel-action[data-position=s-resize]{top:calc(100% - 4px);left:calc(50% - 4px)}.jpanel-action[data-position=sw-resize]{top:calc(100% - 4px);left:-4px}.jpanel-action[data-position=w-resize]{top:calc(50% - 4px);left:-4px}.jpanel-action[data-position=nw-resize]{top:-4px;left:-4px}.jpanel-action[data-action=rotate]{cursor:move;background-color:#0000;border:0;width:24px;height:24px;top:-50px;left:calc(50% - 12px)}.jpanel-action[data-action=rotate]:before{content:"refresh";font-family:Material Icons,Material Symbols Outlined,FontAwesome;font-size:24px}.jpanel-action[data-action=rotate]:after{content:"";background-color:var(--jss-font-color,#000);width:1px;height:26px;position:absolute;bottom:-22px;left:calc(50% - 1px)}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Icons,Material Symbols Outlined,FontAwesome;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.jloading{z-index:10001;background-color:#000000b3;width:100%;position:fixed;inset:0}.jloading:after{content:"";border:4px solid #fff;border-top-color:#0000;border-radius:50%;width:40px;height:40px;margin:50vh auto 0;animation:.8s linear infinite jspin;display:block}.jloading.jspin{background-color:#0000}.jloading.jspin:after{border-color:#0000 #aaa #aaa;margin:80px auto 0}.jfade-in{animation:2s forwards jfade-in}.jfade-out{animation:1s forwards jfade-out}.jslide-left-in{animation:.4s forwards jslide-left-in;position:relative}.jslide-left-out{animation:.4s forwards jslide-left-out;position:relative}.jslide-right-in{animation:.4s forwards jslide-right-in;position:relative}.jslide-right-out{animation:.4s forwards jslide-right-out;position:relative}.jslide-top-in{animation:.4s forwards jslide-top-in;position:relative}.jslide-top-out{animation:.2s forwards jslide-top-out;position:relative}.jslide-bottom-in{animation:.4s forwards jslide-bottom-in;position:relative}.jslide-bottom-out{animation:.1s forwards jslide-bottom-out;position:relative}.jslide-left-in>div,.jslide-left-out>div,.jslide-right-in>div,.jslide-right-out>div{-webkit-transform:translate(0,0)}.jspin{animation:2s linear infinite jspin}@keyframes jfade-in{0%{opacity:0}to{opacity:100}}@keyframes jfade-out{0%{opacity:100}to{opacity:0}}@keyframes jslide-left-in{0%{left:-100%}to{left:0%}}@keyframes jslide-left-out{0%{left:0%}to{left:-100%}}@keyframes jslide-right-in{0%{left:100%}to{left:0%}}@keyframes jslide-right-out{0%{left:0%}to{left:100%}}@keyframes jslide-top-in{0%{transform:translateY(-100%)}to{transform:translateY(0%)}}@-webkit-keyframes jslide-top-in{0%{transform:translateY(-100%)}to{-webkit-transform:translateY(0%)}}@keyframes jslide-top-out{0%{transform:translateY(0%)}to{transform:translateY(-100%)}}@-webkit-keyframes jslide-top-out{0%{-webkit-transform:translateY(0%)}to{-webkit-transform:translateY(-100%)}}@keyframes jslide-bottom-in{0%{transform:translateY(100%)}to{transform:translateY(0%)}}@-webkit-keyframes jslide-bottom-in{0%{transform:translateY(100%)}to{-webkit-transform:translateY(0%)}}@keyframes jslide-bottom-out{0%{transform:translateY(0%)}to{transform:translateY(100%)}}@-webkit-keyframes jslide-bottom-out{0%{-webkit-transform:translateY(0%)}to{-webkit-transform:translateY(100%)}}@-webkit-keyframes jspin{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}@keyframes jspin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.jcalendar{z-index:9000;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent;min-width:280px;display:none;position:absolute}.jcalendar.jcalendar-focus{display:block}.jcalendar .jcalendar-backdrop{z-index:9000;background-color:#00000080;border:0;min-width:100%;min-height:100%;padding:0;display:none;position:fixed;top:0;left:0}.jcalendar .jcalendar-container{box-sizing:border-box;position:relative}.jcalendar .jcalendar-content{z-index:9001;background-color:#fff;position:absolute;box-shadow:1px 1px 5px #00000063}.jcalendar-header{text-align:center}.jcalendar-header span{margin-right:4px;font-size:1.1em;font-weight:700}.jcalendar-prev{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.jcalendar-next{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.jcalendar-weekday{background-color:#fcfcfc;padding:14px;font-weight:600}.jcalendar-table{padding:10px}.jcalendar-table>table{background-color:#fff;width:100%}.jcalendar-table>table>thead{cursor:pointer}.jcalendar-table thead td{height:40px;padding:10px}.jcalendar-table>table>tbody>tr{height:34px}.jcalendar-table>table>tbody td{box-sizing:border-box;cursor:pointer;padding:9px;font-size:.9em}.jcalendar-table tfoot td{padding:10px}.jcalendar-months td,.jcalendar-years td{height:24px}.jcalendar-input{box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27gray%27%3E%3Cpath d=%27M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z%27/%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0z%27/%3E%3C/svg%3E");background-position:right 5px top 50%;background-repeat:no-repeat;padding-right:18px}.jcalendar-done{background-color:#fff;box-shadow:1px 1px 5px #00000063}.jcalendar-update{background-color:#fff;border:1px solid #ccc;border-radius:4px;width:100%;padding:5px}.jcalendar-container select{text-align:center;-webkit-user-select:none;user-select:none;border:0;width:55px;margin-right:10px;padding:4px;font-size:1.1em;display:inline-block}.jcalendar-container select:first-child{margin-right:2px}.jcalendar-selected{background-color:#eee}.jcalendar-reset,.jcalendar-confirm{text-transform:uppercase;cursor:pointer;color:var(--jactive-color)}.jcalendar-controls{box-sizing:border-box;vertical-align:middle;-webkit-flex-flow:wrap;justify-content:space-between;align-items:center;padding:15px;display:flex}.jcalendar-controls div{font-weight:700}.jcalendar-fullsize{width:100%;position:fixed;top:0;left:0}.jcalendar-fullsize .jcalendar-content{width:100%;position:fixed;bottom:0;left:0}.jcalendar-focus.jcalendar-fullsize .jcalendar-backdrop{display:block}.jcalendar-sunday{color:red}.jcalendar-disabled{color:#ccc}.jcalendar-time{display:flex}.jcalendar_warning{color:red}.jcalendar-hide-controls .jcalendar-controls{display:none}.jcolor{outline:none;display:none;position:absolute}.jcolor-input{box-sizing:border-box;background:url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z%27/%3E%3C/svg%3E") right 4px top 50% no-repeat,content-box content-box;padding-right:24px!important}.jcolor-content{z-index:9000;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;letter-spacing:.2px;box-sizing:border-box;background-color:#fff;border-radius:4px;min-width:260px;font-size:.875rem;position:absolute;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003}.jmodal .jcolor-content{position:fixed}.jcolor-controls{border-bottom:1px solid #eee;margin-bottom:5px;padding:10px;display:flex}.jcolor-controls div{color:var(--jactive-color);text-transform:uppercase;box-sizing:border-box;flex:1;font-size:1em;font-weight:700}.jcolor-content table{border-collapse:collapse;box-sizing:border-box}.jcolor-focus{display:block}.jcolor table{width:100%;height:100%;min-height:160px}.jcolor td{padding:7px}.jcolor-selected{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27 fill=%27white%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px}.jcolor-fullscreen{box-sizing:border-box;border-radius:0;width:100%;max-height:290px;position:fixed;bottom:0;left:0}.jcolor-fullscreen .jcolor-controls{padding:15px;box-shadow:1px 0 1px #00000063}.jcolor-reset{text-align:left}.jcolor-close{text-align:right}.jcolor-backdrop{z-index:8000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;background-color:#00000080;border:0;min-width:100%;min-height:100%;padding:0;display:none;position:fixed;top:0;left:0}.jcolor-content .jtabs-content{padding:7px}.jcolor-grid tr:first-child>td:first-child{border-top-left-radius:3px}.jcolor-grid tr:first-child>td:last-child{border-top-right-radius:3px}.jcolor-grid tr:last-child>td:first-child{border-bottom-left-radius:3px}.jcolor-grid tr:last-child>td:last-child{border-bottom-right-radius:3px}.jcolor-hsl{box-sizing:border-box}.jcolor-hsl>div{height:100%;position:relative}.jcolor-hsl canvas{-webkit-user-drag:none;border-radius:4px;display:block}.jcolor-point{background-color:#000;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jcolor-sliders{padding:10px 20px 10px 10px}.jcolor-sliders input{-webkit-appearance:none;opacity:1;background:#d3d3d3;border-radius:30px;outline:none;width:80%;height:12px}.jcolor-sliders-input-subcontainer{justify-content:space-between;align-items:center;display:flex}.jcolor-sliders-input-container{text-align:left;margin-top:4px;line-height:.8em}.jcolor-sliders-input-container>label{text-transform:uppercase;color:#bbbbbd;font-size:10px}.jcolor-sliders-input-subcontainer>input{border:0;padding:1px}.jcolor-sliders-input-container input::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#000;border:2px solid #fff;border-radius:50%;width:12px;height:12px}.jcolor-sliders-input-container input::-moz-range-thumb{-webkit-appearance:none;cursor:pointer;background:#000;border:2px solid #fff;border-radius:50%;width:12px;height:12px}.jcolor-sliders-final-color{-webkit-user-select:all;user-select:all;text-align:center;margin-top:10px;padding:6px}.jcolor-sliders-final-color>div:nth-child(2){text-transform:uppercase;width:71px}.jcolor .jtabs .jtabs-headers-container .jtabs-controls{display:none!important}.jcolor .jtabs .jtabs-headers-container{justify-content:center;padding:4px;display:flex!important}.jcolor .jtabs-headers>div:not(.jtabs-border){font-size:.8em;padding:2px 15px!important}.jcontextmenu{z-index:10000;color:#555;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #c6c6c6;outline:none;margin:0;padding:4px 0;font-size:11px;display:none;position:fixed;box-shadow:2px 2px 2px #8f9091}.jcontextmenu.jcontextmenu-focus{display:inline-block}.jcontextmenu>div{box-sizing:border-box;cursor:default;text-align:left;align-items:center;width:250px;padding:8px 8px 8px 32px;font-family:sans-serif;font-size:11px;display:flex;position:relative}.jcontextmenu>div:before{content:attr(data-icon);font-size:15px;line-height:24px;position:absolute;left:9px;font-family:Material Icons!important}.jcontextmenu.symbols>div:before{font-family:Material Symbols Outlined!important}.jcontextmenu>div.header{display:none}.jcontextmenu>div a{color:#555;cursor:pointer;flex:1;text-decoration:none}.jcontextmenu>div span{margin-right:10px;font-size:.9em}.jcontextmenu .jcontextmenu-disabled a,.jcontextmenu .jcontextmenu-disabled:before{color:#ccc}.jcontextmenu>div:hover{background:#ebebeb}.jcontextmenu hr{border:1px solid #e9e9e9;border-bottom:0;margin-top:5px;margin-bottom:5px}.jcontextmenu>hr:hover{background:0 0}.jcontextmenu .jcontextmenu{opacity:0;position:absolute;top:4px;left:99%}.jcontextmenu>div:hover>.jcontextmenu{opacity:1;pointer-events:auto;display:block;transform:translate(0)scale(1)}@media only screen and (width<=420px){.jcontextmenu{width:100vw;height:260px;padding-top:0;animation:.4s forwards jslide-bottom-in;overflow:scroll;top:initial!important;bottom:0!important;left:0!important}.jcontextmenu div{text-align:center;border-bottom:1px solid #ccc;width:100%;padding:15px}.jcontextmenu>div.header{z-index:2;background-color:#d3d3d3;padding:5px;position:sticky;top:0}.jcontextmenu>div.header>a.title{text-align:left}.jcontextmenu>div.header>a.close{text-align:right}.jcontextmenu a{text-transform:uppercase;font-size:1.4em}.jcontextmenu span,.jcontextmenu hr{display:none}}.jdropdown{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:#fff;display:inline-block}.jdropdown-backdrop{z-index:8000;background-color:#00000080;border:0;min-width:100%;min-height:100%;padding:0;display:none;position:fixed;top:0;left:0}.jdropdown[disabled]{opacity:.5;pointer-events:none}.jdropdown-focus{position:relative}.jdropdown-focus .jdropdown-container{transform:translate(0,0)}.jdropdown-default.jdropdown-focus .jdropdown-header{outline:auto 5px -webkit-focus-ring-color}.jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add{background-image:url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2724px%27 height=%2724px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27/%3E%3C/svg%3E")}.jdropdown-container-header{box-sizing:border-box;margin:0;padding:0;position:relative}.jdropdown-header{appearance:none;text-overflow:ellipsis;cursor:pointer;box-sizing:border-box;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");background-position:right 5px top 50%;background-repeat:no-repeat;width:100%;padding-right:30px!important}.jdropdown-insert-button{text-transform:uppercase;font-size:1.4em;display:none;position:absolute;top:4px;right:30px}.jdropdown-container{min-width:inherit;z-index:9001;position:absolute;transform:translate(-10000px)}.jdropdown-close{color:var(--jactive-color);text-transform:uppercase;text-align:right;padding:12px;font-size:1em;font-weight:700;display:none}.jdropdown-content{min-width:inherit;box-sizing:border-box;margin:0}.jdropdown-item{white-space:nowrap;text-align:left;text-overflow:ellipsis;color:#000;align-items:center;display:flex;overflow-x:hidden}.jdropdown-description{text-overflow:ellipsis;line-height:1.5em;overflow:hidden}.jdropdown-image{border-radius:20px;width:32px;height:32px;margin-right:10px}.jdropdown-image-small{width:24px;height:24px}.jdropdown-icon{margin-left:-5px;margin-right:10px;font-size:30px}.jdropdown-icon-small{margin-left:0;font-size:24px}.jdropdown-title{text-overflow:ellipsis;font-size:.7em;display:block;overflow-x:hidden}.jdropdown-default .jdropdown-header{border:1px solid #ccc;padding:5px 16px 5px 10px}.jdropdown-default .jdropdown-container{background-color:#fff}.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-header{padding-right:50px}.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-insert-button{display:block}.jdropdown-default .jdropdown-content{min-width:inherit;box-sizing:border-box;background-color:#fff;border:1px solid #8fb1e3;min-height:10px;max-height:215px;margin:0;overflow-y:auto}.jdropdown-default .jdropdown-item{padding:4px 40px 4px 8px}.jdropdown-default .jdropdown-item:hover{color:#fff;background-color:#1f93ff}.jdropdown-default .jdropdown-cursor{background-color:#eee}.jdropdown-default .jdropdown-selected{color:#fff;background-color:#1f93ff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);background-position:right 5px top 50%;background-repeat:no-repeat}.jdropdown-default .jdropdown-group{margin-top:5px}.jdropdown-default .jdropdown-group .jdropdown-item{padding-left:16px}.jdropdown-default .jdropdown-group-name{text-align:left;padding-left:8px;font-weight:700}.jdropdown-default .jdropdown-reset_{content:"x";cursor:pointer;text-shadow:0 0 5px #fff;width:12px;margin:5px 10px 5px 5px;font-size:12px;line-height:1.8em;display:none;position:absolute;top:0;right:0}.jdropdown-default.jdropdown-focus .jdropdown-reset_,.jdropdown-picker.jdropdown-focus .jdropdown-backdrop{display:block}.jdropdown-picker .jdropdown-header{outline:none}.jdropdown-picker .jdropdown-container{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e6e6e8;width:100%;position:fixed;bottom:0;left:0}.jdropdown-picker .jdropdown-close{background-color:#fff;display:block;box-shadow:0 -1px 5px #00000063}.jdropdown-picker .jdropdown-content{background-color:#fafafa;border-top:1px solid #e6e6e8;height:280px;overflow-y:scroll}.jdropdown-picker .jdropdown-group-name{text-transform:uppercase;text-align:center;border-bottom:1px solid #e6e6e8;padding:10px 20px;font-size:1em;font-weight:700;display:block}.jdropdown-picker .jdropdown-item{text-transform:uppercase;border-bottom:1px solid #e6e6e8;padding:10px 20px;font-size:1em}.jdropdown-picker .jdropdown-selected{color:#fff;background-color:#1f93ff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);background-position:right 15px top 50%;background-repeat:no-repeat}.jdropdown-picker .jdropdown-cursor{color:#fff;background-color:#1f93ff}.jdropdown-searchbar.jdropdown-focus{z-index:9001;will-change:scroll-position;-webkit-overflow-scrolling:touch;background-color:#fafafa;padding:0;position:fixed;overflow-y:scroll;width:100%!important;height:100%!important;top:0!important;left:0!important}.jdropdown-searchbar.jdropdown-focus .jdropdown-container-header{z-index:9002;background-color:#fff;width:100%;height:40px;padding:6px;position:fixed;top:0;left:0;box-shadow:0 1px 2px #0000001a}.jdropdown-searchbar.jdropdown-focus .jdropdown-header{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNlNmU2ZTgiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);background-repeat:no-repeat;background-position:0 40%!important;border:0!important;padding-left:30px!important;padding-right:60px!important}.jdropdown-searchbar.jdropdown-focus .jdropdown-close{display:block}.jdropdown-searchbar .jdropdown-header{outline:none}.jdropdown-searchbar .jdropdown-container{width:100%;margin-top:40px}.jdropdown-searchbar .jdropdown-close{position:fixed;top:0;right:0}.jdropdown-searchbar .jdropdown-content{margin-top:10px}.jdropdown-searchbar .jdropdown-group{background-color:#fff;margin-top:10px;margin-bottom:15px}.jdropdown-searchbar .jdropdown-group-name{border-top:1px solid #e6e6e8;border-bottom:1px solid #e6e6e8;padding:10px 10px 10px 12px;font-weight:700}.jdropdown-searchbar .jdropdown-group-arrow{float:right;background-repeat:no-repeat;width:24px;height:24px}.jdropdown-searchbar .jdropdown-group-arrow-down{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy40MSA4LjU5TDEyIDEzLjE3bDQuNTktNC41OEwxOCAxMGwtNiA2LTYtNiAxLjQxLTEuNDF6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PC9zdmc+)}.jdropdown-searchbar .jdropdown-group-arrow-up{background-image:url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNDEgMTUuNDFMMTIgMTAuODNsNC41OSA0LjU4TDE4IDE0bC02LTYtNiA2eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=)}.jdropdown-searchbar .jdropdown-item{background-color:#fff;border-bottom:1px solid #e6e6e8;padding:10px 40px 10px 15px;font-size:.9em}.jdropdown-searchbar .jdropdown-description{text-overflow:ellipsis;max-width:calc(100% - 20px);overflow:hidden}.jdropdown-searchbar .jdropdown-content>.jdropdown-item:first-child{border-top:1px solid #e6e6e8}.jdropdown-searchbar .jdropdown-selected{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);background-position:right 15px top 50%;background-repeat:no-repeat}.jdropdown-list .jdropdown-container{display:block}.jdropdown-list .jdropdown-header{display:none}.jdropdown-list .jdropdown-group{background-color:#fff}.jdropdown-list .jdropdown-group-name{border-bottom:1px solid #e6e6e8;padding-top:10px;padding-bottom:10px;font-weight:700}.jdropdown-list .jdropdown-item{background-color:#fff;border-bottom:1px solid #e6e6e8;padding:10px 40px 10px 10px}.jdropdown-list .jdropdown-selected{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);background-position:right 10px top 50%;background-repeat:no-repeat}@media only screen and (width<=800px){.jdropdown-list{border:0;padding:0;width:100%!important}.jdropdown-list .jdropdown-container{min-width:100%}.jdropdown-searchbar.jdropdown-focus .jdropdown-description{text-transform:uppercase}}.app .jdropdown-item{text-transform:uppercase}.jdropdown-create-container{border:1px solid #ccc;border-radius:2px;margin:10px;padding:6px}.jdropdown-color{background-color:#fff;border:1px solid #0000;border-radius:12px;width:12px;height:12px;margin-right:6px}.jdropdown-item[data-disabled]{opacity:.5;pointer-events:none}.jeditor-container{box-sizing:border-box;border:1px solid #ccc}.jeditor-container.with-margin{background-color:#f2f2f2;max-width:1200px}.jeditor-dragging{border:1px dashed #000}.jeditor{word-break:break-word;outline:none}.jeditor-container.with-margin .jeditor{background-color:#fff;max-width:800px;min-height:800px;margin:80px;padding:80px}.jeditor[data-placeholder]:empty:before{content:attr(data-placeholder);color:#d3d3d3}.jsnippet{cursor:pointer;border:1px solid #ccc;margin-top:15px;position:relative}.jsnippet:focus{outline:none}.jsnippet img{width:100%}.jsnippet .jsnippet-title{padding:15px;font-size:1.4em}.jsnippet .jsnippet-description{padding-left:15px;padding-right:15px;font-size:1em}.jsnippet .jsnippet-host{text-transform:uppercase;color:#777;text-align:right;padding:15px;font-size:.8em}.jsnippet .jsnippet-url{display:none}.jeditor .jsnippet:after{content:"close";cursor:pointer;text-shadow:0 0 2px #fff;width:24px;height:24px;font-family:Material icons;font-size:24px;line-height:24px;position:absolute;top:12px;right:12px}.jsnippet *{-webkit-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.jeditor img{box-sizing:border-box;border:2px solid #0000}.jeditor img.resizing{-webkit-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.jeditor img:focus{border:2px solid #0096fd;outline:#0096fd}.jeditor .pdf{background-image:url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512;%27 xml:space=%27preserve%27%3E%3Cpath style=%27fill:%23C30B15;%27 d=%27M511.344,274.266C511.77,268.231,512,262.143,512,256C512,114.615,397.385,0,256,0S0,114.615,0,256 c0,117.769,79.53,216.949,187.809,246.801L511.344,274.266z%27/%3E%3Cpath style=%27fill:%2385080E;%27 d=%27M511.344,274.266L314.991,77.913L119.096,434.087l68.714,68.714C209.522,508.787,232.385,512,256,512 C391.243,512,501.976,407.125,511.344,274.266z%27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27278.328,333.913 255.711,77.913 119.096,77.913 119.096,311.652 %27/%3E%3Cpolygon style=%27fill:%23E8E6E6;%27 points=%27392.904,311.652 392.904,155.826 337.252,133.565 314.991,77.913 255.711,77.913 256.067,333.913 %27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27314.991,155.826 314.991,77.913 392.904,155.826 %27/%3E%3Crect x=%27119.096%27 y=%27311.652%27 style=%27fill:%23FC0F1A;%27 width=%27273.809%27 height=%27122.435%27/%3E%3Cg%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M204.871,346.387c13.547,0,21.341,6.659,21.341,18.465c0,12.412-7.795,19.601-21.341,19.601h-9.611 v14.909h-13.471v-52.975L204.871,346.387L204.871,346.387z M195.26,373.858h8.93c5.904,0,9.308-2.952,9.308-8.552 c0-5.525-3.406-8.324-9.308-8.324h-8.93V373.858z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M257.928,346.387c16.649,0,28.152,10.746,28.152,26.487c0,15.666-11.655,26.488-28.683,26.488 h-22.25v-52.975H257.928z M248.619,388.615h9.611c8.249,0,14.151-6.357,14.151-15.665c0-9.384-6.205-15.817-14.757-15.817h-9.006 V388.615z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M308.563,356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595h-25.806 V356.982z%27/%3E%3C/g%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:cover;width:60px;height:60px}.jeditor-toolbar{box-sizing:border-box;width:fit-content;max-width:100%;margin:10px}.toolbar-on-top .jeditor-toolbar{width:initial;margin:0;display:block;box-shadow:1px 1px 2px #0000001a}.toolbar-on-top .jeditor{padding:15px}.toolbar-on-top .jtoolbar .material-icons{transform:initial;margin:4px;font-size:24px}.toolbar-on-top .jtoolbar .jpicker-header{margin-top:4px;margin-bottom:4px;font-size:1em}.jeditor table{border-collapse:collapse}.jeditor table td{border:1px solid #bbb;height:2em}.jeditor table td:focus{border:1px solid #00f}.jeditor .line-break{pointer-events:none;border-top:1px dashed #ccc;justify-content:center;display:flex}.jeditor .line-break:before{content:"New page";color:#ccc;background-color:#fff;margin:-1em;padding:6px;position:absolute}.jfloating{box-sizing:border-box;z-index:9002;background-color:#fff;border:1px solid #ccc;border-radius:8px;margin-right:5px;position:fixed;bottom:0;right:0;-webkit-box-shadow:0 2px 10px #0003;-moz-box-shadow:0 2px 10px #0003;padding-top:50px!important}.jfloating.jfloating-big{width:510px!important;height:472px!important}.jfloating.jfloating-small{width:300px!important;height:320px!important}.jfloating.jfloating-large{width:600px!important;height:600px!important}.jfloating:before{content:attr(title);box-sizing:border-box;color:#fff;letter-spacing:.5px;background-color:#404040;border-radius:8px 8px 0 0;width:100%;padding:15px;font-size:.93rem;font-weight:600;position:absolute;top:0;left:0;box-shadow:1px 1px 3px #0003}.jfloating:after{content:"";cursor:pointer;text-shadow:0 0 5px #fff;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23FFF%27 d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");width:24px;height:24px;margin:14px;font-size:24px;position:absolute;top:0;right:0}.jfloating_content{box-sizing:border-box;height:-webkit-fill-available;max-height:100%;padding:20px;overflow-y:auto}.jfloating.jfloating-minimized{height:50px!important}.jfloating.jfloating-minimized .jfloating_content{display:none}.jmodal{box-sizing:border-box;z-index:9002;background-color:#fff;border:1px solid #ccc;border-radius:4px;flex-direction:column;width:60%;height:60%;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-box-shadow:0 2px 12px #0003;-moz-box-shadow:0 2px 12px #0003}.jmodal_title{box-sizing:border-box;pointer-events:none;background-color:#fff;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;align-items:center;height:70px;padding:20px;font-size:1.4em;display:flex}.jmodal_title>div{font-size:1.4em}.jmodal_title[data-icon]:before{content:attr(data-icon);width:24px;height:24px;margin-right:10px;font-size:24px;line-height:24px;font-family:Material Icons!important}.jmodal_content{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#333 transparent;height:100%;padding:20px;overflow-y:auto}.jmodal_title:empty{display:none}.jmodal_title:empty+.jmodal_content{height:100%}.jmodal_content::-webkit-scrollbar{height:12px}.jmodal_content::-webkit-scrollbar{width:12px}.jmodal_content::-webkit-scrollbar-track{background:#eee;border:1px solid #fff}.jmodal_content::-webkit-scrollbar-thumb{background:#888;border:1px solid #fff}.jmodal:after{content:"";cursor:pointer;text-shadow:0 0 5px #fff;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");width:24px;height:24px;margin:25px;font-size:24px;position:absolute;top:0;right:0}.jmodal_fullscreen{border:0;border-radius:0;top:0;left:0;transform:none;width:100%!important;height:100%!important}.jmodal_backdrop{z-index:8000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;background-color:#0003;border:0;min-width:100%;min-height:100%;padding:0;display:none;position:fixed;top:0;left:0}.jmodal_content .jcalendar .jcalendar-content,.jmodal_content .jdropdown-container{position:fixed}.jnotification{z-index:10000;box-sizing:border-box;padding:10px;position:fixed;bottom:0}.jnotification-container{color:#fff;background:linear-gradient(#4d4d4d 0%,#5c5c5c 100%);border-radius:8px;width:320px;margin:30px;padding:20px;box-shadow:0 2px 15px -5px #000000b3}.jnotification-close{content:"";cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");width:20px;height:20px;font-size:20px}.jnotification-title{font-weight:700}.jnotification-header{padding-bottom:5px;display:flex}.jnotification-header:empty{display:none}.jnotification-image{margin-right:5px}.jnotification-image:empty{display:none}.jnotification-image img{width:24px}.jnotification-name{text-transform:uppercase;letter-spacing:.1em;flex:1;font-size:.9em}.jnotification-error .jnotification-container{background:linear-gradient(#950b0b 0%,#aa290d 100%)}@media (width<=800px){.jnotification{top:calc(0px + var(--jsafe-area-top));width:100%}.jnotification-container{color:#444;width:initial;background:#fffffff2;border:1px solid #eee;margin:0}.jnotification-error .jnotification-container{color:#790909;background:#fffffff2}.jnotification-close{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E")}}.jnotification-header{justify-content:flex-start;align-items:center;display:flex}.jpicker{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;min-height:26px;display:inline-flex;position:relative}.jpicker-header{text-overflow:ellipsis;cursor:pointer;box-sizing:border-box;text-align:left;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");background-position:right 5px top 50%;background-repeat:no-repeat;border-radius:4px;outline:none;padding:2px 35px 2px 12px;line-height:24px}.jpicker-header:hover{background-color:#f2f2f2}.jpicker-content{z-index:50;text-align:left;scrollbar-width:thin;scrollbar-color:#333 transparent;background-color:#fff;border-radius:4px;max-height:250px;padding:4px;display:none;position:absolute;top:0;box-shadow:0 4px 5px #00000024,0 1px 10px #0000001f,0 2px 4px -1px #0003}.jpicker-content::-webkit-scrollbar{width:8px}.jpicker-content::-webkit-scrollbar-track{background:#eee}.jpicker-content::-webkit-scrollbar-thumb{background:#888}.jpicker-content>div{padding:6px 15px}.jpicker-focus>.jpicker-content{display:block}.jpicker-content>div:hover{background-color:#efefef}.jpicker-content>div:empty{opacity:0}.jpicker-header>i,.jpicker-header>div{display:block}.jpicker-focus>.jpicker-content.jpicker-columns{flex-wrap:wrap;justify-content:center;display:flex!important}.jpicker-focus .jpicker-content.jpicker-grid{display:inline-grid}.jprogressbar{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;cursor:pointer;background:#fff;border:1px solid #ccc;display:inline-block;position:relative}.jprogressbar:before{content:attr(data-value);margin:5px 5px 5px 10px;position:absolute}.jprogressbar-header::placeholder{color:#000}.jprogressbar:focus{outline:auto 5px -webkit-focus-ring-color}.jprogressbar>div{box-sizing:border-box;background-color:red;height:31px}.jrating{display:flex}.jrating>div{background-image:url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z%27 fill=%27gray%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");width:24px;height:24px;line-height:24px}.jrating .jrating-over{opacity:.7;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E")}.jrating .jrating-selected{background-image:url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27red%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E")}.jsearch{-webkit-user-select:none;user-select:none;display:none;position:relative}.jsearch_container{z-index:1;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #0003;border-radius:4px;outline:none;width:auto;min-width:300px;margin:0;padding:8px 0;transition:opacity .218s;position:absolute;-webkit-box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px #0003}.jsearch_container:empty:after{content:attr(data-placeholder)}.jsearch_container>div{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:5px 10px;display:flex}.jsearch_container>div:hover{background-color:#e8eaed}.jsearch_container>div>img{-webkit-user-select:none;user-select:none;border-radius:16px;width:32px;height:32px;margin-right:2px}.jsearch_container>div>div{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;max-width:300px;margin-left:2px;overflow:hidden}.jsearch_container .selected{background-color:#e8eaed}.jslider{outline:none}.jslider-focus{width:100%!important;height:100%!important}.jslider-focus img{display:none}.jslider img{width:100px}.jslider-left:before{content:"arrow_back_ios";color:#fff;text-shadow:0 0 6px #383838;text-align:center;cursor:pointer;width:30px;height:30px;font-family:Material Icons;font-size:30px;position:fixed;top:50%;left:15px}.jslider-right:after{content:"arrow_forward_ios";color:#fff;text-shadow:0 0 6px #383838;text-align:center;cursor:pointer;width:30px;height:30px;font-family:Material Icons;font-size:30px;position:fixed;top:50%;right:15px}.jslider-close{cursor:pointer;z-index:3000;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");width:24px;height:24px;position:fixed;top:15px;right:15px;display:block!important}.jslider-counter{cursor:pointer;z-index:3000;background-color:#0000;flex-direction:row;justify-content:center;align-items:center;height:24px;display:-webkit-flex;position:fixed;bottom:15px;left:50%;transform:translate(-50%)}.jslider-caption{text-overflow:ellipsis;white-space:nowrap;z-index:3000;color:#fff;max-width:90vw;font-size:1rem;position:fixed;top:15px;left:15px;overflow:hidden;display:block!important}.jslider-counter div{background:#fff;border-radius:50%;width:10px;height:10px;margin:0 5px;display:block!important}.jslider-counter .jslider-counter-focus{pointer-events:none;background-color:#6495ed}.jslider-focus{z-index:2000;box-sizing:border-box;background-color:#000c;align-items:center;width:100%;min-height:100%;max-height:100%;margin:0;transition-duration:50ms;display:flex;position:fixed;top:0;left:0}.jslider-focus img{box-sizing:border-box;vertical-align:middle;width:50vw;height:auto;margin:0 auto;display:none}.jslider-focus img.jslider-vertical{width:auto;height:80vh}@media only screen and (width<=576px){.jslider-focus img.jslider-vertical{width:99vw!important;height:auto!important}.jslider-focus img{width:100vw!important;height:auto!important}}.jslider-grid{display:-ms-grid;grid-gap:1px;display:grid;position:relative}.jslider-grid[data-number="2"]{-ms-grid-columns:1fr 50%;grid-template-columns:1fr 50%}.jslider-grid[data-number="3"]{-ms-grid-columns:1fr 33%;grid-template-columns:1fr 33%}.jslider-grid[data-number="4"]{-ms-grid-columns:1fr 25%;grid-template-columns:1fr 25%}.jslider-grid img{object-fit:cover;width:100%;height:100%;display:none}.jslider-grid[data-total]:after{content:attr(data-total) "+";color:#fff;font-size:1.5em;position:absolute;bottom:6px;right:15px}.jslider-grid img:first-child{-ms-grid-column:1;-ms-grid-row:1;grid-area:1/1;display:block}.jslider-grid[data-number="2"] img:nth-child(2){-ms-grid-column:2;-ms-grid-row:1;grid-area:1/2;display:block}.jslider-grid[data-number="3"] img:first-child{-ms-grid-column:1 / 2;-ms-grid-row:1 / 4;grid-area:1/1/4/2}.jslider-grid[data-number="3"] img:nth-child(2){-ms-grid-column:2;-ms-grid-row:1;grid-area:1/2;display:block}.jslider-grid[data-number="3"] img:nth-child(3){-ms-grid-column:2;-ms-grid-row:2;grid-area:2/2;display:block}.jslider-grid[data-number="4"] img:first-child{-ms-grid-column:1 / 2;-ms-grid-row:1 / 4;grid-area:1/1/4/2}.jslider-grid[data-number="4"] img:nth-child(2){-ms-grid-column:2;-ms-grid-row:1;grid-area:1/2;display:block}.jslider-grid[data-number="4"] img:nth-child(3){-ms-grid-column:2;-ms-grid-row:2;grid-area:2/2;display:block}.jslider-grid[data-number="4"] img:nth-child(4){-ms-grid-column:2;-ms-grid-row:3;grid-area:3/2;display:block}.jtabs{max-width:100vw;position:relative}.jtabs .jtabs-headers-container{align-items:center;display:flex}.jtabs .jtabs-headers{align-items:center;display:flex;position:relative;overflow:hidden}.jtabs .jtabs-headers>div:not(.jtabs-border){cursor:pointer;white-space:nowrap;text-align:center;background-color:#f1f1f1;margin-left:1px;margin-right:1px;padding:8px 20px}.jtabs .jtabs-headers>div.jtabs-selected{color:#000;background-color:#e8e8e8}.jtabs .jtabs-headers>div>div{color:#555;width:100%;overflow:hidden}.jtabs .jtabs-headers i{margin:auto;display:block}.jtabs .jtabs-content{box-sizing:border-box}.jtabs .jtabs-content>div{box-sizing:border-box;display:none}.jtabs .jtabs-content>div.jtabs-selected{display:block}.jtabs .jtabs-border{transform-origin:0;pointer-events:none;background-color:#888;height:2px;transition:color .2s cubic-bezier(.4,0,.2,1),left .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:none;position:absolute}.jtabs-animation .jtabs-border{display:initial}.jtabs .jtabs-controls{min-width:82px;margin:3px 3px 3px 10px;display:flex}.jtabs .jtabs-controls>div{cursor:pointer;background-position:50%;background-repeat:no-repeat;width:24px;height:24px;line-height:24px}.jtabs .jtabs-prev{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");margin-left:10px}.jtabs .jtabs-prev.disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");margin-left:10px}.jtabs .jtabs-next{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E")}.jtabs .jtabs-next.disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E")}.jtabs .jtabs-add{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27 fill=%27%23bbbbbb%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E")}.jtabs.jtabs-modern .jtabs-headers>div:not(.jtabs-border){background-color:#fff;padding:4px 10px}.jtabs.jtabs-modern .jtabs-headers>.jtabs-selected,.jtabs.jtabs-modern .jtabs-headers>.jtabs-selected .material-icons{color:#000}.jtabs.jtabs-modern .jtabs-headers{border-radius:4px;padding:2px;background:#eeeeef!important}.jtabs.jtabs-modern .jtabs-headers .jtabs-border{border-color:#eeeeef!important}.jtabs.jtabs-modern .jtabs-border{background-color:#c2c5bce1}.jtags{-ms-flex-pack:flex-start;-webkit-justify-content:space-between;border:1px solid #ccc;flex-flow:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;justify-content:flex-start;padding:1px;display:flex;position:relative}.jtags.jtags-empty:not(.jtags-focus):before{color:#ccc;content:attr(data-placeholder);margin:3px 3px 3px 6px;position:absolute;top:0}.jtags>div{border-radius:1px;outline:none;margin:2px;padding:3px 22px 3px 10px;font-size:.9em;display:block;position:relative}.jtags>div:empty:before{content:" ";white-space:pre}.jtags>div:after{content:"x";cursor:pointer;width:12px;height:12px;font-size:.9em;display:none;position:absolute;right:4px}.jtags_label{background-color:#e4e4e4!important}.jtags_label:after{display:inline-block!important}.jtags_error:after{color:#fff!important}.jtags_error{color:#fff;background-color:#d93025!important}.jtoolbar-container{border-radius:2px;box-shadow:0 4px 5px #00000024,0 1px 10px #0000001f,0 2px 4px -1px #0003;display:inline-flex!important}.jtoolbar{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:4px;font-size:13px;display:flex}.jtoolbar-disabled{pointer-events:none;opacity:.4}.jtoolbar-mobile{z-index:1;box-sizing:border-box;background:#f7f7f8;border-radius:0;width:100%;margin:0;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -1px 2px #0000001a}.jtoolbar>div{box-sizing:border-box;vertical-align:middle;justify-content:space-evenly;align-items:center;display:inline-flex}.jtoolbar-mobile>div{width:100%;display:flex}.jtoolbar .jtoolbar-item{text-align:center;margin:auto;padding:2px 4px}.jtoolbar-mobile .jtoolbar-item{flex:1;position:relative}.jtoolbar .jtoolbar-divisor{background-color:var(--jss-border-color,#ccc);width:2px;height:18px;margin-left:4px;margin-right:4px;padding:0}.jtoolbar .jtoolbar-label{padding-left:8px;padding-right:8px}.jtoolbar-mobile a{text-decoration:none;display:inline-block}.jtoolbar-mobile i{color:#929292;display:inline-flex!important}.jtoolbar-mobile span{color:#929292;font-size:.7em;display:block}.jtoolbar-mobile .jtoolbar-selected a,.jtoolbar-mobile .jtoolbar-selected i,.jtoolbar-mobile .jtoolbar-selected span{background-color:#0000;color:var(--jactive-color)!important}.jtoolbar-item{-webkit-user-select:none;user-select:none}.jtoolbar-item i{color:#333;display:block}.jtoolbar-item:hover{background-color:var(--jss-background-color-highlight,#e8e8e8)}.jtoolbar .jpicker{padding-left:0;padding-right:0}.jtoolbar .jpicker-header{background-position:right 0 top 50%;align-items:center;padding:0 20px 0 8px;display:flex}.jtoolbar .jpicker-content>div{padding:6px}.jtoolbar-active{background-color:#eee}.jtoolbar .fa{width:18px;height:18px;font-size:14px;line-height:18px;display:block}.jtoolbar .material-icons{text-align:center;width:24px;height:24px;font-size:18px;line-height:24px;display:block;transform:rotate(.03deg)}.jtoolbar .jtoolbar-arrow{border-left:1px solid var(--jss-border-color,#ccc);background-position:50%;background-repeat:no-repeat;width:24px;margin-left:4px}.jtoolbar-floating{background-color:var(--jss-background-color-header,#fff);z-index:50;text-align:left;border-radius:4px;margin-right:20px;padding:4px;display:none;position:absolute;box-shadow:0 4px 5px #00000024,0 1px 10px #0000001f,0 2px 4px -1px #0003}.jtoolbar-floating .jtoolbar-divisor{display:none}.jtoolbar-arrow-selected .jtoolbar-floating{flex-wrap:wrap;display:flex}:root{--lm-font-color:inherit;--lm-main-color:#2196f3;--lm-main-color-alpha:#2196f388;--lm-main-color-highlight:#1f64e1;--lm-secondary-color:#737373;--lm-border-color:#ccc;--lm-border-color-light:#e9e9e9;--lm-border-color-highlight:#aaa;--lm-border-outline:#000;--lm-background-color:#fff;--lm-background-color-header:#f8f8f8;--lm-background-color-highlight:#ececec;--lm-background-color-active:#dcdcdc;--lm-background-color-input:initial;--lm-icon-color:#777;--lm-font-grayout:#777;--lm-input-padding:6px;--lm-border-radius:2px;--lm-safe-area-top:0;--lm-safe-area-bottom:0;--lm-text-color:#000}.lm-dark-mode{--lm-font-color:#ddd;--lm-font-grayout:#777;--lm-border-color:#444;--lm-border-color-light:#222;--lm-border-color-highlight:#777;--lm-border-outline:#fff;--lm-background-color:#000;--lm-background-color-header:#181818;--lm-background-color-highlight:#282828;--lm-background-color-active:#858585;--lm-background-color-input:#181818;--lm-icon-color:#ccc}.lm-green{--lm-main-color:#39a33b;--lm-main-color-alpha:#39a33b88;--lm-main-color-highlight:#2f8431}body.lm-application{background:var(--lm-background-color);color:var(--lm-font-color);margin:0;padding:0;font-family:Montserrat,sans-serif}.lm-application input[type=text],.lm-application input[type=number],.lm-application input[type=password],.lm-application select,.lm-application textarea,.lm-application button,.lm-input{padding:var(--lm-input-padding) var(--lm-input-padding) var(--lm-input-padding) 8px;box-sizing:border-box;border:1px solid var(--lm-border-color,#ccc);background-color:var(--lm-background-color-input);line-height:initial;color:var(--lm-font-color);font-family:inherit;font-size:inherit;border-radius:2px}.lm-application :disabled{color:#888}[visible=false]{display:none}[visible=true]{display:block}.lm-container{box-sizing:border-box;width:100%;margin:0 auto}.lm-row{box-sizing:border-box;flex-flow:row;justify-content:space-between;display:flex}.lm-row.lm-container{flex-wrap:nowrap}.lm-row.lm-middle{align-items:center}.lm-row.lm-start{justify-content:start}.lm-column{box-sizing:border-box}.lm-column.lm-top{align-self:flex-start}.lm-column.lm-bottom{align-self:flex-end}.lm-form-group{box-sizing:border-box;width:100%;padding-bottom:8px;padding-right:8px}.lm-form-group input[type=text],.lm-form-group input[type=time],.lm-form-group input[type=date],.lm-form-group input[type=password],.lm-form-group input[type=number],.lm-form-group select,.lm-form-group textarea,.lm-form-group{width:100%}.lm-form-group label{margin-bottom:4px;display:block}.lm-form-group label.lm-switch{display:inline-flex}.lm-f1{flex:1}.lm-f2{flex:2}.lm-f3{flex:3}.lm-f4{flex:4}.lm-f5{flex:5}.lm-f6{flex:6}.lm-f7{flex:7}.lm-f8{flex:8}.lm-p0{padding:0}.lm-p2{padding:2px}.lm-p4{padding:4px}.lm-p6{padding:6px}.lm-p8{padding:8px}.lm-p10{padding:10px}.lm-p15{padding:15px}.lm-p20{padding:20px}.lm-p25{padding:25px}.lm-p30{padding:30px}.lm-application .lm-button,.lm-button{padding:var(--lm-input-padding) 20px;cursor:pointer;background-color:var(--lm-secondary-color,#737373);color:#fff;border:1px solid #0000;border-radius:2px;outline:none}.lm-application .lm-button.red,.lm-button.red{color:#fff;background-color:#a23131;border:1px solid #0000}.lm-application .lm-button.blue,.lm-button.blue{color:#fff;background-color:#1a73e8;border:1px solid #0000}.lm-cursor{cursor:pointer}.lm-center{text-align:center}.lm-loading:before{content:"";z-index:9999;background:#e0e0e0 repeating-linear-gradient(to right, var(--lm-main-color-highlight,#66b244), var(--lm-main-color-highlight,#66b244) 50%, #e0e0e0 50%, #e0e0e0);background-size:200% 100%;height:3px;animation:2s linear infinite lm-loading;position:fixed;top:0;left:0;right:0}.lm-icon{width:24px;height:24px;font-family:Material Symbols Outlined,Material Icons,FontAwesome;font-size:24px;font-style:normal;line-height:24px}@keyframes lm-loading{0%{background-position:100% 0}to{background-position:0 0}}body.lm-dark-mode{background-color:var(--lm-background-color)}.lm-dark-mode a{color:#fff}.lm-dark-mode .lm-button{color:#fff;background-color:#555;border:1px solid #0000}@media (width>=320px){.lm-container{padding:0 2%}}@media (width>=1200px){.lm-container{padding:0 5%}}@media (width<=720px){.lm-row{flex-wrap:wrap}.lm-column{min-width:100%}.lm-column .lm-form-group{padding:0}::placeholder{text-transform:uppercase}::placeholder{text-transform:uppercase}:-moz-placeholder-shown{text-transform:uppercase}:placeholder-shown{text-transform:uppercase}}.lm-calendar{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;position:relative}.lm-calendar[data-disabled] .lm-calendar-container[data-view=days] .lm-calendar-content,.lm-calendar[data-disabled] .lm-calendar-footer{opacity:.5;pointer-events:none}.lm-calendar button{cursor:pointer}.lm-calendar .lm-modal{min-width:initial;min-height:initial}.lm-calendar-options{display:none}.lm-modal>div>.lm-calendar-options{border-bottom:1px solid var(--lm-border-color,#ccc);justify-content:space-between;display:flex}.lm-modal>div>.lm-calendar-options button{text-transform:uppercase;cursor:pointer;background-color:#0000;border:0;padding:15px;font-weight:700}.lm-calendar-header{flex-direction:column;display:flex}.lm-calendar-header>div:first-child{-webkit-user-select:none;user-select:none;flex:1;align-items:center;padding:10px;display:flex}.lm-calendar-header .lm-calendar-labels{cursor:pointer;flex:1;margin:10px 0;padding:5px;display:flex}.lm-calendar-header .lm-calendar-labels>button{color:var(--lm-font-color);background-color:#0000;border:0;padding:4px;font-size:1.2em;font-weight:700}.lm-calendar-navigation{grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.lm-calendar-weekdays{grid-template-columns:repeat(7,1fr);justify-content:center;align-items:center;padding:0 8px;font-size:.8em;display:none}.lm-calendar-container[data-view=days] .lm-calendar-weekdays{flex:1;display:grid}.lm-calendar-weekdays>div{box-sizing:border-box;text-align:center;justify-content:center;padding:6px;font-weight:700;line-height:2em;display:inline-block}.lm-calendar-content{outline:none;grid-template-columns:repeat(7,1fr);padding:8px;font-size:.8em;display:grid}.lm-calendar-content>div{box-sizing:border-box;text-align:center;aspect-ratio:1;cursor:pointer;background-origin:padding-box;border-radius:100px;flex-direction:column;justify-content:center;align-items:center;min-width:38px;padding:6px;display:flex}.lm-calendar-content>div[data-disabled=true]{pointer-events:none;opacity:.3}.lm-calendar-container[data-view=months] .lm-calendar-content,.lm-calendar-container[data-view=years] .lm-calendar-content{grid-template-columns:repeat(4,1fr)}.lm-calendar-content>div[data-grey=true]{color:#ccc}.lm-calendar-content>div[data-bold=true]{font-weight:700}.lm-calendar-content>div[data-event=true]:before{content:"";background-color:red;border-radius:3px;width:3px;height:3px;margin-top:22px;position:absolute}.lm-calendar-content>div[data-selected=true]{color:#000;background-color:#eee;font-weight:700}.lm-calendar-content:focus>div[data-selected=true]{outline-offset:-2px;outline:2px solid #000}.lm-calendar-content>div:hover{color:#000;background-color:#eee}.lm-calendar-content>div[data-range=true]{position:relative}.lm-calendar-content>div[data-start=true],.lm-calendar-content>div[data-end=true]{background-color:var(--lm-main-color,#2196f3);color:initial}.lm-calendar-content>div[data-range=true]:before{content:"";background-color:var(--lm-main-color-alpha,#2196f388);height:50%;position:absolute;top:25%;left:0;right:0}.lm-calendar-content>div[data-start=true]:before{border-top-left-radius:20%;border-bottom-left-radius:20%;left:5px}.lm-calendar-content>div[data-end=true]:before,.lm-calendar-content>div[data-last=true]:before{border-top-right-radius:20%;border-bottom-right-radius:20%;right:5px}.lm-calendar-footer>div{flex:1}.lm-calendar-footer{border-top:1px solid var(--lm-border-color-light,#e9e9e9);margin:0 10px;padding:8px 0;line-height:34px;display:flex}.lm-calendar-footer[data-visible=false]{display:none}.lm-calendar-footer .lm-calendar-control{-webkit-appearance:none;-moz-appearance:none;width:initial;background-color:#0000;border:0;border-radius:32px;margin:2px;padding:6px;font-size:1.1em}.lm-calendar-footer select:focus{background-color:#eee}.lm-calendar-footer input{cursor:pointer;background-color:var(--lm-border-color-light,#e9e9e9);width:100%}.lm-calendar-input{box-sizing:border-box;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\"><path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\" fill=\"gray\" /></svg>") right 5px top 50% no-repeat;padding-right:24px!important}.lm-calendar-time[data-visible=false]{display:none}.lm-calendar .lm-calendar-icon{box-sizing:border-box;border:0;border-radius:20px;width:40px;height:40px;margin:0;padding:0;font-family:Material Symbols Outlined,Material Icons,FontAwesome;font-size:24px;line-height:24px}.lm-calendar[data-type=picker] .lm-modal{min-width:100%;min-height:40px;position:fixed;bottom:0;left:0}.lm-calendar[data-type=picker] .lm-calendar-content>div{aspect-ratio:initial;border-radius:4px;min-height:60px}.lm-calendar[data-type=picker] .lm-calendar-weekdays>div{min-height:60px;line-height:60px}.lm-calendar[data-grid=true] .lm-calendar-weekdays{padding:0}.lm-calendar[data-grid=true] .lm-calendar-content{border:1px solid #ccc;border-color:#0000 #ccc #ccc #0000;padding:0}.lm-calendar[data-grid=true] .lm-calendar-content>div{border:1px solid #0000;border-color:#ccc #0000 #0000 #ccc;border-radius:0;justify-content:start;align-items:end}.lm-ripple{background-position:50%;transition:background .8s}.lm-ripple:hover{background:var(--lm-background-color-highlight,#ebebeb) radial-gradient(circle, transparent 1%, var(--lm-background-color-highlight,#ebebeb) 1%) center/15000%}.lm-ripple:active{background-color:var(--lm-background-color-active,#e8e8e8);background-size:100%;transition:background}.lm-dark-mode .lm-calendar-weekdays{color:#aaa}.lm-dark-mode .lm-calendar-labels>button{background-color:initial}.lm-dark-mode .lm-calendar-content:focus>div[data-selected=true]{outline-color:#fff}.lm-dark-mode .lm-calendar-content>div[data-grey=true]{color:var(--lm-font-grayout,#777)}.lm-dark-mode .lm-calendar-footer select:focus{background-color:#3a3a45}.lm-color{line-height:initial;box-sizing:border-box;background-color:#fff;position:relative}.lm-color-options{display:none}.lm-modal>div>.lm-color-options{border-bottom:1px solid var(--lm-border-color,#ccc);justify-content:space-between;display:flex}.lm-modal>div>.lm-color-options button{text-transform:uppercase;cursor:pointer;background-color:#0000;border:0;padding:15px;font-weight:700}.lm-color-grid,.lm-color-grid table{width:100%;height:100%}.lm-color-grid tr:first-child>td:first-child{border-top-left-radius:3px}.lm-color-grid tr:first-child>td:last-child{border-top-right-radius:3px}.lm-color-grid tr:last-child>td:first-child{border-bottom-left-radius:3px}.lm-color-grid tr:last-child>td:last-child{border-bottom-right-radius:3px}.lm-color-selected{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27 fill=%27black%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px}.lm-color-hsl{box-sizing:border-box;width:100%;height:100%;display:inline-block;position:relative}.lm-color-hsl canvas{-webkit-user-drag:none;border-radius:3px;display:block;position:absolute;top:0;left:0}.lm-color-point{background-color:#000;border-radius:50%;outline:1px solid #fff;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lm-color-input{box-sizing:border-box;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"gray\"><g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><g><g><g><path d=\"M12,22C6.49,22,2,17.51,2,12S6.49,2,12,2s10,4.04,10,9c0,3.31-2.69,6-6,6h-1.77c-0.28,0-0.5,0.22-0.5,0.5 c0,0.12,0.05,0.23,0.13,0.33c0.41,0.47,0.64,1.06,0.64,1.67C14.5,20.88,13.38,22,12,22z M12,4c-4.41,0-8,3.59-8,8s3.59,8,8,8 c0.28,0,0.5-0.22,0.5-0.5c0-0.16-0.08-0.28-0.14-0.35c-0.41-0.46-0.63-1.05-0.63-1.65c0-1.38,1.12-2.5,2.5-2.5H16 c2.21,0,4-1.79,4-4C20,7.14,16.41,4,12,4z\"/><circle cx=\"6.5\" cy=\"11.5\" r=\"1.5\"/><circle cx=\"9.5\" cy=\"7.5\" r=\"1.5\"/><circle cx=\"14.5\" cy=\"7.5\" r=\"1.5\"/><circle cx=\"17.5\" cy=\"11.5\" r=\"1.5\"/></g></g></g></g></svg>") right 1px top 50% no-repeat;padding-right:24px!important}.lm-color .lm-modal{min-width:initial;min-height:initial}.lm-color .lm-tabs{flex-direction:column;flex-grow:1;min-width:260px;min-height:190px;margin-top:10px;display:inline-flex}.lm-color .lm-tabs-content{flex-grow:1;margin-top:4px;display:flex}.lm-color .lm-tabs .lm-tabs-content>div{flex-grow:1;padding:10px}.lm-menu{display:none}.lm-menu-focus{display:unset}.lm-menu .lm-modal{color:#555;-webkit-user-select:none;user-select:none;border:1px solid var(--lm-border-color-light,#e9e9e9);max-height:600px;width:initial;height:initial;min-width:250px;min-height:initial;z-index:16;border-radius:4px;padding-top:4px;padding-bottom:4px;transition:initial;box-shadow:0 2px 4px 2px #3c404333}.lm-menu-submenu{padding-top:1px;padding-bottom:1px}.lm-menu-submenu>div.lm-menu-item{box-sizing:border-box;text-align:left;align-items:center;width:250px;padding:1px 8px 1px 40px;font-family:sans-serif;font-size:.9em;display:flex;position:relative}.lm-menu-submenu>div.lm-menu-item span{cursor:pointer;flex:1;line-height:30px;text-decoration:none}.lm-menu-submenu>div.lm-menu-item div{color:#888;margin-right:5px}.lm-menu-submenu>div.lm-menu-item[data-submenu=true]:after{content:"arrow_right";color:var(--lm-icon-color,#777);font-family:Material Symbols Outlined,Material Icons,FontAwesome;font-size:18px}.lm-menu-submenu>div.lm-menu-item[data-disabled=true]{opacity:.5;pointer-events:none}.lm-menu-submenu>div.lm-menu-item:hover,.lm-menu-submenu>div.lm-menu-item[data-cursor=true],.lm-menu-submenu>div.lm-menu-item[aria-expanded=true]{background-color:var(--lm-background-color-highlight,#ebebeb)}.lm-menu-submenu hr{border:1px solid var(--lm-border-color-light,#e9e9e9);border-bottom:0;margin-top:5px;margin-bottom:5px}.lm-menu-submenu>div.lm-menu-item:before{content:attr(data-icon);width:24px;height:24px;font-family:Material Symbols Outlined,Material Icons,FontAwesome;font-size:18px;line-height:24px;position:absolute;left:11px;transform:rotate(.03deg)}.lm-dark-mode .lm-menu .lm-modal{color:#e8e7e9;background-color:#111;border:1px solid #3c3c3c}.lm-dark-mode .lm-menu-submenu>div.lm-menu-item:hover,.lm-dark-mode .lm-menu-submenu>div.lm-menu-item[data-cursor=true],.lm-dark-mode .lm-menu-submenu>div.lm-menu-item[aria-expanded=true]{background-color:var(--lm-background-color-highlight,#2d2d2d)}.lm-dropdown{-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;outline-offset:1px;vertical-align:top}.lm-dropdown[data-disabled=true]{opacity:.5;pointer-events:none}.lm-dropdown-header{align-items:center;display:flex}.lm-dropdown-header-controls{display:none}.lm-application .lm-dropdown-header-controls button,.lm-dropdown-header-controls button{text-transform:uppercase;cursor:pointer;color:var(--lm-font-color);background-color:#0000;border:0;margin:1px;padding:15px;font-weight:700}.lm-dropdown-content{margin-top:1px;position:relative}.lm-dropdown .lm-modal{border:1px solid var(--lm-border-color,#ccc);border-radius:0;min-width:100%;min-height:5px;padding:0}.lm-dropdown-input{padding:var(--lm-input-padding,6px) 24px var(--lm-input-padding,6px) 10px;white-space:nowrap;text-overflow:ellipsis;appearance:none;cursor:pointer;box-sizing:border-box;background:var(--lm-background-color-input,#fff);border:1px solid var(--lm-border-color,#767676);border-radius:var(--lm-border-radius,2px);width:100%;line-height:normal;font:inherit;align-items:center;display:flex;position:relative;overflow:hidden}.lm-dropdown-input>br{display:none}.lm-dropdown-input:after{content:"";background-image:url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:24px;height:24px;transition:transform .1s ease-in-out;position:absolute;top:calc(50% - 12px);right:0}.lm-application .lm-dropdown-add,.lm-dropdown-add{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:none;position:absolute;top:calc(50% - 8px);right:30px}.lm-dropdown-add:after{content:"+";width:16px;height:auto;color:var(--lm-font-color);display:block}.lm-dropdown[data-insert=true] .lm-dropdown-input{padding-right:35px}.lm-dropdown[data-state=true][data-insert=true] .lm-dropdown-add{display:initial}.lm-dropdown[data-state=true] .lm-dropdown-input:after{transform:rotate(-180deg)}.lm-dropdown-input:empty:before{content:" "}.lm-dropdown[data-state=true] .lm-dropdown-input[placeholder]:empty:before{content:" " attr(placeholder);color:#aaa}.lm-dropdown-options{width:100%}.lm-dropdown-item{box-sizing:border-box}.lm-dropdown-item[data-disabled=true]{opacity:.5;pointer-events:none}.lm-dropdown-item[data-group]:before{content:attr(data-group);background-color:var(--lm-background-color-input,#fff);width:100%;color:var(--lm-font-color,#000);box-sizing:border-box;padding:8px;font-weight:700;display:block}.lm-dropdown-item>div{white-space:nowrap;text-align:left;text-overflow:ellipsis;color:var(--lm-font-color,#000);box-sizing:border-box;align-items:center;padding:4px 40px 4px 10px;display:flex;position:relative;overflow:hidden}.lm-dropdown-item>div>span:empty:before{content:" "}.lm-dropdown-item>div>img{width:24px;height:24px;margin-left:-6px;margin-right:6px}.lm-dropdown-item>div>img:not([src]),.lm-dropdown-item>div>img[src=""]{display:none}.lm-dropdown-item>div:hover,.lm-dropdown-item[data-selected=true]>div{color:#fff;background-color:#1e90ff}.lm-dropdown-item[data-selected=true]>div:after{content:"✓";line-height:24px;position:absolute;right:10px}.lm-dropdown-item[data-cursor=true]>div{background-color:var(--lm-background-color-highlight)}.lm-dropdown-item[data-cursor=true]:hover>div{background-color:var(--lm-background-color-active)}.lm-dropdown-item[data-cursor=true].lm-dropdown-item[data-selected=true]>div{background-color:#1d86ed}.lm-dropdown[data-type=picker][data-state=true] .lm-dropdown-content .lm-modal{box-shadow:initial;border:initial}.lm-dropdown[data-type=picker][data-state=true] .lm-dropdown-content{position:initial}.lm-dropdown[data-type=picker][data-state=true] .lm-dropdown-header-controls{z-index:1;box-sizing:border-box;border-top:1px solid var(--lm-border-color);border-bottom:1px solid var(--lm-border-color);background-color:#fff;justify-content:space-between;display:flex;position:fixed;bottom:300px;left:0;box-shadow:0 0 12px #00000038;width:100%!important}.lm-dropdown[data-type=picker] .lm-modal{position:fixed;bottom:0;left:0;width:100%!important;height:300px!important}.lm-dropdown[data-type=picker] .lm-lazy{width:100%!important}.lm-dropdown[data-type=picker] .lm-dropdown-item>div{text-transform:uppercase;border-bottom:1px solid #0003;padding:16px;font-size:1.1em}.lm-dropdown[data-type=picker] .lm-dropdown-item[data-group]:before{text-align:center;border-bottom:1px solid #0003;padding:16px}.lm-dropdown[data-type=searchbar][data-state=true]{z-index:1;box-sizing:border-box;background-color:#fff;flex-direction:column;display:flex;position:fixed;top:0;left:0;width:100%!important;height:100%!important}.lm-dropdown[data-type=searchbar][data-state=true] .lm-dropdown-content .lm-modal{box-shadow:initial;border:initial;border-top:1px solid var(--lm-border-color)}.lm-dropdown[data-type=searchbar][data-state=true] .lm-dropdown-content{position:initial}.lm-dropdown[data-type=searchbar][data-state=true] .lm-dropdown-header{box-sizing:border-box;background-color:#fff;display:flex}.lm-dropdown[data-type=searchbar][data-state=true] .lm-dropdown-header-controls{display:flex}.lm-dropdown[data-type=searchbar][data-state=true] .lm-dropdown-input{background-color:#fff;border:0;border-bottom:1px solid #eee;border-radius:0;outline:none;flex:1;height:60px;padding-top:0;padding-bottom:0;font-size:1.5em;line-height:60px}.lm-dropdown[data-type=searchbar][data-state=true] .lm-dropdown-input:after{background:initial}.lm-dropdown[data-type=searchbar][data-state=true] .lm-dropdown-add{right:150px}.lm-dropdown[data-type=searchbar][data-state=true]:not(.lm-dropdown-loading) .lm-dropdown-add:after{content:"add";width:24px;height:24px;font-family:Material Symbols Outlined,Material Icons;font-size:24px}.lm-dropdown[data-type=searchbar] .lm-modal{max-height:initial;border:0;bottom:0;width:100%!important;height:calc(100% - 60px)!important}.lm-dropdown[data-type=searchbar] .lm-dropdown-item>div{text-transform:uppercase;border-bottom:1px solid #0003;padding:16px;font-size:1.1em}.lm-dropdown[data-type=searchbar] .lm-dropdown-item[data-group]:before{text-align:center;border-bottom:1px solid #0003;padding:16px}.lm-dropdown[data-type=searchbar] .lm-lazy{max-height:initial;width:100%!important}.lm-dropdown .lm-lazy{scrollbar-width:thin;max-height:300px}.lm-dropdown .lm-lazy::-webkit-scrollbar{height:12px}.lm-dropdown .lm-lazy::-webkit-scrollbar{width:12px}.lm-dropdown .lm-dropdown-loading:after{content:"";background-image:none;border:1px solid #888;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin:5px;animation:.8s linear infinite lm-dropdown-spin;position:absolute}@keyframes lm-dropdown-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lm-lazy{box-sizing:border-box;height:100%;display:flex;position:relative;overflow:hidden auto}.lm-lazy-scroll{width:1px;position:absolute}.lm-lazy-items{box-sizing:border-box;width:100%;position:sticky;top:0}.lm-modal{z-index:15;background-color:var(--lm-background-color-input,#fff);box-sizing:border-box;opacity:1;border:1px solid var(--lm-border-color,#ccc);min-width:200px;min-height:200px;color:var(--lm-font-color,#000);border-radius:5px;outline:none;flex-direction:column;margin:0;transition:opacity .4s,top .4s,left .4s,width .4s,height .4s;display:flex;position:fixed;box-shadow:0 0 12px #00000038}.lm-modal[closed=true]{display:none}.lm-modal.action{-webkit-user-select:none;user-select:none}.lm-modal-title{border-bottom:1px solid var(--lm-border-color,#ccc);box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:5px 5px 0 0;width:100%;padding:12px;font-size:1.3em;line-height:24px;display:flex}.lm-modal-focus{z-index:999}.lm-modal>.lm-modal-title{display:none}.lm-modal>.lm-modal-title[data-icon],.lm-modal>.lm-modal-title[data-title],.lm-modal[closable=true]>.lm-modal-title,.lm-modal[minimizable=true]>.lm-modal-title{display:inherit}.lm-modal>.lm-modal-title>div:nth-child(2){flex:1}.lm-modal>.lm-modal-title>.lm-modal-icon{cursor:pointer;text-align:center;width:24px;height:24px;margin-right:8px;font-family:Material Symbols Outlined,Material Icons;font-size:24px;display:none}.lm-modal>.lm-modal-title>.lm-modal-icon:not(:empty){display:inherit}.lm-modal>.lm-modal-title>.lm-modal-close:before{content:"close"}.lm-modal>.lm-modal-title>.lm-modal-minimize:before{content:"─"}.lm-modal[minimized=true]>.lm-modal-title>.lm-modal-minimize:before{content:""}.lm-modal[minimizable=true]>.lm-modal-title>.lm-modal-minimize{display:block}.lm-modal[closable=true]>.lm-modal-title>.lm-modal-close{margin-right:0;display:block}.lm-modal.hide{opacity:0}.lm-modal[animation=false],.lm-modal.action{transition:initial}.lm-modal-backdrop{z-index:15;background-color:#00000020;width:100vw;height:100vh;position:fixed;top:0;left:0}.lm-modal>div:last-child{width:100%;height:100%}.lm-modal[overflow=true]>div:last-child{scrollbar-width:thin;scrollbar-color:#333 transparent;overflow:auto}.lm-modal>div:last-child::-webkit-scrollbar{width:12px;height:12px}.lm-modal>div:last-child::-webkit-scrollbar-track{background:#eee}.lm-modal>div:last-child::-webkit-scrollbar-thumb{background:#888}.lm-modal[position=absolute]{transition:initial;position:absolute}.lm-modal[position=left]{border-radius:initial;border-width:0;width:280px;top:0;left:0;height:100vh!important}.lm-modal[position=right]{border-radius:initial;border-width:0;width:280px;top:0;left:auto;right:0;height:100vh!important}.lm-modal[position=bottom]{top:initial;border-radius:initial;border-width:0;height:280px;bottom:0;left:0;width:100vw!important}.lm-modal[minimized=true]{min-width:initial;min-height:initial;position:fixed;overflow:hidden;width:200px!important;height:45px!important}.lm-rating i{color:#d3d3d3;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lm-rating[data-size=small]{height:16px;font-size:16px;line-height:16px}.lm-rating[data-size=small] i{font-size:16px}.lm-rating i[data-hover="1"]{color:gray}.lm-rating i[data-selected="1"]{color:red}:root{--lm-switch-front-color:127,127,127;--lm-switch-primary-color:255,255,255;--lm-switch-main-color:var(--lm-main-color,#1565c0);--lm-switch-main-color-alpha:var(--lm-main-color-alpha,#1565c088)}.lm-switch[data-color=green]{--lm-switch-main-color:#2e7d32;--lm-switch-main-color-alpha:#2e7d3288}.lm-switch[data-color=orange]{--lm-switch-main-color:#ef6c00;--lm-switch-main-color-alpha:#ef6c0088}.lm-switch[data-color=red]{--lm-switch-main-color:#c62828;--lm-switch-main-color-alpha:#c6282888}.lm-switch[data-color=purple]{--lm-switch-main-color:#6a1b9a;--lm-switch-main-color-alpha:#6a1b9a88}.lm-switch{z-index:0;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;min-width:36px;min-height:20px;display:inline-flex;position:relative}.lm-switch:before{content:"";min-height:1em}.lm-switch>input{appearance:none;opacity:0;pointer-events:none;border-radius:50%;outline:none;width:30px;max-width:30px;height:30px;max-height:30px;margin:0;transition:opacity .3s .1s,transform .2s .1s;display:block;position:absolute;left:0;transform:scale(1)}.lm-switch>span{cursor:pointer;box-sizing:border-box;align-items:center;width:100%;max-width:-webkit-fill-available;margin:0 0 0 45px;line-height:24px;display:inline-flex}.lm-switch>span:empty{margin:0}.lm-switch>span:before{content:"";background-color:rgba(var(--lm-switch-front-color), .38);border-radius:7px;width:36px;height:14px;transition:background-color .2s,opacity .2s;position:absolute;left:0}.lm-switch>span:after{content:"";background-color:rgb(var(--lm-switch-primary-color));border-radius:50%;width:20px;height:20px;transition:background-color .2s,transform .2s;position:absolute;left:0;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.lm-switch>input:checked{background-color:var(--lm-switch-main-color);left:11px}.lm-switch>input:not(:checked){background-color:var(--lm-secondary-color,#6a6a6a);left:-5px}.lm-switch>input:checked+span:before{background-color:var(--lm-switch-main-color-alpha)}.lm-switch>input:checked+span:after{background-color:var(--lm-switch-main-color);transform:translate(16px)}.lm-switch:hover>input{opacity:.04}.lm-switch>input:focus{opacity:.12}.lm-switch:hover>input:focus{opacity:.16}.lm-switch>input:active{opacity:1;transition:transform,opacity;transform:scale(0)}.lm-switch>input:active+span:before{background-color:var(--lm-switch-main-color-alpha)}.lm-switch>input:checked:active+span:before{background-color:rgba(var(--lm-switch-front-color), .38)}.lm-switch>input:disabled{opacity:0}.lm-switch>input:disabled+span{color:rgb(var(--lm-switch-front-color));opacity:.5;cursor:default}.lm-switch>input:disabled+span:before{background-color:rgba(var(--lm-switch-front-color), .38)}.lm-switch>input:checked:disabled+span:before{background-color:var(--lm-switch-main-color-alpha)}.lm-switch[position=right]>span{margin:0 45px 0 0}.lm-switch[position=right]>input{left:initial;right:11px}.lm-switch[position=right]>input:checked{left:initial;right:-5px}.lm-switch[position=right]>span:before{left:initial;right:0}.lm-switch[position=right]>span:after{left:initial;right:16px}.lm-tabs[data-position=bottom]{flex-direction:column-reverse;justify-content:center;display:flex}.lm-tabs .lm-tabs-content>div{padding:15px 5px}.lm-tabs .lm-tabs-headers{align-items:center;width:100%;display:flex}.lm-tabs[data-position=center] .lm-tabs-headers{justify-content:center;margin:0 auto}.lm-tabs .lm-tabs-headers>ul{align-items:center;margin:0;padding:0;list-style-type:none;display:flex}.lm-tabs .lm-tabs-headers>ul>li{cursor:pointer;-webkit-user-select:none;user-select:none;background-position:50%;border:1px solid #ccc;flex-direction:column;align-items:center;padding:4px 24px;transition:background .8s;display:flex}.lm-tabs .lm-tabs-headers>ul>li.selected{color:#000;background-color:#eee}.lm-tabs .lm-tabs-headers>ul>li[data-icon]:before{content:attr(data-icon);text-align:center;width:24px;height:24px;color:var(--lm-icon-color,#777);margin-bottom:5px;font-family:Material Symbols Outlined,Material Icons,FontAwesome;font-size:24px}.lm-tabs[data-round=true] .lm-tabs-headers>ul>li:first-of-type{border-top-left-radius:3px;border-bottom-left-radius:3px}.lm-tabs[data-round=true] .lm-tabs-headers>ul>li:last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px}.lm-tabs .lm-tabs-headers>ul>li:not(:first-child){border-left:1px solid #0000}.lm-tabs .lm-tabs-headers>ul>li:hover{background:#eee radial-gradient(circle,#0000 1%,#eee 1%) 50%/15000%}.lm-tabs .lm-tabs-headers>ul>li:active{background-color:#ddd;background-size:100%;transition:background}.lm-tabs .lm-tabs-content>div{display:none}.lm-tabs .lm-tabs-content>div.selected{display:block}.lm-tabs-insert-button{color:#555;cursor:pointer;text-align:center;width:24px;height:24px;margin-left:5px;font-family:Material Symbols Outlined,Material Icons,FontAwesome;font-size:24px;line-height:24px}.lm-tabs div[data-visible=false]{display:none}.lm-topmenu{outline:none}.lm-topmenu-options{font-size:.9em;display:flex}.lm-topmenu-title{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;margin:8px 2px;padding:4px 12px}.lm-topmenu-title:hover,.lm-topmenu-title:focus{background-color:var(--lm-background-color-highlight,#ebebeb)}.lm-topmenu-title[data-disabled=true]{opacity:.5;pointer-events:none}.lm-topmenu-title[data-selected=true]{background-color:var(--lm-background-color-highlight,#ebebeb);outline:2px solid var(--lm-border-outline,#000)}.lm-topmenu lm-modal:first-of-type>.lm-modal{transition:initial;position:absolute}:root{--jss-border-color:#000}.jss_spreadsheet{outline:none}.jss_container{box-sizing:border-box;overscroll-behavior:contain;outline:none;padding-right:2px;display:inline-block}.fullscreen{z-index:21;background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;top:0;left:0;position:fixed!important}.fullscreen .jtabs-content{flex:1;overflow:hidden}.fullscreen .jss_content{height:100%;overflow:auto;width:100%!important;max-height:100%!important}.fullscreen .jss_container{height:100%}.jss_content{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#666 transparent;padding-bottom:3px;padding-right:3px;display:inline-block;position:relative}@supports ((-moz-appearance:none)){.jss_content{padding-right:10px}}.jss_content::-webkit-scrollbar{width:8px;height:8px}.jss_content::-webkit-scrollbar-track{background:#eee}.jss_content::-webkit-scrollbar-thumb{background:#666}.jss_worksheet{border-collapse:separate;table-layout:fixed;white-space:nowrap;empty-cells:show;background-color:#fff;border:1px solid #ccc;border-color:#0000 #ccc #ccc #0000;width:0}.jss_worksheet>thead>tr>td{cursor:pointer;box-sizing:border-box;z-index:2;background-color:#f3f3f3;border:1px solid #0000;border-color:#ccc #0000 #0000 #ccc;padding:2px;position:sticky;top:0;overflow:hidden}.jss_worksheet>thead>tr>td.dragging{opacity:.5}.jss_worksheet>thead>tr>td.selected{background-color:#dcdcdc}.jss_worksheet>thead>tr>td.arrow-up{background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E");background-position:right 5px center;background-repeat:no-repeat;text-decoration:underline}.jss_worksheet>thead>tr>td.arrow-down{background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");background-position:right 5px center;background-repeat:no-repeat;text-decoration:underline}.jss_worksheet>tbody>tr>td:first-child{text-align:center;background-color:#f3f3f3;position:relative}.jss_worksheet>tbody.resizable>tr>td:first-child:before{content:" ";cursor:row-resize;width:100%;height:3px;position:absolute;bottom:0;left:0}.jss_worksheet>tbody.draggable>tr>td:first-child:after{content:" ";cursor:move;width:3px;height:100%;position:absolute;top:0;right:0}.jss_worksheet>tbody>tr.dragging>td{opacity:.5;background-color:#eee}.jss_worksheet>tbody>tr>td{white-space:nowrap;box-sizing:border-box;border:1px solid #0000;border-color:#ccc #0000 #0000 #ccc;padding:4px;line-height:1em}.jss_overflow>tbody>tr>td,.jss_worksheet>tbody>tr>td:last-child{overflow:hidden}.jss_worksheet>tbody>tr>td>img{max-width:100px;display:inline-block}.jss_worksheet>tbody>tr>td.readonly{color:#0000004d}.jss_worksheet>tbody>tr.selected>td:first-child{background-color:#dcdcdc}.jss_worksheet>tbody>tr>td>select,.jss_worksheet>tbody>tr>td>input,.jss_worksheet>tbody>tr>td>textarea{box-sizing:border-box;background-color:#0000;border:0;border-radius:0;outline:0;width:100%;margin:0;padding:0 2px 0 0}.jss_worksheet>tbody>tr>td>textarea{resize:none;padding-top:6px!important}.jss_worksheet>tbody>tr>td>input[type=checkbox],.jss_worksheet>tbody>tr>td>input[type=radio]{width:12px;margin-top:2px}.jss_worksheet>tbody>tr>td>select{appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);background-position:100% 40%;background-repeat:no-repeat}.jss_worksheet>tbody>tr>td.jss_dropdown{text-overflow:ellipsis;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");background-position:right 5px top 50%;background-repeat:no-repeat;overflow-x:hidden}.jss_worksheet>tbody>tr>td.jss_dropdown.jss_comments{background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E") right 5px top 50% no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=) 100% 0 no-repeat}.jss_worksheet>tbody>tr>td>.color{width:90%;height:10px;margin:auto}.jss_worksheet>tbody>tr>td>a{text-decoration:underline}.jss_worksheet>tbody>tr>td.highlight>a{color:#00f;cursor:pointer}.jss_worksheet>tfoot>tr>td{cursor:pointer;box-sizing:border-box;background-color:#f3f3f3;border:1px solid #0000;border-color:#ccc #0000 #0000 #ccc;padding:2px;overflow:hidden}.jss_worksheet .highlight{background-color:#0000000d}.jss_worksheet .highlight-top{border-top:1px solid #000;box-shadow:0 -1px #ccc}.jss_worksheet .highlight-left{border-left:1px solid #000;box-shadow:-1px 0 #ccc}.jss_worksheet .highlight-right{border-right:1px solid #000}.jss_worksheet .highlight-bottom{border-bottom:1px solid #000}.jss_worksheet .highlight-top.highlight-left{box-shadow:-1px -1px #ccc}.jss_worksheet .highlight-selected{background-color:#0000}.jss_worksheet .selection{background-color:#0000000d}.jss_worksheet .selection-left{border-left:1px dotted #000}.jss_worksheet .selection-right{border-right:1px dotted #000}.jss_worksheet .selection-top{border-top:1px dotted #000}.jss_worksheet .selection-bottom{border-bottom:1px dotted #000}.jss_corner{cursor:crosshair;width:1px;height:1px;box-sizing:initial;z-index:20;background-color:#000;border:1px solid #fff;padding:2px;position:absolute;top:-2000px;left:-2000px}.jss_worksheet .editor{white-space:nowrap;text-align:left;box-sizing:border-box;outline:0 solid #0000;padding:0;overflow:visible;overflow:visible!important}.jss_worksheet .editor>input{padding-left:4px}.jss_worksheet .editor .jupload{z-index:40;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;letter-spacing:.2px;background-color:#fff;border-radius:4px;width:300px;min-height:225px;margin-top:2px;padding:10px;font-size:.875rem;position:fixed;top:100%;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003}.jss_worksheet .editor .jupload img{width:100%;height:auto}.jss_worksheet .editor .jss_richtext{z-index:40;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;letter-spacing:.2px;text-align:left;width:358px;white-space:initial;background-color:#fff;margin-top:2px;padding:10px;font-size:.875rem;position:fixed;top:100%;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003}.jss_worksheet .editor .jclose:after{content:"close";cursor:pointer;text-shadow:0 0 5px #fff;width:24px;height:24px;margin:10px;font-family:Material icons;font-size:24px;line-height:24px;position:absolute;top:0;right:0}.jss_worksheet,.jss_worksheet td,.jss_corner{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.jss_textarea{width:1px;height:1px;position:absolute;top:-999px;left:-999px}.jss_worksheet .dragline{position:absolute}.jss_worksheet .dragline div{width:22px;height:5px;position:relative;top:-6px}.jss_worksheet .dragline div:hover{cursor:move}.jss_worksheet .onDrag{background-color:#0009}.jss_worksheet .error{border:1px solid red}.jss_worksheet thead td.resizing{border-right-style:dotted!important;border-right-color:red!important}.jss_worksheet tbody tr.resizing>td{border-bottom-style:dotted!important;border-bottom-color:red!important}.jss_worksheet tbody td.resizing{border-right-style:dotted!important;border-right-color:red!important}.jss_worksheet .jdropdown-header{border:0!important;outline:none!important;width:100%!important;height:100%!important;padding:0 0 0 8px!important}.jss_worksheet .jdropdown-container{margin-top:1px}.jss_worksheet .jdropdown-container-header{height:inherit;margin:0;padding:0}.jss_worksheet .jdropdown-picker{width:inherit;height:inherit;border:0!important;padding:0!important}.jss_worksheet .jss_comments{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=) 100% 0 no-repeat}.jss_worksheet .sp-replacer{border:0;margin:2px}.jss_worksheet>thead>tr.jss_filter>td>input{border:0;outline:none;width:100%}.jss_about{float:right;text-transform:uppercase;letter-spacing:1px;padding:2px;font-size:.7em;display:none}.jss_about a{color:#ccc;text-decoration:none}.jss_about img{display:none}.jss_filter{justify-content:space-between;margin-bottom:4px;display:flex}.jss_filter>div{align-items:center;padding:8px}.jss_pagination{justify-content:space-between;align-items:center;display:flex}.jss_pagination>div{padding:10px;display:flex}.jss_pagination>div:last-child{padding-top:10px;padding-right:10px}.jss_pagination>div>div{text-align:center;box-sizing:border-box;cursor:pointer;border:1px solid #ccc;width:36px;height:36px;margin-left:2px;line-height:34px}.jss_page{font-size:.8em}.jss_page_selected{background-color:#f3f3f3;font-weight:700}.jss_toolbar{background-color:#f3f3f3;border:1px solid #ccc;margin:0 2px 4px 1px;padding:4px;display:flex}.jss_toolbar:empty{display:none}.jss_worksheet .dragging-left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath fill='none' d='M24 0v24H0V0h24z'/%3E%3C/svg%3E");background-position:0 50%;background-repeat:no-repeat}.jss_worksheet .dragging-right{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath fill='none' d='M0 24V0h24v24H0z'/%3E%3C/svg%3E");background-position:right 0 top 50%;background-repeat:no-repeat}.jss_hidden_index>tbody>tr>td:first-child,.jss_hidden_index>thead>tr>td:first-child,.jss_hidden_index>tfoot>tr>td:first-child,.jss_hidden_index>colgroup>col:first-child{display:none}.jss_worksheet .jrating{display:inline-flex}.jss_worksheet .jrating>div{zoom:.55}.jss_worksheet .copying-top{border-top:1px dashed #000}.jss_worksheet .copying-left{border-left:1px dashed #000}.jss_worksheet .copying-right{border-right:1px dashed #000}.jss_worksheet .copying-bottom{border-bottom:1px dashed #000}.jss_worksheet .jss_column_filter{text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-position:right 5px top 50%;background-repeat:no-repeat;padding:0 20px 0 6px;overflow:hidden}.jss_worksheet thead .jss_freezed,.jss_worksheet tfoot .jss_freezed{left:0;z-index:3!important;box-shadow:2px 0 2px .2px #ccc!important}.jss_worksheet tbody .jss_freezed{background-color:#fff;position:relative;box-shadow:1px 1px 1px 1px #ccc!important;-webkit-box-shadow:2px 4px 4px .1px #ccc!important;-moz-box-shadow:2px 4px 4px .1px #ccc!important}.red{color:red}.jss_worksheet>tbody>tr>td.readonly>input[type=checkbox],.jss_worksheet>tbody>tr>td.readonly>input[type=radio]{pointer-events:none;opacity:.5}.spreadsheet-question-builder{background-color:#fff;border-radius:8px;max-width:1200px;margin:0 auto;padding:24px;box-shadow:0 2px 8px #0000001a}.spreadsheet-question{max-width:1200px;margin:0 auto;padding:20px}.builder-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.builder-header h2{margin:0}.save-status{border-radius:4px;padding:4px 12px;font-size:14px;font-weight:500}.save-status-unsaved{color:#856404;background-color:#fff3cd}.save-status-saving{color:#004085;background-color:#cce5ff}.save-status-saved{color:#155724;background-color:#d4edda}.save-status-error{color:#721c24;background-color:#f8d7da}.validation-errors{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:20px;padding:12px}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.form-input{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}textarea.form-input{resize:vertical;font-family:inherit}.help-text{color:#666;margin-top:6px;font-size:13px;display:block}.csv-controls{gap:12px;margin-bottom:8px;display:flex}.spreadsheet-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.spreadsheet-container{border:1px solid #ddd;border-radius:4px;margin-bottom:8px;overflow:auto}.spreadsheet-container .jexcel,.spreadsheet-container .jspreadsheet,.spreadsheet-container .jss{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spreadsheet-container .jexcel tbody tr,.spreadsheet-container .jspreadsheet tbody tr,.spreadsheet-container .jss tbody tr{height:28px}.spreadsheet-container .jexcel thead td,.spreadsheet-container .jspreadsheet thead td,.spreadsheet-container .jss thead td{text-align:center;background-color:#f5f5f5;font-weight:600}.locked-cell{position:relative;background-color:#f0f0f0!important}.locked-cell:after{content:"🔒";opacity:.6;pointer-events:none;font-size:10px;position:absolute;top:2px;right:2px}.grading-criteria-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.grading-criteria-list{flex-direction:column;gap:16px;display:flex}.grading-criterion{background-color:#fafafa;border:1px solid #ddd;border-radius:4px;padding:16px}.criterion-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.criterion-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.criterion-fields .form-group{margin-bottom:0}.criteria-summary{text-align:right;background-color:#f0f0f0;border-radius:4px;margin-top:12px;padding:12px}.builder-actions{border-top:1px solid #ddd;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background-color:var(--color-primary,#7c3aed);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark,#6d28d9)}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-danger{color:#fff;background-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333}.markdown-editor{border:1px solid #ddd;border-radius:4px;overflow:hidden}.editor-tabs{background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex}.editor-tabs .tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-weight:500}.editor-tabs .tab.active{color:var(--color-primary,#7c3aed);border-bottom-color:var(--color-primary,#7c3aed);background-color:#fff}.markdown-textarea{resize:vertical;border:none;border-radius:0;min-height:150px}.markdown-preview{background-color:#fff;min-height:150px;padding:16px}.spreadsheet-question{max-width:100%;padding:0}.spreadsheet-question-content{margin-bottom:20px}.spreadsheet-question-instructions{color:#666;background-color:#f5f5f5;border-radius:4px;margin:12px 0;padding:12px;font-size:14px}.formula-bar{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;align-items:center;margin-bottom:8px;padding:8px;font-family:Courier New,monospace;font-size:13px;display:flex}.formula-bar-label{color:#666;margin-right:8px;font-weight:600}.formula-bar-content{color:#333;flex:1}.spreadsheet-actions{gap:8px;margin:8px 0;display:flex}.jspreadsheet-toolbar,.jss-toolbar{background-color:#f5f5f5;border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.jspreadsheet-toolbar i,.jss-toolbar i{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:6px;transition:background-color .2s}.jspreadsheet-toolbar i:hover,.jss-toolbar i:hover{background-color:#0000000d}.jspreadsheet-toolbar select,.jss-toolbar select{cursor:pointer;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:13px}.jspreadsheet-toolbar .divisor,.jss-toolbar .divisor{background-color:#ddd;width:1px;height:24px;margin:0 4px}.column-types-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:8px;display:grid}.column-type-item{flex-direction:column;gap:4px;display:flex}.column-type-item .form-label{margin-bottom:4px;font-size:13px;font-weight:600}.column-type-item .form-input{padding:6px 8px;font-size:13px}@media (width<=768px){.spreadsheet-question-builder,.spreadsheet-question{padding:12px}.form-row,.criterion-fields{grid-template-columns:1fr}.csv-controls{flex-direction:column}.spreadsheet-controls{flex-direction:column;align-items:flex-start}.column-types-grid{grid-template-columns:1fr}.builder-actions{flex-direction:column}.builder-actions .btn{width:100%}.spreadsheet-container{overflow-x:auto}}@media print{.builder-header,.csv-controls,.spreadsheet-controls,.builder-actions,.save-status{display:none!important}.locked-cell:after{content:""}}.progress-indicator{color:#666;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.progress-indicator .material-symbols-outlined{color:#6b46c1;font-size:20px}.image-labeling-container{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;width:100%;max-width:900px;margin:0 auto;position:relative;overflow:hidden}.labeling-image{width:100%;height:auto;display:block}.marker-wrapper{z-index:10}.marker-button{color:#fff;cursor:pointer;background-color:#6b46c1;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000004d}.marker-button.small{border-width:2px;width:24px;height:24px;font-size:12px}.marker-button.medium{border-width:2px;width:32px;height:32px;font-size:14px}.marker-button.large{border-width:3px;width:40px;height:40px;font-size:16px}.marker-button:hover:not(:disabled){cursor:pointer;transform:scale(1.1);box-shadow:0 4px 12px #0006}.marker-button:focus{outline-offset:2px;outline:3px solid #4caf50}.marker-button.answered{border-width:3px;border-color:#4caf50;box-shadow:0 2px 12px #4caf5066}.marker-button:disabled{cursor:not-allowed;opacity:.7}.marker-dropdown{z-index:100;background:#fff;border:1px solid #ddd;border-radius:4px;min-width:200px;max-width:300px;padding:8px;position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.marker-dropdown select{background-color:#fff;border:1px solid #ccc;border-radius:4px;width:100%;padding:8px;font-family:inherit;font-size:14px}.marker-dropdown select:focus{outline-offset:1px;outline:2px solid #6b46c1}.preview-note{color:#666;margin-top:1rem;font-size:.9rem;font-style:italic}@media (width<=768px){.image-labeling-container{max-width:100%}.marker-button{min-width:44px;min-height:44px}.marker-button.small{min-width:36px;min-height:36px}.marker-button.large{min-width:52px;min-height:52px}.marker-dropdown{min-width:180px;max-width:calc(100vw - 40px)}}@media (prefers-contrast:high){.marker-button{border-width:3px}.marker-button.answered{border-width:4px}.marker-dropdown{border-width:2px}}.drawing-question{gap:var(--spacing-lg);flex-direction:column;display:flex}.drawing-question .question-text{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:#fff}.drawing-question .drawing-instructions{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-blue-50);border:2px solid var(--color-blue-200);border-radius:var(--radius-md);color:var(--color-blue-900);display:flex}.drawing-question .drawing-instructions strong{color:var(--color-blue-900);font-weight:600}.drawing-question .canvas-info{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);color:var(--color-gray-700);border:1px solid var(--color-gray-200);font-size:.875rem;font-weight:500;display:flex}.drawing-question .drawing-canvas-container{border:3px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:border-color var(--transition-base);background:#fff;overflow:hidden}.drawing-question .drawing-canvas-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a, var(--shadow-lg)}.drawing-question .action-buttons{gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:#fff;flex-wrap:wrap;align-items:center;display:flex}.drawing-question .action-buttons .btn{padding:var(--spacing-sm) var(--spacing-lg);min-width:140px;font-weight:600}.drawing-question .last-saved-text{align-items:center;gap:var(--spacing-xs);color:var(--color-success);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-success-bg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;display:flex}.drawing-question .last-saved-text:before{content:"✓";font-weight:700}.drawing-question .auto-save-info{color:var(--color-gray-600);padding:var(--spacing-xs) var(--spacing-sm);font-size:.813rem;font-style:italic}.drawing-question .submitted-status{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-success-bg);border:2px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success-dark);font-weight:500;display:flex}.drawing-question .submitted-status:before{content:"✓";background:var(--color-success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.drawing-question .drawing-preview-placeholder{width:100%;height:100%;padding:var(--spacing-xl);background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);justify-content:center;align-items:center;display:flex}.drawing-question .placeholder-content{text-align:center;align-items:center;gap:var(--spacing-md);flex-direction:column;max-width:600px;display:flex}.drawing-question .placeholder-icon{color:var(--color-primary);opacity:.7;margin-bottom:var(--spacing-sm);font-size:4rem}.drawing-question .placeholder-content h3{color:var(--color-gray-800);margin:0;font-size:1.5rem;font-weight:600}.drawing-question .placeholder-content p{color:var(--color-gray-600);margin:0;font-size:1rem;line-height:1.6}.drawing-question .placeholder-features{gap:var(--spacing-md);margin-top:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.drawing-question .feature-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-gray-300);color:var(--color-gray-700);background:#fff;font-size:.875rem;font-weight:500;display:flex}.drawing-question .feature-item .material-symbols-outlined{color:var(--color-primary);font-size:1.25rem}.drawing-question .placeholder-hint{justify-content:center;align-items:center;gap:var(--spacing-xs);color:var(--color-gray-500);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:#ffffffb3;font-size:.875rem;font-style:italic;display:flex}.drawing-question .placeholder-hint .material-symbols-outlined{color:var(--color-gray-500);font-size:1.125rem}@media (width<=768px){.drawing-question{gap:var(--spacing-md)}.drawing-question .action-buttons{flex-direction:column;align-items:stretch}.drawing-question .action-buttons .btn{width:100%}.drawing-question .canvas-info{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column;font-size:.813rem}}.fill-in-blank-question{margin:1rem 0}.question-text-with-inputs{font-size:1.1rem;line-height:2;display:inline}.question-text-with-inputs>*{vertical-align:middle;display:inline}.blank-input-wrapper{vertical-align:middle;align-items:center;gap:.25rem;margin:0 .25rem;display:inline-flex;position:relative}.blank-input{border:2px solid #ccc;border-radius:4px;min-width:150px;padding:.5rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.blank-input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.blank-input:disabled{cursor:not-allowed;background-color:#f5f5f5}.blank-input.blank-error{background-color:#fee;border-color:#e74c3c}.blank-dropdown{cursor:pointer;background-color:#fff;border:2px solid #ccc;border-radius:4px;min-width:150px;padding:.5rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.blank-dropdown:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.blank-dropdown:disabled{cursor:not-allowed;background-color:#f5f5f5}.hint-toggle-btn{color:#4a90e2;cursor:pointer;background:#fff;border:2px solid #4a90e2;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:.25rem;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.hint-toggle-btn:hover{color:#fff;background-color:#4a90e2}.hint-toggle-btn:focus{outline-offset:2px;outline:2px solid #4a90e2}.hint-popup{z-index:10;background:#fff9e6;border:1px solid gold;border-radius:4px;min-width:200px;max-width:300px;margin-top:.5rem;padding:.75rem;font-size:.9rem;line-height:1.4;position:absolute;top:100%;left:0;box-shadow:0 2px 8px #0000001a}.blank-results{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-top:1.5rem;padding:1rem}.blank-results h4{color:#333;margin-top:0;margin-bottom:1rem;font-size:1.1rem}.blank-results-list{flex-direction:column;gap:.5rem;display:flex}.blank-result{border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;font-size:.95rem;display:flex}.blank-result.correct{color:#155724;background:#d4edda}.blank-result.incorrect{color:#721c24;background:#f8d7da}.blank-result-icon{font-size:1.2rem;font-weight:700}.blank-result-label{font-weight:500}.blank-result-status{flex-grow:1}.blank-result-points{white-space:nowrap;font-weight:500}@media (width<=768px){.blank-input,.blank-dropdown{min-width:120px;font-size:.95rem}.question-text-with-inputs{font-size:1rem;line-height:2.2}.hint-popup{max-width:250px}}.question-status-badge{letter-spacing:.025em;font-size:.75rem;font-weight:600}.question-nav-item{margin:0;padding:0;list-style:none}.question-nav-button{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;align-items:center;gap:.75rem;width:100%;padding:10px 12px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.question-nav-button:before{content:"";background:linear-gradient(#e85d04 0%,#dc2f02 100%);width:3px;height:100%;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;transform:scaleY(0)}.question-nav-button:hover{background:#e85d0414;border-color:#e85d0426;transform:translate(4px)}.question-nav-button:hover:before{transform:scaleY(1)}.question-nav-item.active .question-nav-button{background:linear-gradient(135deg,#ffba0826 0%,#e85d041f 100%);border-color:#e85d044d;transform:translate(4px);box-shadow:0 2px 8px #e85d0426}.question-nav-item.active .question-nav-button:before{transform:scaleY(1)}.question-number-container{align-items:center;gap:.65rem;min-width:fit-content;display:flex;position:relative}.collapsed-flag-indicator{filter:drop-shadow(0 1px 2px #0003);font-size:.65rem;line-height:1;animation:1.5s ease-in-out infinite pulse;position:absolute;top:-6px;right:-6px}.question-number{font-weight:700;font-family:var(--font-display);letter-spacing:-.01em;color:#370617;min-width:2rem;font-size:.875rem;transition:color .25s}.question-nav-item.active .question-number{color:#e85d04}.navigation-sidebar.collapsed .question-number.status-unanswered{color:#a0aec0}.navigation-sidebar.collapsed .question-number.status-draft{color:#3182ce}.navigation-sidebar.collapsed .question-number.status-complete{color:#38a169}.navigation-sidebar.collapsed .question-nav-item.active .question-number{color:#e85d04}.question-details{flex-direction:column;flex:1;gap:.5rem;display:flex}.status-badge-container{position:relative}.expanded-flag-overlay{filter:drop-shadow(0 1px 2px #0000004d);z-index:1;font-size:.75rem;line-height:1;animation:1.5s ease-in-out infinite pulse;position:absolute;top:-4px;right:-4px}.question-indicators{gap:.5rem;display:flex}.indicator{font-size:.875rem}.compact-indicators{flex-direction:column;gap:.25rem;display:flex}.compact-indicator{font-size:.75rem;line-height:1}.question-nav-button:focus-visible{outline-offset:2px;outline:3px solid #ffba08cc}.question-flag-button{border-radius:var(--radius-md);color:#4a5568;cursor:pointer;background:#fff;border:2px solid #e85d0433;align-items:center;gap:.5rem;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.question-flag-button:before{content:"";opacity:0;background:linear-gradient(135deg,#ffba081a 0%,#e85d041a 100%);transition:opacity .25s;position:absolute;inset:0}.question-flag-button:hover:not(:disabled){border-color:#e85d0466;transform:translateY(-2px);box-shadow:0 4px 12px #e85d0426}.question-flag-button:hover:not(:disabled):before{opacity:1}.question-flag-button:active:not(:disabled){transform:translateY(0)}.question-flag-button:disabled{opacity:.5;cursor:not-allowed}.question-flag-button.flagged{color:#dc2f02;background:linear-gradient(135deg,#ffba0826 0%,#e85d041f 100%);border-color:#e85d04;box-shadow:0 2px 8px #e85d0433}.question-flag-button.flagged:before{opacity:1}.question-flag-button.flagged:hover:not(:disabled){border-color:#dc2f02;box-shadow:0 4px 16px #e85d044d}.flag-icon{font-size:1.125rem;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.question-flag-button:hover:not(:disabled) .flag-icon{transform:scale(1.15)rotate(-5deg)}.question-flag-button.flagged .flag-icon{animation:.5s ease-in-out wave}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.flag-label{z-index:1;font-weight:600;position:relative}@media (width<=640px){.question-flag-button{justify-content:center;min-width:2.5rem;padding:8px}.flag-label{display:none}.flag-icon{font-size:1.25rem}}.question-notes{margin-top:0}.notes-toggle{border-radius:var(--radius-md);color:#4a5568;cursor:pointer;text-align:left;background:#fff;border:2px solid #e85d0433;align-items:center;gap:.5rem;width:100%;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.notes-toggle:before{content:"";opacity:0;background:linear-gradient(135deg,#ffba0814 0%,#e85d040f 100%);transition:opacity .25s;position:absolute;inset:0}.notes-toggle:hover:not(:disabled){border-color:#e85d0466;transform:translateY(-2px);box-shadow:0 4px 12px #e85d041f}.notes-toggle:hover:not(:disabled):before{opacity:1}.notes-toggle:disabled{opacity:.5;cursor:not-allowed}.notes-icon{z-index:1;font-size:1.125rem;line-height:1;position:relative}.notes-toggle-text{z-index:1;flex:1;position:relative}.notes-preview-indicator{color:#e85d04;z-index:1;background:#e85d041a;border-radius:4px;padding:2px 6px;font-size:.7rem;font-style:italic;font-weight:600;position:relative}.toggle-arrow{color:#e85d04;z-index:1;font-size:.625rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.toggle-arrow.expanded{transform:rotate(180deg)}.notes-content{margin-top:10px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notes-textarea{border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:#2d3748;resize:vertical;background:#fff;border:2px solid #e85d0433;min-height:100px;padding:12px;font-size:.85rem;line-height:1.6;transition:all .25s}.notes-textarea:focus{border-color:#e85d04;outline:none;box-shadow:0 0 0 4px #e85d041a}.notes-textarea:disabled{opacity:.5;cursor:not-allowed;background:#f7fafc}.notes-textarea::placeholder{color:#a0aec0;font-style:italic}.notes-footer{justify-content:flex-end;margin-top:6px;display:flex}.char-count{color:#718096;font-variant-numeric:tabular-nums;background:#e85d040d;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:500}.char-count.warning{color:#dc2f02;background:#dc2f021a;font-weight:600;animation:1.5s ease-in-out infinite pulse}.char-count.limit-reached{color:#dc2f02;background:#dc2f0226;font-weight:700;animation:.3s ease-in-out shake}.navigation-sidebar{z-index:100;background:linear-gradient(#fff 0%,#fef9f3 100%);border-right:3px solid #e85d0426;flex-direction:column;height:100vh;transition:width .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:0;left:0;overflow:visible;box-shadow:4px 0 24px #e85d0414}.navigation-sidebar.collapsed{width:70px}.navigation-sidebar.expanded{width:280px}@media (width<=768px){.navigation-sidebar.collapsed{transform:translate(-100%)}.navigation-sidebar.expanded{width:320px;transform:translate(0);box-shadow:8px 0 40px #37061740}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#37061799;width:100vw;height:100vh;animation:.2s fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.sidebar-toggle{color:#fff;cursor:pointer;z-index:101;background:linear-gradient(135deg,#e85d04 0%,#dc2f02 100%);border:none;border-radius:0 12px 12px 0;justify-content:center;align-items:center;width:36px;height:56px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:20px;right:-36px;overflow:hidden;box-shadow:4px 4px 16px #e85d0459}.sidebar-toggle:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.sidebar-toggle:hover{transform:translate(4px);box-shadow:6px 6px 24px #e85d0473}.sidebar-toggle:hover:before{opacity:1}.sidebar-toggle:active{transform:translate(2px)scale(.98)}.sidebar-toggle:focus-visible{outline-offset:3px;outline:3px solid #ffba08cc}.sidebar-content{flex:1;padding:52px 10px 12px;overflow:hidden auto}.sidebar-header{border-radius:var(--radius-md);background:linear-gradient(135deg,#ffba080d 0%,#e85d0408 100%);border-bottom:2px solid #e85d041f;margin-bottom:10px;padding:10px}.sidebar-title{font-size:1rem;font-weight:700;font-family:var(--font-display);color:#370617;letter-spacing:-.02em;margin:0 0 10px}.status-summary{flex-direction:column;gap:6px;display:flex}.status-count{color:#4a5568;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.status-count:hover{background:#e85d040d;transform:translate(2px)}.count-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite pulse;box-shadow:0 2px 6px #00000026}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.status-count.status-complete .count-dot{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.status-count.status-flagged .count-dot{background:linear-gradient(135deg,#ffba08 0%,#e85d04 100%)}.status-count.status-draft .count-dot{background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%)}.status-count.status-unanswered .count-dot{background:linear-gradient(135deg,#cbd5e0 0%,#a0aec0 100%)}.question-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.navigation-sidebar.collapsed .sidebar-header,.navigation-sidebar.collapsed .sidebar-question-controls{display:none}.sidebar-question-controls{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffc 0%,#fef9f3cc 100%);border:2px solid #e85d0426;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #e85d0414}.sidebar-question-controls:before{content:"";background:linear-gradient(#e85d04 0%,#dc2f02 100%);width:4px;height:100%;position:absolute;top:0;left:0}.sidebar-section-title{font-size:.7rem;font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:#e85d04;margin-bottom:2px;padding-left:8px}.sidebar-save-status{border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:8px 12px;font-size:.8rem;font-weight:600;animation:.3s cubic-bezier(.34,1.56,.64,1) slideIn;display:flex;box-shadow:0 2px 8px #0000001a}.sidebar-save-status.saving{color:#fff;background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%)}.sidebar-save-status.saved{color:#fff;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.sidebar-save-status.error{color:#fff;background:linear-gradient(135deg,#f56565 0%,#e53e3e 100%)}.spinner-small{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:#e85d040d;border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb{background:linear-gradient(#e85d04 0%,#dc2f02 100%);border-radius:4px;transition:background .2s}.sidebar-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#f48c06 0%,#e85d04 100%)}.quiz-progress-bar{border-radius:var(--radius-full);height:8px;margin-bottom:var(--spacing-xl);background:#fff3;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.quiz-progress-fill{background:linear-gradient(90deg, var(--color-accent), var(--color-primary));border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 10px #e85d0480}.quiz-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{left:-100%}to{left:100%}}.question-container{animation:.4s ease-out questionSlide}@keyframes questionSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.quiz-header-row{gap:var(--spacing-lg);align-items:stretch;display:flex}.quiz-header{flex:1;min-width:0}.quiz-header-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);display:flex}.help-link{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-primary);transition:all var(--transition);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:500;text-decoration:none;display:flex}.help-link:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.help-link svg{width:20px;height:20px}.timer{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);background:#fff;flex-direction:column;flex-shrink:0;min-width:140px;display:flex}.timer-circle{background:var(--gradient-primary);width:80px;height:80px;box-shadow:var(--shadow-primary);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.timer-circle:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:4px}.timer-display{z-index:1;font-family:var(--font-mono);color:var(--color-primary);flex-direction:column;align-items:center;font-size:16px;font-weight:700;line-height:1;display:flex;position:relative}.timer-icon{margin-bottom:2px;font-size:14px}.timer-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);margin-top:2px;font-size:9px;font-weight:600}.timer-warning .timer-circle{background:linear-gradient(135deg,#f56565 0%,#c53030 100%);animation:1s infinite pulse}.timer-warning .timer-display,.timer-warning .timer-label{color:#c53030}.progress-info{justify-content:space-between;font-weight:500;display:flex}.question-header{justify-content:space-between;align-items:center;display:flex}.question-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.choices-container{flex-direction:column;gap:12px;display:flex}.choice-option{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:3px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-bounce);box-shadow:var(--shadow-sm);background:#fff;display:flex;position:relative;overflow:hidden}.choice-option:before{content:"";background:var(--color-primary);transform-origin:0;width:6px;height:100%;transition:transform var(--transition-base);position:absolute;top:0;left:0;transform:scaleX(0)}.choice-option:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md);transform:translate(4px)}.choice-option.selected{border-color:var(--color-primary);background:linear-gradient(90deg,#fff4e6 0%,#fff 100%);animation:.4s ease-out selectPulse}.choice-option.selected:before{transform:scaleX(1)}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.choice-option:active{transform:scale(.98)}.choice-option input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary)}.choice-label{background:var(--color-gray-100);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-gray-600);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.choice-option.selected .choice-label{background:var(--color-primary);color:#fff}.choice-text{color:var(--color-gray-700);flex:1;font-size:16px}.true-false-container{gap:var(--spacing-lg);justify-content:center;max-width:600px;margin:0 auto;display:flex}.true-false-option{padding:var(--spacing-lg);flex:1;justify-content:center;font-weight:600}.true-false-option .choice-text{flex:initial;font-size:18px;font-weight:600}.code-question-layout{gap:var(--spacing-xl);grid-template-columns:3fr 4fr;align-items:start;display:grid}.question-text-column{top:var(--spacing-xl);max-height:calc(100vh - 200px);padding-right:var(--spacing-md);position:sticky;overflow-y:auto}.code-editor-column{min-width:0}@media (width<=1024px){.code-question-layout{gap:var(--spacing-lg);grid-template-columns:1fr}.question-text-column{max-height:none;margin-bottom:var(--spacing-md);padding-right:0;position:static}}.quiz-navigation{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.nav-center{text-align:center}@media (width<=768px){.quiz-header-row{flex-direction:column;align-items:center}.quiz-header{width:100%}.quiz-header-content{flex-direction:column;align-items:stretch}.help-link{justify-content:center}.timer{align-self:center}.timer-circle{width:70px;height:70px}.timer-display{font-size:14px}.timer-icon{font-size:12px}.quiz-navigation{flex-direction:column;gap:12px}.quiz-navigation .btn{width:100%}.nav-center{order:-1}}.sidebar-expanded .page-content{margin-left:280px;transition:margin-left .3s}.sidebar-collapsed .page-content{margin-left:70px;transition:margin-left .3s}@media (width<=768px){.sidebar-expanded .page-content,.sidebar-collapsed .page-content{margin-left:0!important}}.star-rating{align-items:center;gap:.25rem;display:inline-flex}.star{cursor:default;font-size:inherit;color:var(--color-gray-300);background:0 0;border:none;margin:0;padding:0;line-height:1;transition:color .2s,transform .1s}.star-rating-interactive .star{cursor:pointer}.star-rating-interactive .star:hover,.star-rating-interactive .star:focus{transform:scale(1.1)}.star-rating-interactive .star:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.star-rating-interactive .star:active{transform:scale(.95)}.star-rating-sm{gap:.125rem;font-size:1rem}.star-rating-md{gap:.25rem;font-size:1.5rem}.star-rating-lg{gap:.375rem;font-size:2rem}.star:disabled{cursor:default;opacity:1}.star span{display:inline-block}.review-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label .required{color:var(--color-error,#dc2626)}.rating-input{align-items:center;display:flex}.form-textarea{width:100%;font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text);background-color:var(--color-bg,#fff);border:1px solid var(--color-border,#e5e7eb);resize:vertical;border-radius:.5rem;padding:.75rem;font-size:.875rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.form-textarea:focus{border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px var(--color-primary-light,#3b82f61a);outline:none}.form-textarea:disabled{background-color:var(--color-gray-100,#f3f4f6);cursor:not-allowed;opacity:.6}.form-textarea::placeholder{color:var(--color-gray-400,#9ca3af)}.form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.form-actions{align-items:center;gap:.75rem;display:flex}.form-actions .btn{cursor:pointer;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.form-actions .btn:disabled{opacity:.6;cursor:not-allowed}.form-actions .btn-primary{background-color:var(--color-primary,#3b82f6);color:#fff}.form-actions .btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark,#2563eb);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.form-actions .btn-primary:active:not(:disabled){box-shadow:none;transform:translateY(0)}.form-actions .btn-secondary{color:var(--color-text,#1f2937);border:1px solid var(--color-border,#e5e7eb);background-color:#0000}.form-actions .btn-secondary:hover:not(:disabled){background-color:var(--color-gray-100,#f3f4f6);border-color:var(--color-gray-300,#d1d5db)}.form-actions .btn-secondary:active:not(:disabled){background-color:var(--color-gray-200,#e5e7eb)}@media (width<=640px){.review-form{gap:1.25rem}.form-footer{flex-direction:column;align-items:flex-start}.character-counter{text-align:left;margin-left:0}.form-actions{flex-direction:column;width:100%}.form-actions .btn{width:100%}}.review-form :focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}.topic-performance-section{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.topic-performance-header{padding:var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);cursor:pointer;transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.topic-performance-header:hover{background:var(--color-gray-100)}.topic-performance-header:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.topic-performance-header h3{color:var(--color-gray-800);margin:0;font-size:18px;font-weight:600}.collapse-toggle{color:var(--color-gray-600);cursor:pointer;padding:var(--spacing-xs);transition:color var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;font-size:24px;line-height:1}.collapse-toggle:hover{color:var(--color-primary)}.collapse-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topic-performance-table{border-collapse:collapse;width:100%;font-size:14px}.topic-performance-table thead{background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-300)}.topic-performance-table th{text-align:left;padding:var(--spacing-md);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.topic-performance-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.topic-performance-table tbody tr:hover{background:var(--color-gray-50)}.topic-performance-table tbody tr.clickable{cursor:pointer}.topic-performance-table tbody tr.clickable:hover{background:var(--color-primary-light);background:rgba(var(--color-primary-rgb), .05)}.topic-performance-table td{padding:var(--spacing-md);color:var(--color-gray-700)}.topic-performance-table td:first-child{color:var(--color-gray-800);font-weight:500}.status-indicator{align-items:center;gap:var(--spacing-xs);display:inline-flex}.status-emoji{font-size:16px;line-height:1}.status-label{font-size:13px;font-weight:500}.status-excellent{color:var(--color-success)}.status-good{color:var(--color-warning)}.status-needs-work{color:var(--color-error)}.topic-performance-cards{display:none}@media (width<=768px){.topic-performance-table{display:none}.topic-performance-cards{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;display:flex}.topic-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.topic-card.clickable{cursor:pointer}.topic-card.clickable:hover,.topic-card.clickable:active{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.topic-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.topic-card-header h4{color:var(--color-gray-800);flex:1;margin:0;font-size:15px;font-weight:600}.status-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);white-space:nowrap;font-size:12px;font-weight:600;display:inline-flex}.status-badge.status-excellent{background:var(--color-success-bg);color:var(--color-success)}.status-badge.status-good{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.status-needs-work{background:var(--color-error-bg);color:var(--color-error)}.topic-card-stats{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.stat{gap:var(--spacing-xs);flex-direction:column;display:flex}.stat-label{color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.stat-value{color:var(--color-gray-800);font-size:18px;font-weight:700}.topic-performance-header h3{font-size:16px}}@media (width>=769px) and (width<=1024px){.topic-performance-table{font-size:13px}.topic-performance-table th,.topic-performance-table td{padding:var(--spacing-sm) var(--spacing-md)}}@media (width<=375px){.topic-performance-header{padding:var(--spacing-md)}.topic-card{padding:var(--spacing-sm) var(--spacing-md)}.stat-value{font-size:16px}}@media (prefers-contrast:high){.topic-performance-table tbody tr:hover{background:var(--color-gray-200)}.status-badge{border:1px solid}}.trend-indicator{align-items:center;gap:var(--spacing-xs);display:inline-flex}.trend-icon{font-size:18px;line-height:1}.trend-improving{color:var(--color-success)}.trend-stable{color:var(--color-gray-500)}.trend-declining{color:var(--color-danger)}.last-attempted{color:var(--color-gray-600);font-size:14px}@media (prefers-reduced-motion:reduce){.topic-performance-header,.collapse-toggle,.topic-performance-table tbody tr,.topic-card{transition:none}}.score-header{border-top:6px solid}.score-header.score-excellent{border-top-color:var(--color-success)}.score-header.score-good{border-top-color:var(--color-info)}.score-header.score-fair{border-top-color:var(--color-warning)}.score-header.score-poor{border-top-color:var(--color-error)}.score-main{align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-gray-200);display:flex}.score-circle{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex;box-shadow:0 8px 24px #667eea4d}.score-percentage{word-wrap:break-word;text-align:center;max-width:160px;font-size:42px;font-weight:800;line-height:1}.score-label{text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:14px;font-weight:600}.score-details{flex:1}.score-stats{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.results-controls{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.results-controls-left,.results-controls-right{gap:var(--spacing-sm);align-items:center;display:flex}.results-controls .btn svg{margin-right:4px}.question-result{border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);transition:all var(--transition-base);overflow:hidden}.question-result.correct{border-color:var(--color-success-light)}.question-result.incorrect{border-color:var(--color-error-light)}.question-result.pending{border-color:var(--color-warning-light)}.question-result-header{align-items:center;gap:var(--spacing-md);cursor:pointer;background:var(--color-gray-50);transition:background var(--transition-base);text-align:left;width:100%;font:inherit;color:inherit;border:none;border-radius:0;padding:20px;display:flex}.question-result-header:hover{background:var(--color-gray-100)}.question-result-header:focus{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}.question-result.correct .question-result-header{background:var(--color-success-bg)}.question-result.incorrect .question-result-header{background:var(--color-error-bg)}.question-result.pending .question-result-header{background:var(--color-warning-bg)}.question-result-title{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.question-number{color:var(--color-gray-700);font-weight:700}.question-result-score{color:var(--color-gray-600);font-size:14px;font-weight:700}.expand-button{border-radius:var(--radius-full);border:2px solid var(--color-gray-300);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);background:#fff;justify-content:center;align-items:center;font-size:20px;display:flex}.expand-button:hover{border-color:var(--color-gray-400);background:var(--color-gray-100)}.question-result-body{padding:var(--spacing-lg);border-top:2px solid var(--color-gray-200)}.mc-results{margin:var(--spacing-md) 0}.choices-review{flex-direction:column;gap:12px;display:flex}.choice-review{padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);background:#fff;align-items:center;gap:12px;display:flex}.choice-review.choice-correct{background:var(--color-success-bg);border-color:var(--color-success-light)}.choice-review.choice-wrong{background:var(--color-error-bg);border-color:var(--color-error-light)}.choice-review.choice-missed{background:#fef5e7;border-color:#f39c12;border-left-width:4px}.choice-id{background:var(--color-gray-100);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-gray-600);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.choice-correct .choice-id{background:var(--color-success);color:#fff}.choice-wrong .choice-id{background:var(--color-error);color:#fff}.choice-text{color:var(--color-gray-700);flex:1}.choice-indicators{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.indicator-badge{border-radius:var(--radius-lg);white-space:nowrap;padding:4px 12px;font-size:12px;font-weight:700}.indicator-badge.your-answer{color:#2c5282;background:#bee3f8}.indicator-badge.correct-answer{background:var(--color-success-light);color:#22543d}.indicator-badge.incorrect-answer{background:var(--color-error-light);color:#742a2a}.indicator-badge.missed-answer{color:#d68910;background:#fef5e7}.choice-missed .choice-id{color:#fff;background:#f39c12}.code-results{margin:var(--spacing-md) 0}.code-section h4{color:var(--color-gray-700);margin:0 0 var(--spacing-sm) 0;font-size:14px}.code-block,.code-output{background:var(--color-gray-700);color:var(--color-gray-200);padding:var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-mono);margin:0;font-size:13px;overflow-x:auto}.code-output{background:var(--color-gray-800)}@media (width<=768px){.score-main{text-align:center;gap:var(--spacing-lg);flex-direction:column}.score-circle{width:140px;height:140px}.score-percentage{font-size:40px}.score-stats{justify-content:center}.question-result-header{flex-wrap:wrap}.choice-indicators{flex-direction:column;align-items:flex-start}}:root{--color-primary:#e85d04;--color-primary-dark:#dc2f02;--color-primary-light:#f48c06;--color-primary-rgb:232, 93, 4;--color-secondary:#dc2f02;--color-accent:#ffba08;--color-neutral:#2b2d42;--color-contrast:#370617;--color-success:#48bb78;--color-success-light:#9ae6b4;--color-success-bg:#f0fff4;--color-error:#f56565;--color-error-light:#fc8181;--color-error-bg:#fff5f5;--color-warning:#ed8936;--color-warning-light:#fbd38d;--color-warning-bg:#fffaf0;--color-info:#4299e1;--color-gray-50:#f7fafc;--color-gray-100:#edf2f7;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e0;--color-gray-400:#a0aec0;--color-gray-500:#718096;--color-gray-600:#4a5568;--color-gray-700:#2d3748;--color-gray-800:#1a202c;--color-gray-900:#171923;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000001f;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 10px 20px #0000002e;--shadow-xl:0 20px 40px #00000038;--shadow-primary:0 8px 24px #e85d0459;--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Courier New", Courier, monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-hero:radial-gradient(ellipse at top, #ffba08 0%, #dc2f02 100%);--gradient-page:linear-gradient(165deg, #faa307 0%, #dc2f02 60%, #370617 100%);--gradient-student:linear-gradient(165deg, #faa307 0%, #dc2f02 60%, #370617 100%);--gradient-instructor:linear-gradient(165deg, #d97706 0%, #b91c1c 60%, #451a03 100%);--gradient-admin:linear-gradient(165deg, #b45309 0%, #7c2d12 60%, #1e1b4b 100%);--bg-secondary:var(--color-gray-50);--border-color:var(--color-gray-200);--border-radius:var(--radius-md)}body{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.page-container{background-color:var(--color-gray-50);min-height:100vh;padding:var(--spacing-lg)}.page-content{max-width:1500px;margin:0 auto}.page-content-narrow{max-width:600px;margin:0 auto}.page-gradient-student{background:var(--gradient-student);min-height:100vh;padding-bottom:var(--spacing-2xl)}.page-gradient-student:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 25% 25%,#faa30726 0%,#0000 50%),radial-gradient(circle at 75% 75%,#dc2f021f 0%,#0000 50%);animation:20s ease-in-out infinite gradientFloat;position:fixed;inset:0}.page-gradient-instructor{background:var(--gradient-instructor);min-height:100vh;padding-bottom:var(--spacing-2xl)}.page-gradient-instructor:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 25% 25%,#d9770626 0%,#0000 50%),radial-gradient(circle at 75% 75%,#b91c1c1f 0%,#0000 50%);animation:20s ease-in-out infinite gradientFloat;position:fixed;inset:0}.page-gradient-admin{background:var(--gradient-admin);min-height:100vh;padding-bottom:var(--spacing-2xl)}.page-gradient-admin:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 25% 25%,#b4530926 0%,#0000 50%),radial-gradient(circle at 75% 75%,#7c2d121f 0%,#0000 50%);animation:20s ease-in-out infinite gradientFloat;position:fixed;inset:0}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);background:#fff}.card-header,.card-body{margin-bottom:var(--spacing-lg)}.card-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--color-gray-200)}.heading-xl{color:var(--color-gray-800);margin:0;font-size:32px;font-weight:700;line-height:1.2}.heading-lg{color:var(--color-gray-800);margin:0;font-size:28px;font-weight:700;line-height:1.2}.heading-md{color:var(--color-gray-800);margin:0;font-size:24px;font-weight:700;line-height:1.3}.heading-sm{color:var(--color-gray-800);margin:0;font-size:20px;font-weight:600;line-height:1.4}.text-lg{font-size:18px;line-height:1.5}.text-base{font-size:16px;line-height:1.5}.text-sm{font-size:14px;line-height:1.5}.text-xs{font-size:13px;line-height:1.5}.text-muted{color:var(--color-gray-500)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:16px;font-weight:600;font-family:var(--font-body);border:none;padding:12px 24px;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:not(:disabled):before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md);border:none}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-3px)scale(1.02)}.btn-primary:active:not(:disabled){transform:translateY(-1px)scale(1)}.btn-secondary{color:var(--color-primary);border:3px solid var(--color-primary);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary-dark);background:var(--color-gray-50);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-success{background:var(--color-success);color:#fff;border:none}.btn-success:hover:not(:disabled){background:#38a169;transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.btn-danger{background:var(--color-error);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#c53030;transform:translateY(-2px);box-shadow:0 6px 20px #f5656566}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-warning{background:var(--color-warning);color:#78350f;border:none}.btn-warning:hover:not(:disabled){color:#fff;background:#f59e0b;transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.btn-warning:active:not(:disabled){transform:translateY(0)}.form-group{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.form-label{color:var(--color-gray-700);font-size:14px;font-weight:600}.form-input{border:3px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);font-size:16px;font-family:var(--font-body);box-shadow:var(--shadow-sm);background:#fff;padding:14px 18px}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), .12);outline:none;transform:translateY(-2px)}.form-input:hover:not(:focus):not(:disabled){border-color:var(--color-gray-300)}.form-input:disabled{background-color:var(--color-gray-50);cursor:not-allowed;opacity:.7}.form-input-error{border-color:var(--color-error);animation:.3s inputShake}.form-input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 4px #f565651f}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid}.alert-error{background-color:var(--color-error-bg);border-color:var(--color-error);color:#742a2a}.alert-success{background-color:var(--color-success-bg);border-color:var(--color-success);color:#22543d}.alert-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:#744210}.alert-info{border-color:var(--color-info);color:#2c5282;background-color:#ebf8ff}.spinner{border:3px solid #fff;border-color:#fff #fff #ffffff4d #ffffff4d;border-radius:50%;width:20px;height:20px;animation:.7s cubic-bezier(.68,-.55,.265,1.55) infinite spin}.spinner-large{border:6px solid var(--color-gray-200);border-top-color:var(--color-primary);border-right-color:var(--color-accent);width:60px;height:60px;box-shadow:var(--shadow-primary);border-radius:50%;animation:.9s cubic-bezier(.68,-.55,.265,1.55) infinite spin;position:relative}.spinner-large:after{content:"";border:3px solid #0000;border-top-color:var(--color-primary-light);border-radius:50%;animation:1.2s linear infinite reverse spin;position:absolute;inset:-6px}.spinner-dots{gap:8px;display:inline-flex}.spinner-dots span{background:var(--color-primary);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite pulse-dot}.spinner-dots span:nth-child(2){background:var(--color-accent);animation-delay:.2s}.spinner-dots span:nth-child(3){background:var(--color-secondary);animation-delay:.4s}.loading-container,.error-container{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center;flex-direction:column;display:flex}.progress-bar{background:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);height:100%;transition:width var(--transition-slow)}.badge{border-radius:var(--radius-full);align-items:center;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-light);color:#22543d}.badge-error{background:var(--color-error-light);color:#742a2a}.badge-warning{background:var(--color-warning-light);color:#744210}.badge-info{color:#2c5282;background:#bee3f8}.badge-neutral{background:var(--color-gray-100);color:var(--color-gray-700)}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}@media (width<=768px){.page-container{padding:var(--spacing-md)}.card{padding:var(--spacing-lg)}.heading-xl{font-size:24px}.heading-lg{font-size:22px}.heading-md{font-size:20px}.heading-sm{font-size:18px}}.help-page{background-color:var(--bg-secondary);min-height:100vh;padding:var(--spacing-2xl) var(--spacing-md)}.help-page .container{width:100%;max-width:1400px;margin:0 auto}.help-header{text-align:center;margin-bottom:var(--spacing-2xl)}.help-header .heading-xl{margin-bottom:var(--spacing-sm)}.mobile-toc-toggle{width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;background:#fff;font-size:1rem;font-weight:500;transition:background-color .2s;display:none}.mobile-toc-toggle:hover{background-color:var(--bg-secondary)}.help-layout{gap:var(--spacing-2xl);display:flex}.help-content-wrapper{flex:1;min-width:0}.help-content{padding:var(--spacing-2xl);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff}.help-content .markdown-content{max-width:none}.help-content .markdown-content>h2{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.help-content .markdown-content>h2:first-of-type{border-top:none;margin-top:0;padding-top:0}.help-content .markdown-content>h3{margin-top:var(--spacing-lg)}.help-content .markdown-content pre{max-width:100%;overflow-x:auto}.help-toc{flex-shrink:0;width:280px}.toc-sticky{top:var(--spacing-xl);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);max-height:calc(100vh - 100px);box-shadow:var(--shadow-sm);background:#fff;position:sticky;overflow-y:auto}.toc-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.toc-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.mobile-toc-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1;display:none}.mobile-toc-close:hover{color:var(--text-primary)}.toc-nav ul{margin:0;padding:0;list-style:none}.toc-sticky{scrollbar-width:thin;scrollbar-color:var(--color-primary-light) var(--bg-secondary)}.toc-sticky::-webkit-scrollbar{width:8px}.toc-sticky::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px;margin:4px 0}.toc-sticky::-webkit-scrollbar-thumb{background:var(--color-primary-light);border:2px solid var(--bg-secondary);border-radius:4px}.toc-sticky::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.toc-sticky:before,.toc-sticky:after{content:"";pointer-events:none;opacity:0;z-index:1;height:20px;transition:opacity .3s;position:absolute;left:0;right:0}.toc-sticky:before{background:linear-gradient(#ffffffe6,#0000);top:60px}.toc-sticky:after{background:linear-gradient(#0000,#ffffffe6);bottom:0}.toc-sticky.has-scroll:before,.toc-sticky.has-scroll:after{opacity:1}.toc-item{margin:0}.toc-item a{padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);border-radius:var(--border-radius);font-size:.875rem;line-height:1.4;text-decoration:none;transition:all .2s;display:block}.toc-item a:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.toc-item.active>a{background-color:var(--color-primary);color:#fff;font-weight:500}.toc-item.level-2{padding-left:0}.toc-item.level-3{padding-left:var(--spacing-md)}.toc-item.level-3 a{font-size:.8125rem}@media (width<=1024px){.help-toc{width:240px}.help-layout{gap:var(--spacing-lg)}}@media (width<=768px){.help-page .container{padding:var(--spacing-sm)}.help-header{padding:var(--spacing-md) 0}.help-header .heading-xl{font-size:1.75rem}.help-content{padding:var(--spacing-lg)}.mobile-toc-toggle{display:block}.help-layout{flex-direction:column}.help-toc{z-index:1000;width:80%;max-width:320px;height:100vh;transition:right .3s ease-in-out;position:fixed;top:0;right:-100%;box-shadow:-2px 0 8px #0000001a}.help-toc.show-mobile{right:0}.toc-sticky{border:none;border-left:1px solid var(--border-color);border-radius:0;height:100%}.mobile-toc-close{display:block}.help-toc.show-mobile:before{content:"";z-index:-1;background:#00000080;position:fixed;inset:0}}.instructor-nav{z-index:100;margin-bottom:var(--spacing-xl);border-bottom:3px solid #0000;border-image:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-secondary)) 1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fff 0%,#fef8f0 100%);position:sticky;top:0;box-shadow:0 4px 20px #e85d0426,0 2px 8px #dc2f0214}.instructor-nav:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#e85d0414 0%,#0000 70%);width:80%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.instructor-nav-container{max-width:1400px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin:0 auto;display:flex;position:relative}.instructor-nav-brand{align-items:center;gap:var(--spacing-md);cursor:pointer;transition:transform var(--transition-base), filter var(--transition-base);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);text-decoration:none;display:flex;position:relative}.instructor-nav-brand:before{content:"";border-radius:var(--radius-md);opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#e85d040d,#ffba080d);position:absolute;inset:0}.instructor-nav-brand:hover{transform:translateY(-2px)}.instructor-nav-brand:hover:before{opacity:1}.instructor-nav-brand:hover .brand-logo{filter:drop-shadow(0 4px 8px #e85d044d)}.brand-name{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;position:relative}.instructor-nav-links{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-full);background:linear-gradient(135deg,#e85d040a,#ffba080a);flex:1;justify-content:center;display:flex;box-shadow:inset 0 2px 4px #0000000d}.nav-link{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);color:var(--color-gray-700);transition:all var(--transition-base);letter-spacing:.01em;text-align:center;font-size:.95rem;font-weight:600;text-decoration:none;position:relative;overflow:hidden}.instructor-nav-user{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fffc,#fef8f0cc);display:flex;box-shadow:0 2px 8px #e85d041f}.user-name{color:var(--color-gray-800);padding:0 var(--spacing-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;overflow-wrap:break-word;word-wrap:break-word;-webkit-background-clip:text;background-clip:text;max-width:200px;font-size:.95rem;font-weight:600;line-height:1.3}.instructor-nav-user .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-gray-700), var(--color-gray-800));color:#fff;transition:all var(--transition-base);border:2px solid #0000;font-weight:600;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.instructor-nav-user .btn:before{content:"";background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.instructor-nav-user .btn:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #e85d044d}.instructor-nav-user .btn:hover:before{opacity:1}.instructor-nav-user .btn span{z-index:1;position:relative}@media (width<=768px){.instructor-nav{border-bottom-width:2px}.instructor-nav-container{padding:var(--spacing-sm) var(--spacing-md)}.brand-logo{height:2rem}.brand-name{font-size:1.25rem}.desktop-nav,.nav-breadcrumbs-row,.instructor-nav-user{display:none}.mobile-menu-toggle{display:block}.mobile-nav{padding:var(--spacing-lg);gap:var(--spacing-sm);border-top:3px solid var(--color-accent);animation:slideDown var(--transition-base);background:linear-gradient(#fff8f0fa,#fffffffa);flex-direction:column;display:flex;box-shadow:0 8px 24px #e85d0433}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav .nav-link{text-align:center;width:100%;padding:var(--spacing-md);background:#fff;font-size:1.05rem;box-shadow:0 2px 8px #e85d041f}.mobile-nav .nav-link.active{box-shadow:0 4px 16px #e85d0466}.mobile-nav .btn{width:100%;padding:var(--spacing-md);font-size:1rem}.mobile-logout{margin-top:var(--spacing-md);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;font-weight:700;box-shadow:0 4px 12px #e85d044d}.mobile-logout:hover{box-shadow:0 6px 16px #e85d0466}}@media (width<=1024px) and (width>=769px){.instructor-nav-links{gap:4px}.nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.user-name{font-size:.875rem}.instructor-nav-user .btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.nav-breadcrumbs{font-size:.7rem}}.nav-link:focus-visible,.nav-breadcrumb-link:focus-visible,.instructor-nav-brand:focus-visible,.mobile-menu-toggle:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-md)}@keyframes navFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.instructor-nav{animation:.4s ease-out navFadeIn}.nav-dropdown{position:relative}.nav-dropdown-toggle{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);color:var(--color-gray-700);transition:all var(--transition-base);letter-spacing:.01em;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.95rem;font-weight:600;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-dropdown-toggle:before{content:"";opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-full);background:linear-gradient(135deg,#e85d0414,#ffba0814);position:absolute;inset:0}.nav-dropdown-toggle:hover{color:var(--color-primary);transform:translateY(-2px)}.nav-dropdown-toggle:hover:before{opacity:1}.nav-dropdown-toggle.active{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;font-weight:700;transform:translateY(-1px);box-shadow:0 4px 12px #e85d0466,0 2px 6px #dc2f024d,inset 0 1px #fff3}.nav-dropdown-toggle.active:before{opacity:0}.nav-dropdown-arrow{transition:transform var(--transition-base);font-size:.7rem}.nav-dropdown.open .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{border-radius:var(--radius-md);padding:var(--spacing-xs);z-index:1000;opacity:0;visibility:hidden;min-width:180px;transition:all var(--transition-base);background:linear-gradient(#fff 0%,#fef8f0 100%);border:2px solid #e85d041a;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-10px);box-shadow:0 8px 24px #e85d0433,0 4px 12px #0000001a}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-item{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-gray-700);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;font-size:.9rem;font-weight:600;text-decoration:none;display:block}.nav-dropdown-item:hover{color:var(--color-primary);background:linear-gradient(135deg,#e85d041a,#ffba081a);transform:translate(4px)}.nav-dropdown-item.active{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;box-shadow:0 2px 8px #e85d044d}@media (width<=768px){.mobile-nav .nav-dropdown{width:100%}.mobile-nav .nav-dropdown-toggle{text-align:center;width:100%;padding:var(--spacing-md);background:#fff;justify-content:center;font-size:1.05rem;box-shadow:0 2px 8px #e85d041f}.mobile-nav .nav-dropdown-menu{margin-top:var(--spacing-xs);position:static;transform:none;box-shadow:inset 0 2px 8px #e85d041a}.mobile-nav .nav-dropdown.open .nav-dropdown-menu{transform:none}.mobile-nav .nav-dropdown-item{font-size:.95rem}}.login-page{background:var(--gradient-page);min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";opacity:.04;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.login-card{z-index:1;width:100%;max-width:450px;animation:.6s ease-out cardFadeIn;position:relative}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--spacing-lg)}.login-header .text-secondary{color:var(--color-text-secondary);font-size:14px}.login-form{gap:var(--spacing-md);flex-direction:column;display:flex}.checkbox-label{cursor:pointer;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;margin:0;font-size:14px;flex-direction:row!important;align-items:center!important;display:flex!important}.checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px;margin:0 12px 0 0;padding:0}.checkbox-label span{margin:0;padding:0;display:inline}.login-button{margin-top:var(--spacing-sm);box-sizing:border-box;width:100%!important;margin-left:0!important;margin-right:0!important}.login-footer{margin-top:var(--spacing-lg);text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.login-footer p{margin-bottom:var(--spacing-sm)}.back-link{color:var(--color-text-secondary);transition:color var(--transition);align-items:center;gap:var(--spacing-xs);font-size:14px;text-decoration:none;display:inline-flex}@media (width<=480px){.login-page{padding:var(--spacing-md)}.login-card{padding:var(--spacing-lg)}}.password-strength-indicator{align-items:center;gap:10px;margin-top:8px;margin-bottom:8px;display:flex}.strength-bar-container{background-color:#e0e0e0;border-radius:3px;flex:1;height:6px;overflow:hidden}.strength-bar{border-radius:3px;height:100%;transition:width .3s,background-color .3s}.strength-text{text-align:right;min-width:90px;font-size:.875rem;font-weight:500}.signup-page{background-color:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.signup-card{background:#fff;border-radius:8px;width:100%;max-width:500px;padding:2.5rem;box-shadow:0 2px 8px #0000001a}.signup-card.success-card{text-align:center;padding:3rem 2.5rem}.signup-header{text-align:center;margin-bottom:2rem}.text-lg{margin-bottom:1rem;font-size:1.125rem}.signup-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;display:flex}fieldset.form-group{border:none;min-width:0;margin:0;padding:0}fieldset.form-group legend.form-label{width:100%;padding:0}.form-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.form-input{border:1px solid #d1d5db;border-radius:6px;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input.error{border-color:#ef4444}.form-input:disabled{cursor:not-allowed;background-color:#f3f4f6}.error-text{color:#ef4444;margin-top:.25rem;font-size:.75rem}.help-text{color:#6b7280;margin-top:.25rem;font-size:.75rem}.radio-group{gap:1.5rem;margin-top:.5rem;display:flex}.radio-label{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.radio-label input[type=radio]{cursor:pointer}.radio-label input[type=radio]:disabled{cursor:not-allowed}.alert{border-radius:6px;margin:1rem 0;padding:.875rem;font-size:.875rem}.alert-error{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.alert-info{color:#1e40af;text-align:left;background-color:#dbeafe;border:1px solid #bfdbfe}.btn{cursor:pointer;text-align:center;border:none;border-radius:6px;padding:.625rem 1.25rem;font-weight:500;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-block}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}.signup-button{width:100%;margin-top:.5rem}.signup-footer{text-align:center;margin-top:1.5rem}.signup-footer p{color:#6b7280;margin-bottom:.5rem;font-size:.875rem}.signup-footer a{color:#4caf50;font-weight:500;text-decoration:none}.signup-footer a:hover{text-decoration:underline}.back-link{color:#6b7280;margin-top:.5rem;font-size:.875rem;text-decoration:none;display:inline-block}.back-link:hover{color:#4caf50}.success-icon{color:#fff;background-color:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:2rem;display:flex}@media (width<=640px){.signup-page{padding:1rem}.signup-card{padding:1.5rem}.heading-lg{font-size:1.5rem}}.verify-email-page{background-color:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.verify-card{text-align:center;background:#fff;border-radius:8px;width:100%;max-width:500px;padding:3rem 2.5rem;box-shadow:0 2px 8px #0000001a}.heading-lg{color:#1f2937;margin:1rem 0 .75rem;font-size:1.875rem;font-weight:700}.text-lg{color:#374151;margin-bottom:1.5rem;font-size:1.125rem}.text-secondary{color:#6b7280;margin:.5rem 0;font-size:.875rem}.spinner-large{border:4px solid #e5e7eb;border-top-color:#4caf50;border-radius:50%;width:64px;height:64px;margin:0 auto 1.5rem;animation:1s linear infinite spin}.success-icon-large{color:#fff;background-color:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;font-size:2rem;display:flex}.pending-icon{color:#fff;background-color:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;font-size:2rem;display:flex}.error-icon{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;font-size:2rem;display:flex}.alert{text-align:left;border-radius:6px;margin:1.5rem 0;padding:1rem;font-size:.875rem}.alert-info{color:#1e40af;background-color:#dbeafe;border:1px solid #bfdbfe}.alert-info ul{margin:.5rem 0 0;padding-left:1.5rem}.alert-info li{margin:.25rem 0}.alert-success{color:#065f46;background-color:#d1fae5;border:1px solid #a7f3d0}.btn{cursor:pointer;border:none;border-radius:6px;margin:.5rem .5rem 0;padding:.625rem 1.25rem;font-weight:500;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-block}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background-color:#4caf50}.btn-primary:hover{background-color:#45a049}.btn-primary:disabled{cursor:not-allowed;background-color:#9ca3af;transform:none}.btn-secondary{color:#fff;background-color:#6b7280}.btn-secondary:hover{background-color:#4b5563}@media (width<=640px){.verify-email-page{padding:1rem}.verify-card{padding:2rem 1.5rem}.heading-lg{font-size:1.5rem}.btn{width:100%;margin:.5rem 0;display:block}}.dashboard-wrapper{z-index:1;max-width:1400px;margin:0 auto;position:relative}.dashboard-controls{padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);background:#fff;justify-content:flex-end;display:flex}.auto-refresh-toggle{align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary);font-size:.9rem;display:flex}.auto-refresh-toggle input[type=checkbox]{cursor:pointer}.dashboard-row{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.dashboard-row>*{flex:1;min-width:0}@media (width<=992px){.dashboard-row{flex-direction:column}}.dashboard-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;justify-content:space-between;align-items:flex-start;display:flex}.stat-card{border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);align-items:center;gap:var(--spacing-md);transition:transform var(--transition-base), box-shadow var(--transition-base);background:#fff;border:1px solid #0000;flex-direction:column;display:flex}button.stat-card{cursor:default;text-align:inherit;font:inherit;color:inherit;width:100%}button.stat-card.stat-card-clickable{cursor:pointer}button.stat-card.stat-card-clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}button.stat-card.stat-card-clickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}button.stat-card:disabled{cursor:default;opacity:1}button.stat-card.stat-card-static:hover{box-shadow:var(--shadow-md);transform:none}.stat-card-warning{border:2px solid var(--color-warning);background:var(--color-warning-bg)}.stat-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.stat-icon-quizzes{background:var(--color-gray-100)}.stat-icon-attempts{background:#e0e7ff}.stat-icon-score{background:var(--color-success-bg)}.stat-icon-grading{background:#fef3c7}.stat-content{text-align:center;flex:1}.stat-value{color:var(--color-gray-800);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--color-gray-500);margin-top:var(--spacing-xs);font-size:.875rem}.quick-actions{margin-bottom:var(--spacing-xl)}.action-buttons{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.recent-activity{margin-bottom:var(--spacing-xl)}.activity-list{gap:var(--spacing-md);flex-direction:column;display:flex}.activity-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#fff;display:flex;position:relative;overflow:hidden}.activity-item:before{content:"";background:var(--color-primary);opacity:0;width:4px;transition:opacity var(--transition-base);position:absolute;top:0;bottom:0;left:0}.activity-item:hover{background-color:var(--color-gray-50);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translate(4px)}.activity-item:hover:before{opacity:1}.activity-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-gray-50) 0%, var(--color-gray-100) 100%);border:2px solid var(--color-gray-200);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;display:flex}.activity-content{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:0;display:flex}.activity-description{font-weight:600;font-family:var(--font-display);color:var(--color-gray-800);font-size:15px;line-height:1.4}.activity-student{flex-direction:column;display:flex}.activity-student strong{color:var(--color-gray-800);font-weight:600}.quiz-code{background:var(--color-accent);color:var(--color-neutral);padding:6px var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-mono);border:1px solid var(--color-primary-light);letter-spacing:.5px;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.quiz-title{color:var(--color-gray-600)}.activity-meta-instructor{justify-content:space-between;align-items:center;gap:var(--spacing-lg);color:var(--color-gray-600);width:100%;font-size:13px;display:flex}.activity-score{padding:6px var(--spacing-md);border-radius:var(--radius-md);font-size:14px;font-weight:700;font-family:var(--font-mono);white-space:nowrap;text-align:center;border:2px solid;flex-shrink:0;min-width:60px}.activity-score.score-high{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.activity-score.score-medium{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.activity-score.score-low{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.activity-time{color:var(--color-gray-500);white-space:nowrap;flex-shrink:0;font-size:13px;font-style:italic}.needing-attention{margin-bottom:var(--spacing-xl)}.attention-list{gap:var(--spacing-md);flex-direction:column;display:flex}.attention-item{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-warning);background:var(--color-warning-bg);border-radius:var(--radius-md);transition:box-shadow var(--transition-base);display:flex}.attention-item:hover{box-shadow:var(--shadow-md)}.attention-main{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.attention-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.attention-details{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.attention-quiz{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.attention-quiz strong{color:var(--color-gray-800);font-weight:600}.attention-count{color:var(--color-gray-600)}@media (width<=768px){.dashboard-header{gap:var(--spacing-md);flex-direction:column}.stats-grid{grid-template-columns:1fr}.activity-item{gap:var(--spacing-md);padding:var(--spacing-md);flex-wrap:nowrap}.activity-icon{width:48px;height:48px;font-size:1.5rem}.activity-content{flex:1;min-width:0}.activity-description{font-size:14px}.activity-meta-instructor{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-start}.quiz-code{padding:4px var(--spacing-sm);font-size:12px}.activity-score{min-width:50px;padding:4px var(--spacing-sm);font-size:12px}.activity-time{font-size:12px}.attention-item{flex-direction:column;align-items:flex-start}.attention-main{width:100%}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}.stats-card-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.stat-card{border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);align-items:flex-start;gap:var(--spacing-md);background:#fff;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{flex-shrink:0;font-size:2.5rem}.stat-content{flex:1;min-width:0}.stat-value{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700}.stat-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:.9rem}.stat-card-comparison{border-radius:var(--border-radius-sm);margin-top:var(--spacing-xs);padding:4px 8px;font-size:.8rem;font-weight:600;display:inline-block}.stat-card-comparison.positive{color:#065f46;background-color:#d1fae5}.stat-card-comparison.negative{color:#991b1b;background-color:#fee2e2}.stat-breakdown{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.breakdown-item{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.breakdown-label{color:var(--color-text-secondary)}.breakdown-value{color:var(--color-text-primary);font-weight:600}@media (width<=768px){.stats-card-grid{grid-template-columns:1fr}}@media (width<=768px){.chart-container{height:250px}}.chart-panel{border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);background:#fff;flex:1;min-width:0}.chart-header{margin-bottom:var(--spacing-lg)}.chart-header h3{color:var(--color-text-primary);margin:0;font-size:1.25rem}.chart-subtitle{margin:var(--spacing-xs) 0 0 0;color:var(--color-text-secondary);font-size:.85rem}.chart-container{height:300px;position:relative}.chart-empty{height:300px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:.9rem;display:flex}@media (width<=768px){.chart-container{height:250px}}.alerts-panel{border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);background:#fff;flex:1;min-width:0}.alerts-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.empty-icon{margin-bottom:var(--spacing-md);font-size:3rem;display:block}.alerts-list{gap:var(--spacing-md);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.alert-item{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);transition:background-color .2s}.alert-item:hover{background-color:var(--color-bg-secondary,#f9fafb)}.alert-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.alert-badge{border-radius:var(--border-radius-sm);align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-icon{font-size:.9rem}.badge-error{color:#991b1b;background-color:#fee2e2}.badge-warning{color:#92400e;background-color:#fef3c7}.badge-info{color:#1e40af;background-color:#dbeafe}.alert-time{color:var(--color-text-secondary);font-size:.75rem}.alert-message{color:var(--color-text-primary);font-size:.9rem;line-height:1.5}.health-panel{border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);background:#fff;flex:1;min-width:0}.health-loading{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.health-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.health-item{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;display:flex}.health-label{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.health-value{color:var(--color-text-secondary);font-size:.9rem}.health-indicator{border-radius:var(--border-radius-sm);align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.indicator-icon{font-size:1rem}.health-ok{color:#065f46;background-color:#d1fae5}.health-warning{color:#92400e;background-color:#fef3c7}.health-error{color:#991b1b;background-color:#fee2e2}.pending-approvals-widget{border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);background:#fff;flex:1;min-width:0;transition:all .2s}.pending-approvals-widget.has-pending{border-left:4px solid var(--color-warning,#f59e0b)}.widget-header h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary);font-size:1.25rem}.widget-content{text-align:center;flex-direction:column;align-items:center;display:flex}.approval-count{justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.count-icon{font-size:2.5rem}.count-value{color:var(--color-text-primary);font-size:3rem;font-weight:700}.approval-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:.95rem}.btn-review{width:100%;max-width:200px}.modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.modal-header h2{margin:0}.modal-body p{color:var(--color-gray-600);margin-bottom:var(--spacing-md);line-height:1.6}.modal-body p:last-child{margin-bottom:0}.warning-text{color:var(--color-error);font-size:.875rem}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200);justify-content:flex-end;gap:var(--spacing-sm);display:flex}.share-section{margin-bottom:var(--spacing-lg)}.share-section:last-child{margin-bottom:0}.share-label{color:var(--color-gray-700);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.share-input-group{gap:var(--spacing-sm);display:flex}.share-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-mono);background-color:var(--color-gray-50);color:var(--color-gray-700);flex:1;font-size:.875rem}.share-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.share-help{margin-top:var(--spacing-sm);margin-bottom:0}.file-upload-zone-container{width:100%}.file-upload-zone{text-align:center;cursor:pointer;background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;padding:40px 20px;transition:all .3s;position:relative}.file-upload-zone:hover{background-color:#f5f3ff;border-color:#7c3aed}.file-upload-zone.dragging{background-color:#ede9fe;border-style:solid;border-color:#7c3aed;transform:scale(1.02)}.file-upload-zone.error{background-color:#fef2f2;border-color:#dc2626}.file-input-hidden{display:none}.upload-icon{margin-bottom:16px}.upload-icon .material-symbols-outlined{color:#7c3aed;opacity:.6;font-size:64px;transition:opacity .3s}.file-upload-zone:hover .upload-icon .material-symbols-outlined,.file-upload-zone.dragging .upload-icon .material-symbols-outlined{opacity:1}.upload-text{color:#666}.upload-primary{color:#333;margin:0 0 8px;font-size:16px;font-weight:500}.upload-secondary{color:#999;margin:0;font-size:14px}.file-upload-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:14px;display:flex}.file-upload-error .material-symbols-outlined{font-size:20px}@media (width<=768px){.file-upload-zone{padding:30px 16px}.upload-icon .material-symbols-outlined{font-size:48px}.upload-primary{font-size:14px}.upload-secondary{font-size:12px}}.import-validation-results{margin-top:20px}.validation-success,.validation-error-header{border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:16px;font-weight:500;display:flex}.validation-success{color:#166534;background-color:#f0fdf4;border:1px solid #86efac}.validation-success .material-symbols-outlined{color:#22c55e}.validation-error-header{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.validation-error-header .material-symbols-outlined{color:#dc2626}.quiz-selector-section{background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:20px;padding:16px}.quiz-selector-section label{color:#333;margin-bottom:8px;font-weight:500;display:block}.quiz-select{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.quiz-select:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.preview-section{margin-bottom:20px}.preview-section h4{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.preview-table-container{border:1px solid #e5e5e5;border-radius:8px;overflow-x:auto}.preview-table{border-collapse:collapse;background-color:#fff;width:100%}.preview-table thead{background-color:#f9f9f9}.preview-table th{text-align:left;color:#666;border-bottom:2px solid #e5e5e5;padding:12px;font-size:13px;font-weight:600}.preview-table td{border-bottom:1px solid #f0f0f0;padding:12px;font-size:14px}.preview-table tbody tr:last-child td{border-bottom:none}.preview-table tbody tr:hover{background-color:#f9f9f9}.question-type-cell{align-items:center;gap:8px;display:flex}.question-type-label{white-space:nowrap;font-size:13px}.warnings-section{background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:20px;padding:16px}.warnings-section h4{color:#92400e;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.warnings-section .material-symbols-outlined{color:#f59e0b;font-size:20px}.warning-list{margin:0;padding:0;list-style:none}.warning-item{color:#92400e;background-color:#fefce8;border-left:3px solid #fbbf24;border-radius:4px;margin-bottom:8px;padding:8px 12px;font-size:14px}.warning-item:last-child{margin-bottom:0}.warning-item.severity-high{background-color:#fef3c7;border-left-color:#f59e0b}.warning-item.severity-low{opacity:.8;border-left-color:#fde68a}.errors-section{margin-bottom:20px}.error-list{margin:0 0 16px;padding:0;list-style:none}.error-item{background-color:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:6px;margin-bottom:12px;padding:16px}.error-item:last-child{margin-bottom:0}.error-type{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#dc2626;border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.error-location{color:#666;margin-bottom:8px;font-family:Courier New,monospace;font-size:12px}.error-message{color:#991b1b;margin-bottom:8px;font-size:14px;font-weight:500}.error-details{color:#666;background-color:#fff;border-radius:4px;margin-top:4px;padding:8px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto}.show-all-errors-btn,.download-report-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.show-all-errors-btn{margin-right:12px}.show-all-errors-btn:hover,.download-report-btn:hover{background-color:#f9f9f9;border-color:#9ca3af}.download-report-btn .material-symbols-outlined{font-size:18px}@media (width<=768px){.preview-table th,.preview-table td{padding:8px;font-size:12px}.question-type-label{display:none}.error-item{padding:12px}.show-all-errors-btn,.download-report-btn{justify-content:center;width:100%;margin-bottom:8px}.show-all-errors-btn{margin-right:0}}.import-dialog-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.import-dialog{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.import-dialog-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.import-dialog-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.import-dialog-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.import-dialog-close:hover{color:#1f2937;background-color:#f3f4f6}.import-dialog-close .material-symbols-outlined{font-size:24px}.import-dialog-content{flex:1;padding:24px;overflow-y:auto}.validating-indicator{color:#6b7280;justify-content:center;align-items:center;gap:12px;padding:32px;font-size:14px;display:flex}.import-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:12px;margin-top:16px;padding:16px;font-size:14px;display:flex}.import-error .material-symbols-outlined{font-size:20px}.import-dialog-footer{border-top:1px solid #e5e5e5;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary{color:#374151;background-color:#fff;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 100%);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@media (width<=768px){.import-dialog{border-radius:0;max-width:100%;max-height:100vh;margin:0}.import-dialog-overlay{padding:0}.import-dialog-header{padding:16px}.import-dialog-header h2{font-size:18px}.import-dialog-content{padding:16px}.import-dialog-footer{flex-wrap:wrap;padding:12px 16px}.btn-secondary,.btn-primary{flex:1;justify-content:center;min-width:120px}}.quiz-list-page{background:var(--gradient-page);min-height:100vh;padding-bottom:var(--spacing-2xl);position:relative;overflow-x:hidden}.quiz-list-page:before{content:"";opacity:.04;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.quiz-list-wrapper{z-index:1;max-width:1600px;margin:0 auto;position:relative}.quiz-list-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;justify-content:space-between;align-items:flex-start;display:flex}.quiz-table-container{padding:0;overflow-x:auto}.quiz-table{border-collapse:collapse;width:100%}.quiz-table thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.quiz-table th{padding:var(--spacing-md);text-align:left;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.quiz-table td{padding:var(--spacing-md);border-top:1px solid var(--color-gray-200);color:var(--color-gray-700)}.quiz-table tbody tr{transition:background-color var(--transition-fast)}.quiz-table tbody tr:hover{background-color:var(--color-gray-50)}.quiz-table tbody tr.quiz-public-row{background-color:var(--color-blue-50);border-left:3px solid var(--color-blue-400)}.quiz-table tbody tr.quiz-public-row:hover{background-color:var(--color-blue-100)}.quiz-code-badge{background:var(--color-gray-100);color:var(--color-gray-700);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;font-weight:600;display:inline-block}.quiz-title-cell{align-items:center;gap:var(--spacing-sm);display:flex}.quiz-title{font-weight:500}.action-buttons-row{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.action-buttons-row .btn{margin:0}.action-buttons-row .btn-danger:hover:not(:disabled){background:#c53030}@media (width<=1024px){.quiz-table-container{overflow-x:auto}.quiz-table{min-width:800px}}@media (width<=768px){.quiz-list-header{gap:var(--spacing-md);flex-direction:column}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}}.quiz-results-container{max-width:1500px;margin:0 auto}.results-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);display:flex}.header-left{align-items:center;gap:var(--spacing-lg);display:flex}.header-title{gap:var(--spacing-xs);flex-direction:column;display:flex}.summary-stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(5,1fr);display:grid}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);background:#fff;flex-direction:column;display:flex}.stat-label{color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.stat-value{color:var(--color-gray-800);gap:var(--spacing-xs);flex-direction:column;font-size:32px;font-weight:700;display:flex}.stat-secondary{color:var(--color-gray-500);font-size:14px;font-weight:400}.filters-section{margin-bottom:var(--spacing-xl)}.filters-row{gap:var(--spacing-lg);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-group{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:200px;display:flex}.range-inputs{align-items:center;gap:var(--spacing-sm);display:flex}.range-inputs .form-input{flex:1}.range-separator{color:var(--color-gray-500);white-space:nowrap;font-size:14px}.filter-summary{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);color:var(--color-gray-600);font-size:14px}.attempts-table-container{overflow-x:auto}.attempts-table{border-collapse:collapse;width:100%}.attempts-table thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.attempts-table th{padding:var(--spacing-md);text-align:left;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.875rem;font-weight:600}.attempts-table td{padding:var(--spacing-md);border-top:1px solid var(--color-gray-200);color:var(--color-gray-700)}.attempts-table tbody tr{transition:background-color var(--transition-fast)}.attempts-table tbody tr:hover{background-color:var(--color-gray-50)}.badge-excellent{background:var(--color-success-light);color:#22543d}.badge-good{color:#2c5282;background:#bee3f8}.badge-fair{background:var(--color-warning-light);color:#744210}.badge-poor{background:var(--color-error-light);color:#742a2a}.question-analytics-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.analytics-card{border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-md);transition:all var(--transition-base);background:#fff;flex-direction:column;display:flex}.analytics-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics-excellent{border-left:4px solid var(--color-success)}.analytics-good{border-left:4px solid var(--color-info)}.analytics-fair{border-left:4px solid var(--color-warning)}.analytics-poor{border-left:4px solid var(--color-error)}.analytics-header{justify-content:space-between;align-items:center;display:flex}.question-type-badge{text-transform:capitalize;align-items:center;gap:.375rem;font-size:12px;display:flex}.question-type-badge .material-symbols-outlined{font-size:16px}.question-points{color:var(--color-gray-600);font-size:14px;font-weight:600}.question-text{color:var(--color-gray-700);margin:0;font-size:14px;line-height:1.5}.analytics-stats{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.analytics-stat{gap:var(--spacing-xs);flex-direction:column;display:flex}.analytics-stat .stat-label{color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.analytics-stat .stat-value{color:var(--color-gray-800);font-size:20px;font-weight:700}.common-wrong-answer{padding:var(--spacing-sm);background:var(--color-error-bg);border-radius:var(--radius-md);gap:var(--spacing-xs);flex-direction:column;display:flex}.wrong-answer-label{color:var(--color-gray-600);font-size:12px;font-weight:600}.wrong-answer-text{color:var(--color-gray-700);font-size:14px}@media (width<=1200px){.summary-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.results-header{flex-direction:column}.header-left{flex-direction:column;align-items:flex-start;width:100%}.summary-stats{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column}.filter-group{width:100%;min-width:unset}.attempts-table-container{overflow-x:auto}.attempts-table{min-width:800px}.question-analytics-grid{grid-template-columns:1fr}}@media (width<=480px){.summary-stats{grid-template-columns:1fr}.stat-value{font-size:24px}}.create-quiz-page{padding:var(--spacing-lg);flex:1;justify-content:center;align-items:center;display:flex}.create-quiz-container{width:100%;max-width:700px}.create-quiz-card{width:100%}.create-quiz-header{text-align:center;margin-bottom:var(--spacing-xl)}.create-quiz-header .text-secondary{color:var(--color-text-secondary);font-size:14px}.create-quiz-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.quiz-code-input{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase}.button-group{gap:var(--spacing-md);margin-top:var(--spacing-md);display:flex}.button-group .btn-primary{flex:1}.create-quiz-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}.logout-link{color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition);padding:var(--spacing-sm);background:0 0;border:none;font-size:14px;text-decoration:none}.logout-link:hover{color:var(--color-primary)}.error-shake{animation:.3s shake}@media (width<=768px){.create-quiz-page{padding:var(--spacing-md)}.create-quiz-container{max-width:100%}.button-group{flex-direction:column}.button-group .btn-primary{order:-1}}.question-list{gap:var(--spacing-md);flex-direction:column;display:flex}.question-list.dragging-over{background-color:var(--color-gray-50);border-radius:var(--radius-md)}.question-list-empty{text-align:center;padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300);background:#fff}.question-item{border-radius:var(--radius-md);border:2px solid var(--color-gray-200);transition:all var(--transition-base);background:#fff;overflow:hidden}.question-item:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.question-item.dragging{opacity:.5;box-shadow:var(--shadow-xl);border-color:var(--color-primary);transform:rotate(2deg)}.question-item-content{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);display:flex}.question-drag-handle{cursor:grab;color:var(--color-gray-400);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.question-drag-handle:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.question-drag-handle:active{cursor:grabbing}.drag-icon{letter-spacing:-2px;font-size:20px;line-height:1}.question-info{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:0;display:flex}.question-header{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.question-type{align-items:center;gap:.375rem;font-size:12px;display:flex}.question-points{margin-left:auto}.question-meta{margin-top:var(--spacing-xs)}.question-actions{gap:var(--spacing-sm);align-items:flex-start;display:flex}.btn-icon:active{transform:translateY(0)}.btn-duplicate{color:var(--color-primary);border-color:var(--color-primary)}.btn-duplicate:hover{background:var(--color-primary);color:#fff}.btn-duplicate:hover svg path{stroke:#fff}.btn-edit{color:var(--color-info);border-color:var(--color-info)}.btn-edit:hover{background:var(--color-info);color:#fff}.btn-delete{color:var(--color-error);border-color:var(--color-error)}.btn-delete:hover{background:var(--color-error);color:#fff}@media (width<=768px){.question-item-content{padding:var(--spacing-sm)}.question-drag-handle{padding:var(--spacing-xs)}.question-header{font-size:14px}.btn-icon{width:32px;height:32px}.question-points{width:100%;margin-left:0}.question-actions{flex-direction:column}}.image-upload-button-container{margin:1rem 0}.image-upload-dropzone{text-align:center;cursor:pointer;background-color:#fafafa;border:2px dashed #ccc;border-radius:8px;padding:2rem;transition:all .3s}.image-upload-dropzone:hover{border-color:var(--color-primary,#7c3aed);background-color:#f5f3ff}.image-upload-dropzone.drag-active{border-color:var(--color-primary,#7c3aed);background-color:#ede9fe;border-style:solid}.image-upload-dropzone.uploading{cursor:not-allowed;opacity:.6}.upload-prompt{flex-direction:column;align-items:center;gap:.5rem;display:flex}.upload-icon{font-size:2rem}.upload-text{color:#333;font-size:.95rem}.upload-text strong{color:var(--color-primary,#7c3aed)}.upload-hint{color:#666;font-size:.85rem}.upload-status{color:#666;justify-content:center;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--color-primary,#7c3aed);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.upload-error{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:4px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;font-size:.9rem;display:flex}.error-icon{font-size:1.2rem}@media (width<=768px){.image-upload-dropzone{padding:1.5rem}.upload-icon{font-size:1.5rem}.upload-text{font-size:.9rem}.upload-hint{font-size:.8rem}}.image-browser-container{margin:1rem 0}.image-browser-header{margin-bottom:1rem}.image-browser-header h3{color:#333;margin:0;font-size:1.1rem}.image-browser-loading{color:#666;justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.image-browser-error{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:8px;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.retry-button{color:#c33;cursor:pointer;background-color:#fff;border:1px solid #c33;border-radius:4px;padding:.5rem 1rem;font-size:.9rem}.retry-button:hover{background-color:#fee}.image-browser-empty{color:#666;background-color:#fafafa;border:1px dashed #ccc;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:3rem;display:flex}.empty-icon{opacity:.5;font-size:3rem}.empty-hint{color:#999;font-size:.85rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem;display:grid}.image-card{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:8px;transition:all .2s;overflow:hidden}.image-card:hover{border-color:var(--color-primary,#7c3aed);transform:translateY(-2px);box-shadow:0 2px 8px #7c3aed33}.image-preview{background-color:#f5f5f5;width:100%;height:150px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.image-overlay{opacity:0;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-card:hover .image-overlay{opacity:1}.preview-button,.copy-button,.delete-button{cursor:pointer;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;transition:all .2s}.preview-button{color:#333;background-color:#fff}.preview-button:hover{background-color:#f0f0f0}.copy-button{background-color:var(--color-primary,#7c3aed);color:#fff}.copy-button:hover{background-color:var(--color-primary-dark,#6d28d9)}.copy-button.copied{background-color:#10b981;animation:.3s pulse}.delete-button{color:#fff;background-color:#dc2626}.delete-button:hover{background-color:#b91c1c}.image-info{padding:.75rem}.image-filename{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.85rem;font-weight:500;overflow:hidden}.image-meta{color:#666;font-size:.75rem}.image-modal,.delete-modal{z-index:1000;background-color:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:800px;max-height:90vh;padding:1.5rem;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#333;background-color:#f0f0f0}.modal-image{border-radius:4px;width:100%;height:auto;margin-bottom:1rem}.modal-info{margin-bottom:1rem}.modal-filename{color:#333;margin-bottom:.25rem;font-size:1rem;font-weight:500}.modal-meta{color:#666;font-size:.85rem}.modal-select-button{background-color:var(--color-primary,#7c3aed);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;padding:.75rem;font-size:.95rem;font-weight:500;transition:background-color .2s}.modal-select-button:hover{background-color:var(--color-primary-dark,#6d28d9)}.delete-modal .modal-content{max-width:400px}.delete-modal h3{color:#333;margin-top:0}.delete-modal p{color:#666;margin-bottom:1.5rem}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.cancel-button,.confirm-delete-button{cursor:pointer;border:none;border-radius:4px;padding:.6rem 1.2rem;font-size:.9rem;transition:all .2s}.cancel-button{color:#333;background-color:#f0f0f0}.cancel-button:hover{background-color:#e0e0e0}.confirm-delete-button{color:#fff;background-color:#dc2626}.confirm-delete-button:hover{background-color:#b91c1c}.confirm-delete-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.image-preview{height:120px}.modal-content{padding:1rem}}.multiple-choice-builder{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);background:#fff}.choices-list{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.choice-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex}.choice-item:hover{border-color:var(--color-gray-300);background:#fff}.choice-item.dragging{opacity:.5;box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.choice-drag-handle{cursor:grab;color:var(--color-gray-400);padding:var(--spacing-xs);-webkit-user-select:none;user-select:none;letter-spacing:-2px;font-size:16px;line-height:1}.choice-drag-handle:active{cursor:grabbing}.choice-item input[type=radio],.choice-item input[type=checkbox]{cursor:pointer;flex-shrink:0;width:20px;height:20px}.choice-input{flex:1;margin-bottom:0}.choice-input-container{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.choice-explanation-input{resize:vertical;width:100%;margin-bottom:0;font-size:14px}.btn-remove-choice{border-radius:var(--radius-md);border:1px solid var(--color-gray-300);width:32px;height:32px;color:var(--color-error);cursor:pointer;transition:all var(--transition-base);background:#fff;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:24px;font-weight:300;display:flex}.btn-remove-choice:hover:not(:disabled){background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-remove-choice:disabled{opacity:.3;cursor:not-allowed}.builder-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:2px solid var(--color-gray-200);justify-content:flex-end;display:flex}.true-false-options{gap:var(--spacing-lg);display:flex}.true-false-option{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);flex:1;justify-content:center;display:flex}.true-false-option:hover{border-color:var(--color-primary);background:#fff}.true-false-option input[type=radio]{cursor:pointer;flex-shrink:0;width:20px;height:20px;margin:0}.true-false-option .option-label{color:var(--color-gray-700);font-size:16px;font-weight:600;line-height:1.2}.true-false-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-bg)}.true-false-option:has(input:checked) .option-label{color:var(--color-primary)}.scoring-method-selector{gap:var(--spacing-md);flex-direction:column;display:flex}.scoring-option{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex}.scoring-option:hover{border-color:var(--color-primary);background:#fff}.scoring-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-bg)}.scoring-option input[type=radio]{cursor:pointer;flex-shrink:0;width:20px;height:20px;margin-top:2px}.scoring-option strong{color:var(--color-gray-800);margin-bottom:var(--spacing-xs);font-size:15px;display:block}.scoring-option .option-description{color:var(--color-gray-600);margin:0;font-size:14px;line-height:1.5}.conditional-input{margin-left:calc(var(--spacing-md) + 20px);margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.conditional-input .form-label{color:var(--color-gray-700);margin-bottom:var(--spacing-xs);font-size:14px}.conditional-input .form-input{max-width:300px}@media (width<=768px){.multiple-choice-builder{padding:var(--spacing-lg)}.builder-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.choice-item{flex-wrap:wrap}.choice-drag-handle{display:none}.choice-input-container{order:3;width:100%}.btn-remove-choice{order:2}.true-false-options{gap:var(--spacing-sm);flex-direction:column}.builder-actions{flex-direction:column-reverse}.builder-actions .btn{width:100%}}.tier-configuration{background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);margin-top:1rem;padding:1rem}.tier-table{border-collapse:collapse;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);background:#fff;margin:1rem 0;overflow:hidden}.tier-table th,.tier-table td{text-align:left;border-bottom:1px solid var(--color-gray-200);padding:.75rem}.tier-table th{background-color:var(--color-gray-100);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.tier-table tbody tr:last-child td{border-bottom:none}.tier-table tbody tr:hover{background-color:var(--color-gray-50)}.tier-table input[type=number]{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition-base);padding:.5rem;font-size:14px}.tier-table input[type=number]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.remove-tier-btn{background-color:var(--color-error);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);border:none;padding:.375rem .75rem;font-size:13px;font-weight:500}.remove-tier-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);background-color:#dc2626;transform:translateY(-1px)}.remove-tier-btn:disabled{opacity:.4;cursor:not-allowed}.add-tier-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:14px;font-weight:600;display:inline-flex}.add-tier-btn:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.helper-text{color:var(--color-gray-600);margin-bottom:.5rem;font-size:14px;line-height:1.5}.preview-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-md);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.preview-modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;margin:auto;display:flex}.preview-modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:2px solid var(--color-gray-200);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.preview-modal-header h2{color:var(--color-gray-900);margin:0;font-size:24px;font-weight:700}.btn-close{background:var(--color-gray-100);width:40px;height:40px;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:32px;font-weight:300;line-height:1;display:flex}.btn-close:hover{background:var(--color-error);color:#fff;transform:scale(1.05)}.question-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.question-label{color:var(--color-gray-800);font-size:18px;font-weight:700}.question-header .badge{background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:14px;font-weight:600}.question-text-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.code-section{margin-bottom:var(--spacing-lg)}.preview-warning{padding:var(--spacing-md);background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-md);color:var(--color-gray-800);font-size:14px}.preview-warning strong{color:var(--color-info);font-weight:700}.preview-modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:2px solid var(--color-gray-200);justify-content:flex-end;gap:var(--spacing-sm);flex-shrink:0;display:flex}@media (width<=768px){.preview-modal-overlay{align-items:stretch;padding:0}.preview-modal-content{border-radius:0;max-width:100%;height:100vh;max-height:100vh}.preview-modal-header{padding:var(--spacing-md)}.preview-modal-header h2{font-size:20px}.preview-modal-body{padding:var(--spacing-md)}.question-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.preview-modal-footer{padding:var(--spacing-md)}.preview-modal-footer button{width:100%}}.python-question-builder{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);background:#fff}.form-group-inline{margin-bottom:var(--spacing-md);width:100%}.form-subtitle{margin-bottom:var(--spacing-lg);color:var(--color-primary);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-200);font-size:18px;font-weight:700}.form-helper-text{color:var(--color-gray-600);margin-top:var(--spacing-xs);font-size:13px}.checkbox-label{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;margin-bottom:0;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.checkbox-label span{flex:1;line-height:1.5}.code-editor-section{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-base);overflow:hidden}.code-editor-section:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.code-editor-error{border-color:var(--color-error)}.code-input{font-family:var(--font-mono);font-size:14px}.test-cases-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.test-cases-list{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);background:#fff;flex-direction:column;display:flex}.test-case-item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex}.test-case-item:hover{border-color:var(--color-gray-300);background:#fff}.test-case-item.dragging{opacity:.5;box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.test-case-drag-handle{cursor:grab;color:var(--color-gray-400);padding:var(--spacing-xs);-webkit-user-select:none;user-select:none;letter-spacing:-2px;flex-shrink:0;font-size:16px;line-height:1}.test-case-drag-handle:active{cursor:grabbing}.test-case-content{flex:1;min-width:0}.test-case-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.test-case-number{color:var(--color-gray-700);font-weight:600}.visibility-badge{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;padding:2px 8px;font-size:12px;font-weight:600}.visibility-badge.visible{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-light)}.visibility-badge.hidden{background:var(--color-gray-100);color:var(--color-gray-600);border:1px solid var(--color-gray-300)}.visibility-badge:hover{opacity:.8;transform:scale(1.05)}.test-case-description{color:var(--color-gray-800);margin-bottom:var(--spacing-xs);font-weight:600}.test-case-details{gap:var(--spacing-xs);flex-direction:column;display:flex}.test-case-input,.test-case-output{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-size:13px;display:flex}.test-case-input .label,.test-case-output .label{color:var(--color-gray-600);min-width:65px;font-weight:600}.test-case-input code,.test-case-output code{font-family:var(--font-mono);background:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-gray-800);padding:2px 6px;font-size:12px}.type-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;font-size:11px;font-weight:600}.type-number{color:#1e40af;background:#dbeafe}.type-boolean{color:#6b21a8;background:#ede9fe}.type-string{color:#15803d;background:#dcfce7}.type-array{color:#92400e;background:#fef3c7}.type-object{color:#9f1239;background:#ffe4e6}.test-case-actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.btn-icon{border-radius:var(--radius-md);border:1px solid var(--color-gray-300);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);background:#fff;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.btn-edit{color:var(--color-primary)}.btn-edit:hover{background:var(--color-primary);border-color:var(--color-primary)}.btn-edit:hover svg path{stroke:#fff}.btn-delete{color:var(--color-error)}.btn-delete:hover{background:var(--color-error);border-color:var(--color-error)}.btn-delete:hover svg path{stroke:#fff}.test-case-form{border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-md);background:#f8fafc;box-shadow:0 2px 8px #0000000d}.test-case-form .form-input,.test-case-form .form-input.code-input{width:100%;max-width:100%;font-size:14px}.test-case-form .form-group-inline{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:#fff}.test-case-form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--color-gray-300);justify-content:flex-end;display:flex}@media (width<=768px){.python-question-builder{padding:var(--spacing-md)}.test-case-item{gap:var(--spacing-md);flex-direction:column}.test-case-drag-handle{align-self:flex-start}.test-case-actions{align-self:flex-end}.test-cases-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.builder-actions{flex-direction:column}.builder-actions button{width:100%}.test-case-form-actions{flex-direction:column}.test-case-form-actions button{width:100%}}.preview-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-md);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;width:100%;max-width:1400px;max-height:90vh;display:flex;overflow:hidden}.preview-modal-content.sql-preview{max-width:1400px}.preview-modal-header{padding:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200);background:var(--color-gray-50);justify-content:space-between;align-items:center;display:flex}.preview-modal-header h2{color:var(--color-gray-900);margin:0;font-size:24px}.btn-close{color:var(--color-gray-600);cursor:pointer;border-radius:var(--radius-md);width:40px;height:40px;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:32px;line-height:1;display:flex}.btn-close:hover{background:var(--color-gray-200);color:var(--color-gray-900)}.preview-modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.preview-modal-footer{padding:var(--spacing-lg);border-top:2px solid var(--color-gray-200);background:var(--color-gray-50);justify-content:flex-end;gap:var(--spacing-sm);display:flex}.question-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.question-label{color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.question-text{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.preview-info{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md);border:2px solid var(--color-gray-200)}.preview-info h4{margin:0 0 var(--spacing-md) 0;color:var(--color-gray-800);font-size:16px}.preview-info ul{margin:0 0 var(--spacing-md) 0;padding:0;list-style:none}.preview-info ul li{padding:var(--spacing-xs) 0;color:var(--color-gray-700);font-size:14px}.preview-info ul li strong{color:var(--color-gray-900)}.preview-info p{margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--color-gray-800);font-weight:600}.preview-info .code-block{background:var(--color-gray-900);color:#f8f8f2;padding:var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-mono);margin:0;font-size:13px;line-height:1.5;overflow-x:auto}.loading-indicator{padding:var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.spinner{border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-indicator p{margin-top:var(--spacing-md);color:var(--color-gray-600);font-size:14px}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.alert-error{background:var(--color-error-bg);border:2px solid var(--color-error-light);color:var(--color-error)}.alert p{margin:var(--spacing-xs) 0}.alert strong{font-weight:600}@media (width<=768px){.preview-modal-overlay{padding:0}.preview-modal-content{border-radius:0;max-width:100%;max-height:100vh}.preview-modal-header{padding:var(--spacing-md)}.preview-modal-header h2{font-size:20px}.preview-modal-body,.preview-modal-footer,.preview-info{padding:var(--spacing-md)}.preview-info .code-block{font-size:12px}}.sql-question-builder{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);background:#fff}.save-status{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:14px;font-weight:600}.save-status-saving{background:var(--color-gray-100);color:var(--color-gray-700)}.save-status-saved{background:var(--color-success-bg);color:var(--color-success)}.save-status-error{background:var(--color-error-bg);color:var(--color-error)}.form-label{margin-bottom:var(--spacing-sm);color:var(--color-gray-800);font-weight:600;display:block}.help-text{color:var(--color-gray-600);margin-bottom:var(--spacing-sm);font-size:13px}.markdown-textarea{resize:vertical;width:100%;font-family:var(--font-mono);border:none;border-radius:0;font-size:14px;line-height:1.6}.markdown-textarea:focus{box-shadow:none;border:none}.markdown-preview{padding:var(--spacing-md);background:#fff;min-height:150px}.sql-editor-wrapper{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-base);position:relative;overflow:hidden}.sql-editor-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.sql-editor-wrapper.has-error{border-color:var(--color-error)}.validation-indicator{top:var(--spacing-sm);right:var(--spacing-sm);border-radius:var(--radius-sm);z-index:10;pointer-events:none;transition:all var(--transition-base);padding:4px 10px;font-size:12px;font-weight:600;position:absolute}.validation-indicator.valid{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-light)}.validation-indicator.invalid{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-light)}.grading-options{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:2px solid var(--color-gray-200);gap:var(--spacing-md);flex-direction:column;display:flex}.checkbox-label{gap:var(--spacing-xs);cursor:pointer;flex-direction:column;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;align-self:flex-start;width:18px;height:18px}.checkbox-label span:first-of-type{color:var(--color-gray-800);font-size:14px;font-weight:600}.checkbox-help{color:var(--color-gray-600);margin-left:26px;font-size:13px;font-weight:400}.timeout-input{align-items:center;gap:var(--spacing-sm);display:flex}.timeout-input label{color:var(--color-gray-700);font-weight:600}.timeout-input input{width:80px}.timeout-input span{color:var(--color-gray-600);font-size:14px}.builder-actions{gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:2px solid var(--color-gray-200);margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}.error-message{color:var(--color-error);margin-top:var(--spacing-xs);font-size:13px;display:block}.form-input-error{border-color:var(--color-error)!important}@media (width<=768px){.sql-question-builder{padding:var(--spacing-md)}.builder-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.builder-actions{flex-direction:column}.builder-actions button{width:100%}.timeout-input{flex-wrap:wrap}.validation-indicator{margin-top:var(--spacing-sm);position:static}}.table-preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0009;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.table-preview-container{background:#fff;border-radius:12px;flex-direction:column;width:50vw;max-width:50vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.table-preview-header{background:linear-gradient(135deg,#e85d040d 0%,#ffba080d 100%);border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.table-preview-header h5{color:var(--color-neutral,#2c3e50);margin:0;font-size:1.25rem;font-weight:700}.table-preview-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.table-preview-close:hover{color:#000;background:#0000001a}.table-preview-body{flex:1;padding:2rem;overflow-y:auto}.table-preview-footer{background:#f8f9fa;border-top:2px solid #e0e0e0;justify-content:flex-end;padding:1rem 1.5rem;display:flex}@media (width<=1200px){.table-preview-container{width:70vw;max-width:70vw}}@media (width<=768px){.table-preview-container{width:90vw;max-width:90vw}.table-preview-body{padding:1rem}}.table-radio-question-builder{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);background:#fff}.form-section{margin-bottom:1.5rem}.form-label{color:var(--color-gray-700);margin-bottom:.5rem;font-weight:600;display:block}.options-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.option-item{align-items:center;gap:.5rem;display:flex}.option-item .form-input{flex:1}.row-editor{border:1px solid var(--color-gray-300,#ddd);border-radius:var(--radius-md,4px);background-color:var(--color-gray-50,#f9f9f9);margin-bottom:1rem;padding:1rem;animation:.3s ease-in fadeIn}.row-editor .form-group{margin-bottom:.75rem}.row-editor .form-group:last-of-type{margin-bottom:0}.row-header{border-bottom:1px solid var(--color-gray-300,#e0e0e0);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.row-header h5{color:var(--color-gray-800,#2c3e50);margin:0;font-size:1rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.builder-actions{border-top:2px solid var(--color-gray-200);gap:1rem;margin-top:2rem;padding-top:1rem;display:flex}.markdown-editor{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-base);overflow:hidden}.markdown-editor:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.editor-tabs{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200);display:flex}.editor-tabs .tab{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--color-gray-600);transition:all var(--transition-base);background:0 0;border:none;flex:1;font-family:inherit;font-size:14px;font-weight:600}.editor-tabs .tab:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.editor-tabs .tab.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);background:#fff;margin-bottom:-2px}.markdown-textarea{resize:vertical;border:none;border-radius:0}.markdown-textarea:focus{box-shadow:none;outline:none}.markdown-preview{padding:var(--spacing-lg);background-color:#fff;min-height:150px}.table-radio-preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0009;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.table-radio-preview-container{background:#fff;border-radius:12px;flex-direction:column;width:90vw;max-width:90vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.table-radio-preview-header{background:linear-gradient(135deg,#e85d040d 0%,#ffba080d 100%);border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.table-radio-preview-header h5{color:var(--color-neutral,#2c3e50);margin:0;font-size:1.25rem;font-weight:700}.table-radio-preview-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.table-radio-preview-close:hover{color:#000;background:#0000001a}.table-radio-preview-body{flex:1;padding:2rem;overflow-y:auto}.table-radio-preview-footer{background:#f8f9fa;border-top:2px solid #e0e0e0;justify-content:flex-end;padding:1rem 1.5rem;display:flex}@media (width>=1400px){.table-radio-preview-container{width:80vw;max-width:80vw}}.label-image-dropdown-builder{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);background:#fff;position:relative;overflow:hidden}.label-image-dropdown-builder:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#e85d0408 0%,#0000 70%);width:400px;height:400px;position:absolute;top:0;right:0}.label-image-dropdown-builder form{z-index:1;position:relative}.builder-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:3px solid #0000;border-image:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);background:linear-gradient(135deg,#e85d0405 0%,#dc2f0205 100%);border-image-slice:1;justify-content:space-between;align-items:center;display:flex;position:relative}.builder-header:after{content:"";background:var(--gradient-primary);width:30%;height:3px;transition:width .8s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-3px;left:0}.label-image-dropdown-builder:hover .builder-header:after{width:100%}.builder-header h3{font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:700}.save-status{border-radius:var(--radius-full);transition:all var(--transition-base);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;padding:10px 18px;font-size:11px;font-weight:700;display:inline-flex}.save-status.saving{color:var(--color-gray-700);background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);animation:2s ease-in-out infinite pulse-glow}.save-status.saved{color:var(--color-success);background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);box-shadow:0 4px 12px #48bb7833}.save-status.unsaved{color:var(--color-warning);background:linear-gradient(135deg,#fffaf0 0%,#feebc8 100%);animation:2s ease-in-out infinite pulse-subtle}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-subtle{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.label-image-dropdown-builder .builder-content{padding:var(--spacing-xl)}.label-image-dropdown-builder .form-group{margin-bottom:var(--spacing-sm);padding:var(--spacing-lg);border-radius:var(--radius-lg);transition:all var(--transition-base);background:linear-gradient(135deg,#f7fafc80 0%,#fffc 100%);border:2px solid #0000;position:relative}.label-image-dropdown-builder .form-group:before{content:"";background:var(--gradient-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.label-image-dropdown-builder .form-group:hover:before{opacity:1}.label-image-dropdown-builder .form-group:hover{background:#fff;border-color:#e85d041a;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.label-image-dropdown-builder .form-group>label:first-child{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-gray-800);text-transform:uppercase;letter-spacing:.03em;font-size:15px;font-weight:700;font-family:var(--font-display);display:flex}.label-image-dropdown-builder .form-group>label:first-child:before{content:"";background:var(--gradient-primary);border-radius:2px;width:4px;height:20px;display:block}.label-image-dropdown-builder .form-group input[type=text],.label-image-dropdown-builder .form-group input[type=number],.label-image-dropdown-builder .form-group textarea,.label-image-dropdown-builder .form-group select{border:3px solid var(--color-gray-200);border-radius:var(--radius-lg);width:100%;transition:all var(--transition-base);font-size:15px;font-family:var(--font-body);background:#fff;padding:14px 18px;box-shadow:inset 0 2px 4px #00000005}.label-image-dropdown-builder .form-group input:focus,.label-image-dropdown-builder .form-group textarea:focus,.label-image-dropdown-builder .form-group select:focus{border-color:var(--color-primary);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #e85d041a,inset 0 2px 4px #00000005}.label-image-dropdown-builder .form-group input:hover:not(:focus),.label-image-dropdown-builder .form-group textarea:hover:not(:focus),.label-image-dropdown-builder .form-group select:hover:not(:focus){border-color:var(--color-gray-300)}.label-image-dropdown-builder .form-group textarea{resize:vertical;font-family:var(--font-body);line-height:1.6}.label-image-dropdown-builder .form-group small,.label-image-dropdown-builder .form-hint{margin-top:var(--spacing-sm);color:var(--color-gray-600);font-size:13px;font-style:italic;line-height:1.5;display:block}.label-image-dropdown-builder .tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:var(--color-gray-100);border-radius:var(--radius-full);padding:6px;display:inline-flex;box-shadow:inset 0 2px 4px #0000000f}.label-image-dropdown-builder .tabs button{border-radius:var(--radius-full);cursor:pointer;color:var(--color-gray-600);transition:all var(--transition-base);background:0 0;border:none;padding:10px 20px;font-size:14px;font-weight:600;position:relative;overflow:hidden}.label-image-dropdown-builder .tabs button:before{content:"";background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base);z-index:-1;position:absolute;inset:0}.label-image-dropdown-builder .tabs button.active{color:#fff;box-shadow:var(--shadow-md)}.label-image-dropdown-builder .tabs button.active:before{opacity:1}.label-image-dropdown-builder .tabs button:hover:not(.active){color:var(--color-gray-800);background:#fff9}.label-image-dropdown-builder .radio-group{gap:var(--spacing-md);flex-direction:column;display:flex}.label-image-dropdown-builder .radio-group label{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;border:3px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#fff;font-weight:500;display:flex;position:relative}.label-image-dropdown-builder .radio-group label:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#e85d0405 0%,#dc2f0205 100%);transform:translate(4px)}.label-image-dropdown-builder .radio-group input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary)}.label-image-dropdown-builder .radio-group label:has(input:checked){border-color:var(--color-primary);background:linear-gradient(135deg,#e85d040d 0%,#dc2f020d 100%);box-shadow:0 4px 12px #e85d0426}.label-image-dropdown-builder .radio-group label:has(input:checked):after{content:"";right:var(--spacing-md);border-right:3px solid var(--color-primary);border-bottom:3px solid var(--color-primary);width:8px;height:16px;position:absolute;transform:rotate(45deg)}.label-image-dropdown-builder .color-palette{gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f7fafccc 0%,#edf2f7cc 100%);flex-wrap:wrap;display:flex}.label-image-dropdown-builder .color-swatch{border-radius:var(--radius-lg);cursor:pointer;width:52px;height:52px;transition:all var(--transition-bounce);border:4px solid #0000;position:relative;box-shadow:0 4px 8px #0000001f}.label-image-dropdown-builder .color-swatch:after{content:attr(title);background:var(--color-gray-900);color:#fff;border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-base);padding:6px 12px;font-size:12px;font-weight:600;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.label-image-dropdown-builder .color-swatch:hover{transform:scale(1.15)rotate(5deg);box-shadow:0 8px 20px #0003}.label-image-dropdown-builder .color-swatch:hover:after{opacity:1;transform:translate(-50%)translateY(-12px)}.label-image-dropdown-builder .color-swatch.selected{box-shadow:0 0 0 3px white, 0 0 0 6px var(--color-primary), 0 8px 24px #e85d0466;border-color:#fff;transform:scale(1.1)}.label-image-dropdown-builder .color-swatch.selected:before{content:"✓";color:#fff;text-shadow:0 2px 4px #0000004d;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex;position:absolute;inset:0}.label-image-dropdown-builder .selected-image{gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:3px dashed var(--color-gray-300);background:linear-gradient(135deg,#f7fafc80 0%,#ffffffe6 100%);flex-direction:column;display:flex}.label-image-dropdown-builder .selected-image img{border:4px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:0 8px 24px #0000001a}.label-image-dropdown-builder .selected-image img:hover{transform:scale(1.02);box-shadow:0 12px 32px #00000026}.label-image-dropdown-builder .selected-image button{color:var(--color-error);border:3px solid var(--color-error);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background:#fff;align-self:flex-start;padding:10px 20px;font-weight:600}.label-image-dropdown-builder .selected-image button:hover{background:var(--color-error);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f565654d}.label-image-dropdown-builder .marker-config{padding:var(--spacing-xl);border-radius:var(--radius-xl);border:3px solid var(--color-primary);background:#fff;position:relative;overflow:hidden;box-shadow:0 12px 40px #e85d0433}.label-image-dropdown-builder .marker-config:before{content:"";background:var(--gradient-primary);height:6px;position:absolute;top:0;left:0;right:0}.label-image-dropdown-builder .marker-config h3{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-sm);color:var(--color-gray-900);font-family:var(--font-display);align-items:center;gap:var(--spacing-sm);font-size:22px;font-weight:700;display:flex}.label-image-dropdown-builder .marker-config h3:before{content:"◆";color:var(--color-primary);font-size:16px}.label-image-dropdown-builder .form-subgroup{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:2px dashed var(--color-gray-200)}.label-image-dropdown-builder .form-subgroup:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.label-image-dropdown-builder .form-subgroup>label{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-700);font-size:13px;font-weight:700;display:flex}.label-image-dropdown-builder .form-subgroup>label:before{content:"";background:var(--color-accent);border-radius:2px;width:3px;height:14px}.label-image-dropdown-builder .option-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);align-items:center;display:flex}.label-image-dropdown-builder .option-row input{border:3px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#fff;flex:1;padding:12px 16px;font-size:14px}.label-image-dropdown-builder .option-row input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #e85d041a}.label-image-dropdown-builder .option-row button{width:40px;height:40px;color:var(--color-error);border:3px solid var(--color-error);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background:#fff;justify-content:center;align-items:center;padding:12px;font-size:18px;font-weight:700;display:flex}.label-image-dropdown-builder .option-row button:hover{background:var(--color-error);color:#fff;transform:rotate(90deg)scale(1.1);box-shadow:0 4px 12px #f565654d}.label-image-dropdown-builder .marker-placement-area{margin-top:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:3px solid var(--color-gray-300);background:linear-gradient(135deg,#f7fafccc 0%,#edf2f7cc 100%)}.label-image-dropdown-builder .marker-placement-area>button{margin-bottom:var(--spacing-lg);color:var(--color-primary);border:3px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-sm);background:#fff;padding:14px 28px;font-size:15px;font-weight:700;display:inline-flex}.label-image-dropdown-builder .marker-placement-area>button:hover:not(:disabled){background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary);transform:translateY(-2px)}.label-image-dropdown-builder .marker-placement-area>button:disabled{opacity:.5;cursor:not-allowed}.label-image-dropdown-builder .marker-placement-area>button.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary);animation:1.5s ease-in-out infinite pulse-button}@keyframes pulse-button{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.label-image-dropdown-builder .image-labeling-container{max-width:100%;display:inline-block;position:relative}.label-image-dropdown-builder .labeling-image{border-radius:var(--radius-lg);border:4px solid var(--color-gray-300);max-width:100%;height:auto;box-shadow:0 8px 24px #0000001a}.label-image-dropdown-builder .marker-wrapper .marker-button{color:#fff;cursor:grab;width:44px;height:44px;transition:all var(--transition-base);font-size:18px;font-weight:900;font-family:var(--font-display);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000004d}.label-image-dropdown-builder .marker-wrapper .marker-button:hover{transform:scale(1.2);box-shadow:0 6px 20px #0006}.label-image-dropdown-builder .marker-wrapper .marker-button.selected{outline:4px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 2px white, 0 0 0 6px var(--color-accent), 0 6px 24px #ffba0880;animation:2s ease-in-out infinite marker-pulse;transform:scale(1.15)}@keyframes marker-pulse{0%,to{outline-offset:3px}50%{outline-offset:5px}}.label-image-dropdown-builder .validation-errors{border:3px solid var(--color-error);border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-xl);margin:var(--spacing-xl);background:linear-gradient(135deg,#fff5f5 0%,#fed7d7 100%);margin-bottom:0;position:relative;overflow:hidden;box-shadow:0 8px 24px #f5656533}.label-image-dropdown-builder .validation-errors:before{content:"⚠";top:50%;right:var(--spacing-xl);color:#f5656526;font-size:64px;font-weight:900;position:absolute;transform:translateY(-50%)}.label-image-dropdown-builder .validation-errors strong{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-error);font-size:16px;font-weight:700;font-family:var(--font-display);display:flex}.label-image-dropdown-builder .validation-errors strong:before{content:"⚠";font-size:20px}.label-image-dropdown-builder .validation-errors ul{padding-left:var(--spacing-xl);z-index:1;margin:0;position:relative}.label-image-dropdown-builder .validation-errors li{color:#742a2a;margin-bottom:var(--spacing-sm);font-weight:500;line-height:1.5}.label-image-dropdown-builder .form-actions{gap:var(--spacing-md);padding:var(--spacing-xl);border-top:3px solid #0000;border-image:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);background:linear-gradient(135deg,#f7fafccc 0%,#edf2f7cc 100%);border-image-slice:1;justify-content:flex-end;margin-top:0;display:flex}.label-image-dropdown-builder .form-actions button{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);padding:14px 32px;font-size:15px;font-weight:700;position:relative;overflow:hidden}.label-image-dropdown-builder .form-actions button:before{content:"";opacity:0;transition:opacity var(--transition-base);z-index:0;background:#fff;position:absolute;inset:0}.label-image-dropdown-builder .form-actions button:hover:before{opacity:.2}.label-image-dropdown-builder .form-actions button[type=submit]{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md);border:none}.label-image-dropdown-builder .form-actions button[type=submit]:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-3px)scale(1.02)}.label-image-dropdown-builder .form-actions button[type=submit]:active:not(:disabled){transform:translateY(-1px)scale(1)}.label-image-dropdown-builder .form-actions button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none}.label-image-dropdown-builder .form-actions button[type=button]{color:var(--color-gray-700);border:3px solid var(--color-gray-300);background:#fff}.label-image-dropdown-builder .form-actions button[type=button]:hover{border-color:var(--color-gray-400);background:var(--color-gray-50);box-shadow:var(--shadow-md);transform:translateY(-2px)}.label-image-dropdown-builder .form-actions button[type=button]:nth-child(2){color:var(--color-primary);border:3px solid var(--color-primary);background:#fff}.label-image-dropdown-builder .form-actions button[type=button]:nth-child(2):hover{border-color:var(--color-primary-dark);background:linear-gradient(135deg,#e85d040d 0%,#dc2f020d 100%)}.label-image-dropdown-builder .btn-danger{color:var(--color-error);border:3px solid var(--color-error);border-radius:var(--radius-full);cursor:pointer;margin-top:var(--spacing-lg);transition:all var(--transition-base);width:100%;box-shadow:var(--shadow-sm);background:#fff;padding:12px 24px;font-size:14px;font-weight:700}.label-image-dropdown-builder .btn-danger:hover{background:var(--color-error);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #f565654d}.label-image-dropdown-builder .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.label-image-dropdown-builder .modal-content{border-radius:var(--radius-xl);padding:var(--spacing-2xl);border:4px solid var(--color-primary);background:#fff;max-width:600px;max-height:85vh;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.label-image-dropdown-builder .modal-content:before{content:"";background:var(--gradient-primary);height:8px;position:absolute;top:0;left:0;right:0}.label-image-dropdown-builder .modal-content.large{max-width:1000px}.label-image-dropdown-builder .modal-content h3{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-sm);font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700}.label-image-dropdown-builder .modal-content button{margin-top:var(--spacing-xl);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:none;padding:14px 32px;font-size:15px;font-weight:700}.label-image-dropdown-builder .modal-content button:hover{box-shadow:var(--shadow-primary);transform:translateY(-3px)scale(1.02)}.label-image-dropdown-builder .markdown-preview{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--color-gray-300);min-height:120px;font-family:var(--font-body);background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);line-height:1.7;box-shadow:inset 0 2px 4px #0000000d}.label-image-dropdown-builder .markdown-preview:empty:before{content:"Preview will appear here...";color:var(--color-gray-400);font-style:italic}.label-image-dropdown-builder .checkbox-label{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;margin-bottom:0;font-weight:600;display:flex}.label-image-dropdown-builder .checkbox-label input[type=checkbox]{cursor:pointer;width:22px;height:22px;accent-color:var(--color-primary)}@media (width<=768px){.label-image-dropdown-builder{border-radius:var(--radius-lg)}.label-image-dropdown-builder .builder-header{padding:var(--spacing-lg)}.label-image-dropdown-builder .builder-header h3{font-size:22px}.label-image-dropdown-builder .builder-content{padding:var(--spacing-lg)}.label-image-dropdown-builder .form-group{padding:var(--spacing-md)}.label-image-dropdown-builder .form-actions{flex-direction:column}.label-image-dropdown-builder .form-actions button{width:100%}}.fill-in-blank-builder{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);background:#fff}.builder-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.validation-errors{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.validation-errors h4{margin-top:0;margin-bottom:.5rem;font-size:1rem}.validation-errors ul{margin:0;padding-left:1.5rem}.validation-errors li{margin:.25rem 0}.radio-group{gap:var(--spacing-md);flex-direction:column;display:flex}.fill-in-blank-builder .radio-label{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex}.fill-in-blank-builder .radio-label:hover{border-color:var(--color-primary);background:#fff}.fill-in-blank-builder .radio-label:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-bg)}.fill-in-blank-builder .radio-label input[type=radio]{cursor:pointer;flex-shrink:0;width:20px;height:20px;margin-top:2px}.fill-in-blank-builder .radio-label span{color:var(--color-gray-800);font-weight:600}.radio-description{color:var(--color-gray-600);margin:0;font-size:14px;line-height:1.5}.tiered-scoring-editor{flex-direction:column;gap:.75rem;display:flex}.tier-row{background:#f8f9fa;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.tier-row input[type=number]{border:1px solid #ccc;border-radius:4px;width:80px;padding:.5rem}.tier-row span{color:#666;font-size:.9rem}.remove-tier-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;margin-left:auto;padding:.5rem 1rem;font-size:.9rem}.remove-tier-btn:hover{background:#c82333}.add-tier-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:4px;align-self:flex-start;padding:.5rem 1rem;font-size:.9rem}.add-tier-btn:hover{background:#218838}.blanks-section{margin:2rem 0}.blanks-section h4{color:#333;margin-bottom:1rem;font-size:1.2rem}.no-blanks-message{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:1rem}.blank-config-panel{margin-bottom:var(--spacing-md);padding:var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#fff}.blank-config-panel:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.blank-config-panel.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.blank-title{margin:0 0 var(--spacing-md) 0;color:var(--color-primary);font-size:1.1rem;font-weight:600}.input-type-selector,.match-type-selector{gap:var(--spacing-md);display:flex}.input-type-option,.match-type-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);flex:1;display:flex}.input-type-option:hover,.match-type-option:hover{border-color:var(--color-primary);background:#fff}:is(.input-type-option:has(input:checked),.match-type-option:has(input:checked)){border-color:var(--color-primary);background:var(--color-primary-bg)}.input-type-option input[type=radio],.match-type-option input[type=radio]{cursor:pointer;flex-shrink:0;width:20px;height:20px}.input-type-option .option-label,.match-type-option .option-label{color:var(--color-gray-700);font-size:14px;font-weight:600}:is(.input-type-option:has(input:checked) .option-label,.match-type-option:has(input:checked) .option-label){color:var(--color-primary)}.answers-list,.options-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.answer-row,.option-row{align-items:center;gap:var(--spacing-sm);display:flex}.answer-row input[type=text],.option-row input[type=text]{flex:1}.option-row input[type=radio]{cursor:pointer;flex-shrink:0;width:20px;height:20px}.preview-section{margin:1.5rem 0}.preview-toggle-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem}.preview-toggle-btn:hover{background:#5a6268}.preview-container{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-top:1rem;padding:1.5rem}.preview-container h4{color:#333;margin-top:0;margin-bottom:1rem}@media (width<=768px){.fill-in-blank-builder{padding:1rem}.builder-header{flex-direction:column;align-items:flex-start;gap:.5rem}.tier-row{flex-wrap:wrap}.tier-row input[type=number]{width:60px}}.drawing-builder{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);background:#fff}.drawing-builder .builder-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.canvas-settings-group{gap:var(--spacing-md);flex-direction:column;display:flex}.drawing-type-selector{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.drawing-type-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);flex:150px;min-height:48px;display:flex}.drawing-type-option:hover{border-color:var(--color-primary);background:#fff}.drawing-type-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-bg)}.drawing-type-option input[type=radio]{cursor:pointer;flex-shrink:0;width:20px;height:20px;margin:0}.drawing-type-option label{cursor:pointer;color:var(--color-gray-700);flex:1;margin:0;font-weight:500}.drawing-type-option:has(input:checked) label{color:var(--color-primary)}.canvas-dimensions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.canvas-dimension-input{flex:200px;min-width:180px}.image-upload-preview{margin-top:var(--spacing-sm);align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);display:flex}.image-upload-preview img{border:2px solid var(--color-gray-300);border-radius:var(--radius-md);object-fit:contain;max-width:300px;max-height:200px}.image-upload-preview .btn-remove{flex-shrink:0}.grid-mode-option{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);display:flex}.grid-mode-option input[type=checkbox]{cursor:pointer;flex-shrink:0;width:20px;height:20px;margin-top:2px}@media (width<=768px){.drawing-builder{padding:var(--spacing-lg)}.drawing-builder .builder-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.drawing-type-selector{flex-direction:column}.drawing-type-option{flex:auto}.canvas-dimensions{flex-direction:column}.image-upload-preview{flex-direction:column;align-items:flex-start}.image-upload-preview img{max-width:100%}}.export-button-container{align-items:center;margin-top:8px;display:inline-flex;position:relative}.export-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-gray-800);background:linear-gradient(135deg,#fffffff2,#fef8f0f2);border:2px solid #e85d0433;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #e85d041f,inset 0 1px #fffc}.export-button:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#e85d0414,#ffba0814);position:absolute;inset:0}.export-button:hover:not(:disabled){color:var(--color-primary);border-color:#e85d0466;transform:translateY(-2px);box-shadow:0 4px 16px #e85d0433,inset 0 1px #ffffffe6}.export-button:hover:not(:disabled):before{opacity:1}.export-button:active:not(:disabled){transform:translateY(0)}.export-button:disabled{opacity:.6;cursor:not-allowed}.export-button .material-symbols-outlined{transition:transform var(--transition-base);z-index:1;font-size:1.125rem;position:relative}.export-button:hover .material-symbols-outlined{transform:scale(1.1)}.export-button span:not(.material-symbols-outlined){z-index:1;position:relative}.export-button.single{padding:6px var(--spacing-md);font-size:.813rem}.export-button.single .material-symbols-outlined{font-size:1rem}.dropdown-icon{z-index:1;margin-left:2px;font-size:1rem;position:relative}.export-dropdown{margin-top:var(--spacing-sm);border-radius:var(--radius-lg);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fff 0%,#fffbf7 100%);border:2px solid #e85d0426;min-width:280px;animation:.3s cubic-bezier(.34,1.56,.64,1) dropdownSlideIn;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #e85d0433,0 4px 12px #0000001a,inset 0 1px #fffc}.export-dropdown:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-secondary));height:3px;position:absolute;top:0;left:0;right:0}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.export-dropdown-item{align-items:flex-start;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;border-left:3px solid #0000;display:flex;position:relative}.export-dropdown-item:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(90deg,#e85d0414,#0000);position:absolute;inset:0}.export-dropdown-item:hover{border-left-color:var(--color-primary);background:#fff8f080}.export-dropdown-item:hover:before{opacity:1}.export-dropdown-item+.export-dropdown-item{border-top:1px solid #e85d0414}.export-dropdown-item .material-symbols-outlined{color:var(--color-gray-500);transition:all var(--transition-fast);flex-shrink:0;margin-top:2px;font-size:1.5rem}.export-dropdown-item:hover .material-symbols-outlined{color:var(--color-primary);transform:scale(1.1)}.export-dropdown-text{flex:1}.export-dropdown-title{color:var(--color-gray-800);transition:color var(--transition-fast);margin-bottom:2px;font-size:.875rem;font-weight:600}.export-dropdown-item:hover .export-dropdown-title{color:var(--color-primary)}.export-dropdown-subtitle{color:var(--color-gray-600);font-size:.75rem;line-height:1.4}.export-error{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-error);white-space:nowrap;z-index:101;background:linear-gradient(135deg,#fff5f5 0%,#fee 100%);border:2px solid #dc26264d;font-size:.813rem;font-weight:500;animation:.3s ease-out errorSlideIn;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #dc262626}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.export-button{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.export-dropdown{min-width:unset;left:0;right:0}.export-dropdown-item{padding:var(--spacing-sm) var(--spacing-md)}.export-dropdown-title{font-size:.813rem}.export-dropdown-subtitle{font-size:.7rem}.export-error{white-space:normal}}.edit-quiz-modal{width:100%;max-width:680px}.edit-quiz-modal .modal-header{padding:var(--spacing-xl);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;position:relative;overflow:hidden}.edit-quiz-modal .modal-header:before{content:"";pointer-events:none;opacity:.6;background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 L100,0 L100,100 Q50,80 0,100 Z\" fill=\"rgba(255,255,255,0.05)\"/></svg>") 0 0/cover;position:absolute;inset:0}.edit-quiz-modal .modal-header h2{color:#fff;font-family:var(--font-display);text-shadow:0 2px 8px #00000026;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700;position:relative}.edit-quiz-modal .modal-body{padding:var(--spacing-xl)}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-input-readonly{background:linear-gradient(135deg, var(--color-gray-50) 0%, var(--color-gray-100) 100%);color:var(--color-gray-600);cursor:not-allowed;font-family:var(--font-mono);letter-spacing:.5px;border-color:var(--color-gray-300);font-weight:600}.form-help{color:var(--color-gray-500);margin-top:var(--spacing-xs);font-size:13px;line-height:1.4}.form-error{color:var(--color-error);margin-top:var(--spacing-xs);font-size:13px;font-weight:500;animation:.3s errorSlideIn}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .alert{margin-top:var(--spacing-md);animation:.4s alertPulse}@keyframes alertPulse{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.tag-input-container{gap:var(--spacing-md);flex-direction:column;display:flex}.selected-tags{gap:var(--spacing-sm);padding:var(--spacing-md);border:2px dashed var(--color-primary-light);border-radius:var(--radius-lg);min-height:56px;transition:all var(--transition-base);background:linear-gradient(135deg,#e85d040d 0%,#dc2f020d 100%);flex-wrap:wrap;align-items:center;display:flex}.selected-tags:empty{opacity:.5;border-style:solid}.selected-tags:empty:before{content:"No tags selected";color:var(--color-gray-400);font-size:14px;font-style:italic}.selected-tag{align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff;border-radius:var(--radius-full);font-size:14px;font-weight:600;font-family:var(--font-body);transition:all var(--transition-base);padding:8px 14px;animation:.3s cubic-bezier(.34,1.56,.64,1) tagSlideIn;display:inline-flex;box-shadow:0 2px 6px #e85d044d}.selected-tag:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #e85d0466}@keyframes tagSlideIn{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.selected-tag-name{letter-spacing:.3px}.remove-tag-btn{color:#fff;cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);background:#fff3;border:1.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:700;line-height:1;display:flex}.remove-tag-btn:hover:not(:disabled){color:var(--color-error);background:#fff;border-color:#fff;transform:rotate(90deg)scale(1.1)}.remove-tag-btn:active:not(:disabled){transform:rotate(90deg)scale(.95)}.remove-tag-btn:disabled{opacity:.5;cursor:not-allowed}.tag-autocomplete{position:relative}.tag-input{border:3px solid var(--color-gray-200);border-radius:var(--radius-lg);width:100%;font-size:16px;font-family:var(--font-body);transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23E85D04\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"m21 21-4.35-4.35\"/></svg>") 16px/20px no-repeat;padding:14px 18px 14px 48px}.tag-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), .12);background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23DC2F02\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"m21 21-4.35-4.35\"/></svg>");outline:none;transform:translateY(-2px)}.tag-input:hover:not(:focus):not(:disabled){border-color:var(--color-gray-300)}.tag-input::placeholder{color:var(--color-gray-400);font-style:italic}.tag-suggestions{border:3px solid var(--color-primary);border-radius:var(--radius-lg);z-index:10;background:#fff;max-height:280px;animation:.3s cubic-bezier(.34,1.56,.64,1) dropdownSlide;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #e85d0440}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.tag-suggestions::-webkit-scrollbar{width:8px}.tag-suggestions::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.tag-suggestions::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}.tag-suggestions::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.tag-suggestion-item{text-align:left;cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;border-bottom:1px solid var(--color-gray-100);font-family:var(--font-body);background:#fff;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.tag-suggestion-item:last-child{border-bottom:none}.tag-suggestion-item:hover:not(:disabled){background:linear-gradient(90deg,#e85d0414 0%,#dc2f0214 100%);padding-left:24px}.tag-suggestion-item:active:not(:disabled){background:linear-gradient(90deg,#e85d0426 0%,#dc2f0226 100%);transform:scale(.98)}.tag-suggestion-name{color:var(--color-gray-800);flex:1;font-size:15px;font-weight:600}.tag-suggestion-category{background:var(--color-accent);color:var(--color-neutral);border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.5px;border:1px solid var(--color-primary-light);font-size:12px;font-weight:600;font-family:var(--font-mono);padding:4px 10px;display:inline-flex}.tag-suggestion-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-gray-500);font-size:14px;font-style:italic}.edit-quiz-modal .modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:2px solid var(--color-gray-200);justify-content:flex-end;gap:var(--spacing-md);background:linear-gradient(180deg, white 0%, var(--color-gray-50) 100%);border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex}.modal-footer .spinner{width:18px;height:18px}@media (width<=768px){.edit-quiz-modal{max-width:100%}.edit-quiz-modal .modal-header,.edit-quiz-modal .modal-body,.edit-quiz-modal .modal-footer{padding:var(--spacing-lg)}.edit-quiz-modal .modal-header h2{font-size:24px}.form-row{grid-template-columns:1fr}.selected-tags{min-height:48px}.selected-tag{padding:6px 12px;font-size:13px}.tag-input{background-position:12px;background-size:18px;padding-left:44px;font-size:15px}.tag-suggestions{max-height:200px}.edit-quiz-modal .modal-footer{flex-direction:column}.edit-quiz-modal .modal-footer .btn{width:100%}}.selected-tag:first-child{animation-delay:0s}.selected-tag:nth-child(2){animation-delay:50ms}.selected-tag:nth-child(3){animation-delay:.1s}.selected-tag:nth-child(4){animation-delay:.15s}.selected-tag:nth-child(5){animation-delay:.2s}.selected-tag:nth-child(n+6){animation-delay:.25s}.tag-input:focus-visible,.tag-suggestion-item:focus-visible,.remove-tag-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.quiz-management-header{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 0 1px #e85d0414;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#fff 0%,#fffbf7 100%);position:relative;overflow:visible}.quiz-management-header:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-secondary));border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1;height:4px;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 8px #e85d044d}.header-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-xl);z-index:2;display:flex;position:relative}.header-content:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ffba0814 0%,#0000 60%);width:40%;height:200%;position:absolute;top:-50%;right:-10%}.header-title-section{z-index:1;flex:none;align-items:center;min-width:0;display:flex;position:relative}.header-title-section .heading-lg{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.header-right-section{align-items:flex-end;gap:var(--spacing-sm);z-index:1;flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.quiz-details-bar{align-items:center;gap:var(--spacing-sm);z-index:-1;flex-wrap:wrap;justify-content:flex-end;width:auto;display:flex}.quiz-detail-item{border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;background:linear-gradient(135deg,#e85d040a,#ffba080a);border:1px solid #e85d041a;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #e85d040f}.header-actions .btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border:2px solid #0000;font-weight:700;box-shadow:0 4px 12px #e85d044d,0 2px 6px #dc2f0233,inset 0 1px #fff3}.quiz-management-header .dropdown-wrapper{display:inline-flex;position:relative}.quiz-management-header .dropdown-menu{margin-top:var(--spacing-sm);border-radius:var(--radius-lg);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fff 0%,#fffbf7 100%);border:2px solid #e85d0426;min-width:280px;animation:.3s cubic-bezier(.34,1.56,.64,1) dropdownSlideIn;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #e85d0433,0 4px 12px #0000001a,inset 0 1px #fffc}.quiz-management-header .dropdown-menu:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-secondary));height:3px;position:absolute;top:0;left:0;right:0}.quiz-management-header .dropdown-item{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);text-align:left;cursor:pointer;color:var(--color-gray-700);transition:all var(--transition-fast);background:0 0;border:none;border-left:3px solid #0000;font-size:.9rem;font-weight:500;display:flex;position:relative}.quiz-management-header .dropdown-item:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(90deg,#e85d0414,#0000);position:absolute;inset:0}.quiz-management-header .dropdown-item:hover{color:var(--color-primary);border-left-color:var(--color-primary);background:#fff8f080}.quiz-management-header .dropdown-item:hover:before{opacity:1}.quiz-management-header .dropdown-item .material-symbols-outlined{color:var(--color-gray-500);transition:all var(--transition-fast);font-size:1.25rem}.quiz-management-header .dropdown-item:hover .material-symbols-outlined{color:var(--color-primary);transform:scale(1.1)}@media (width<=1024px){.header-content{align-items:stretch;gap:var(--spacing-lg);flex-direction:column}.header-title-section{width:100%}.header-right-section{align-items:stretch;width:100%}.quiz-details-bar{justify-content:flex-start;width:100%}.header-actions{flex-direction:column;align-items:stretch;width:100%}}@media (width<=768px){.quiz-management-header{border-radius:var(--radius-lg)}.header-content{padding:var(--spacing-lg)}.header-title-section .heading-lg{font-size:1.5rem}.quiz-details-bar{gap:6px}.quiz-detail-item{padding:3px 8px;font-size:.7rem}.quiz-detail-item strong{font-size:.6rem}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);justify-content:center;font-size:.9rem}.header-actions .btn .material-symbols-outlined{font-size:1.25rem}.quiz-management-header .dropdown-wrapper,.quiz-management-header .dropdown-wrapper>.btn{width:100%}.quiz-management-header .dropdown-menu{width:100%;left:0;right:0}}.page-container:has(.question-management-page){background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%)}.question-management-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 0 1px #e85d0414;background:linear-gradient(135deg,#fff 0%,#fffbf7 100%);display:flex;position:relative;overflow:hidden}.page-header:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-secondary));height:4px;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 8px #e85d044d}.page-header:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ffba0814 0%,#0000 60%);width:40%;height:200%;position:absolute;top:-50%;right:-10%}.header-title-section{gap:var(--spacing-md);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.header-title-section .heading-lg{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;letter-spacing:-.02em;align-items:center;gap:var(--spacing-sm);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800;display:flex}.quiz-details-bar{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.quiz-detail-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);color:var(--color-gray-700);transition:all var(--transition-fast);background:linear-gradient(135deg,#e85d040f,#ffba080f);border:1px solid #e85d041f;font-size:.875rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #e85d0414}.quiz-detail-item:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#e85d0414,#ffba0814);position:absolute;inset:0}.quiz-detail-item:hover{border-color:#e85d0433;transform:translateY(-1px);box-shadow:0 4px 8px #e85d0426}.quiz-detail-item:hover:before{opacity:1}.quiz-detail-item strong{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;z-index:1;font-size:.75rem;font-weight:700;position:relative}.quiz-detail-item span:not(strong){z-index:1;color:var(--color-gray-800);font-weight:600;position:relative}.quiz-detail-separator{display:none}.header-actions{gap:var(--spacing-sm);z-index:1;align-items:center;display:flex;position:relative}.header-actions .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);align-items:center;gap:var(--spacing-sm);transition:all var(--transition-base);white-space:nowrap;border:2px solid #0000;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.header-actions .btn .material-symbols-outlined{transition:transform var(--transition-base);font-size:1.125rem}.header-actions .btn:hover .material-symbols-outlined{transform:scale(1.1)}.header-actions .btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-gray-800);background:linear-gradient(135deg,#fffffff2,#fef8f0f2);border:2px solid #e85d0433;box-shadow:0 2px 8px #e85d041f,inset 0 1px #fffc}.header-actions .btn-secondary:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#e85d0414,#ffba0814);position:absolute;inset:0}.header-actions .btn-secondary:hover:not(:disabled){color:var(--color-primary);border-color:#e85d0466;transform:translateY(-2px);box-shadow:0 4px 16px #e85d0433,inset 0 1px #ffffffe6}.header-actions .btn-secondary:hover:not(:disabled):before{opacity:1}.header-actions .btn-secondary:active:not(:disabled){transform:translateY(0)}.header-actions .btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border:2px solid #0000;font-weight:700;position:relative;box-shadow:0 4px 12px #e85d044d,0 2px 6px #dc2f0233,inset 0 1px #fff3}.header-actions .btn-primary:after{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.header-actions .btn-primary:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 6px 20px #e85d0466,0 3px 10px #dc2f024d,inset 0 1px #ffffff4d}.header-actions .btn-primary:hover:not(:disabled):after{opacity:1}.header-actions .btn-primary:active:not(:disabled){transform:translateY(-1px)scale(1)}.header-actions .btn-secondary:first-child{color:var(--color-gray-600);border-color:#e85d0426;font-weight:600}.header-actions .btn-secondary:first-child:hover{color:var(--color-gray-800)}.dropdown-wrapper{position:relative}.dropdown-menu{margin-top:var(--spacing-sm);border-radius:var(--radius-lg);z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fff 0%,#fffbf7 100%);border:2px solid #e85d0426;min-width:280px;animation:.3s cubic-bezier(.34,1.56,.64,1) dropdownSlideIn;position:relative;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #e85d0433,0 4px 12px #0000001a,inset 0 1px #fffc}.dropdown-menu:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-secondary));height:3px;position:absolute;top:0;left:0;right:0}.dropdown-item{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);text-align:left;cursor:pointer;color:var(--color-gray-700);transition:all var(--transition-fast);background:0 0;border:none;border-left:3px solid #0000;font-size:.9rem;font-weight:500;display:flex;position:relative}.dropdown-item:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(90deg,#e85d0414,#0000);position:absolute;inset:0}.dropdown-item:hover{color:var(--color-primary);border-left-color:var(--color-primary);background:#fff8f080}.dropdown-item:hover:before{opacity:1}.dropdown-item .material-symbols-outlined{color:var(--color-gray-500);transition:all var(--transition-fast);font-size:1.25rem}.dropdown-item:hover .material-symbols-outlined{color:var(--color-primary);transform:scale(1.1)}.dropdown-item:active{background-color:var(--color-primary-lighter,#e6e0f5)}.dropdown-item+.dropdown-item{border-top:1px solid var(--color-border-light,#f0f0f0)}.builder-section{animation:.3s ease-out slideIn}.questions-section{gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;flex-direction:column;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.page-footer{justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;display:flex}@media (width<=768px){.page-header{padding:var(--spacing-lg);flex-direction:column;align-items:flex-start}.header-title-section{width:100%}.header-title-section .heading-lg{font-size:1.5rem}.quiz-details-bar{gap:var(--spacing-xs);font-size:.8rem}.quiz-detail-item{padding:6px var(--spacing-sm);font-size:.8rem}.quiz-detail-item strong{font-size:.7rem}.header-actions{gap:var(--spacing-sm);flex-direction:column;width:100%}.header-actions .btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);justify-content:center;font-size:.9rem}.header-actions .btn .material-symbols-outlined{font-size:1.25rem}.dropdown-wrapper{width:100%}.dropdown-menu{width:100%;left:0;right:auto}.page-footer{flex-direction:column-reverse}.page-footer .btn{width:100%}}.page-container:has(.quiz-preview-page){background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%)}.quiz-preview-page{gap:var(--spacing-xl);flex-direction:column;max-width:900px;margin:0 auto;display:flex}.preview-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;display:flex}.quiz-meta{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.preview-notice{margin-bottom:0}.questions-preview{gap:var(--spacing-lg);flex-direction:column;display:flex}.preview-question-card{padding:var(--spacing-xl)}.question-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-200);display:flex}.question-number{color:var(--color-gray-800);font-size:1.125rem;font-weight:700}.question-type{text-transform:capitalize;align-items:center;gap:.5rem;display:flex}.question-type .material-symbols-outlined{font-size:1.125rem}.question-points{color:var(--color-gray-600);margin-left:auto;font-weight:600}.question-text{margin-bottom:var(--spacing-lg);color:var(--color-gray-800);font-size:1rem}.question-content{margin-bottom:var(--spacing-lg);opacity:.7;pointer-events:none}.answer-key{background:var(--color-success-bg);border:2px solid var(--color-success);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.answer-key h4{margin-bottom:var(--spacing-sm);color:var(--color-success)}.answer-key p{color:var(--color-gray-700);margin:0}.feedback-preview{background:var(--color-info-bg,#ebf8ff);border:2px solid var(--color-info);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.feedback-preview h4{margin-bottom:var(--spacing-sm);color:var(--color-info)}.feedback-item{margin-bottom:var(--spacing-xs)}.feedback-item:last-child{margin-bottom:0}.preview-footer{justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;display:flex}@media (width<=768px){.preview-header{flex-direction:column}.header-actions{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.header-actions .btn{width:100%}.preview-footer{flex-direction:column-reverse}.preview-footer .btn{width:100%}}.grading-page{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);min-height:100vh;padding-bottom:var(--spacing-2xl)}.grading-wrapper{max-width:100%;padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.grading-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xl);flex-wrap:wrap;display:flex}.grading-stats-summary{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.stat-badge{border-radius:var(--radius-md);padding:4px 12px;font-size:13px;font-weight:600}.grading-layout{gap:var(--spacing-lg);flex:1;grid-template-columns:280px 1fr 33vw;align-items:start;display:grid;overflow:hidden}.queue-panel,.details-panel,.grading-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;flex-direction:column;display:flex;overflow:hidden}.details-panel,.grading-panel{height:calc(100vh - 180px)}.panel-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.panel-header h3{color:var(--color-gray-700);margin:0}.queue-panel{height:calc(100vh - 180px)}.queue-list{flex:1;overflow-y:auto}.queue-item{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-200);cursor:pointer;transition:background var(--transition-base)}.queue-item:hover{background:var(--color-gray-50)}.queue-item.selected{background:var(--color-primary-bg);border-left:4px solid var(--color-primary)}.queue-item-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.student-name{color:var(--color-gray-800);font-size:15px;font-weight:700}.ai-badge{background:var(--color-info-bg);color:var(--color-info);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:700}.status-badge{border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:700}.badge-remark{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.queue-item-meta{justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);flex-wrap:wrap;display:flex}.quiz-title{color:var(--color-gray-600);flex:1;font-size:13px}.submission-time{color:var(--color-gray-500);font-size:12px}.queue-item-points{color:var(--color-primary);font-size:13px;font-weight:600}.details-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.info-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.info-section:last-child{border-bottom:none}.info-section h4{margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.markdown-content{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.student-answer-box{padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);background:#fff;max-height:400px;overflow-y:auto}.student-answer-text{white-space:pre-wrap;word-wrap:break-word;margin:0;line-height:1.6}.answer-stats{gap:var(--spacing-md);margin-top:var(--spacing-sm);color:var(--color-gray-600);font-variant-numeric:tabular-nums;font-size:13px;display:flex}.reference-box{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:4px solid var(--color-info)}.grading-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.ai-grading-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200)}.ai-suggestions{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-info-bg);border:2px solid var(--color-info-light);border-radius:var(--radius-md)}.ai-suggestions-header{margin-bottom:var(--spacing-sm);color:var(--color-info);justify-content:space-between;align-items:center;font-weight:700;display:flex}.ai-suggestion-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-info-light);justify-content:space-between;display:flex}.ai-suggestion-item .label{color:var(--color-gray-700);font-weight:600}.ai-suggestion-item .value{color:var(--color-info);font-variant-numeric:tabular-nums;font-weight:700}.ai-feedback-preview{margin-top:var(--spacing-sm)}.ai-feedback-preview .label{color:var(--color-gray-700);margin-bottom:var(--spacing-xs);font-weight:600;display:block}.ai-feedback-text{color:var(--color-gray-800);max-height:150px;margin:0;font-size:14px;line-height:1.6;overflow-y:auto}.grading-form{gap:var(--spacing-md);flex-direction:column;display:flex}.grading-actions{margin-top:var(--spacing-md)}.grading-actions .btn{margin-bottom:var(--spacing-sm)}.empty-state{padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.empty-state svg{color:var(--color-success);margin:0 auto}.spinner-sm{width:14px;height:14px;margin-right:var(--spacing-xs);border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;animation:.6s linear infinite spin;display:inline-block}@media (width<=1400px){.grading-layout{grid-template-columns:260px 1fr 35vw}}@media (width>=1800px){.grading-layout{grid-template-columns:300px 1fr 33vw}}@media (width<=1200px){.grading-layout{gap:var(--spacing-md);grid-template-columns:1fr}.queue-panel,.details-panel,.grading-panel{max-height:none}.queue-list,.details-content{max-height:400px}}@media (width<=768px){.grading-queue-page{padding:var(--spacing-md)}.grading-header{flex-direction:column;align-items:stretch}.panel-header{padding:var(--spacing-sm) var(--spacing-md)}.details-content,.grading-content{padding:var(--spacing-md)}.student-answer-box{max-height:300px}}.pending-approvals-container{max-width:1400px;margin:0 auto;padding:2rem}.pending-approvals-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.pending-approvals-header h1{margin-bottom:.5rem}.header-actions{gap:1rem;display:flex}.pending-approvals-table-wrapper{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.pending-approvals-table{border-collapse:collapse;width:100%}.pending-approvals-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.pending-approvals-table th{text-align:left;color:#495057;text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.875rem;font-weight:600}.pending-approvals-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.pending-approvals-table tbody tr:hover{background-color:#f8f9fa}.pending-approvals-table tbody tr:last-child{border-bottom:none}.pending-approvals-table td{vertical-align:middle;padding:1rem}.name-cell strong{color:#212529;font-size:1rem}.email-cell{color:#6c757d;font-family:Courier New,monospace;font-size:.9rem}.school-cell{min-width:250px}.school-select{cursor:pointer;background-color:#fff;border:1px solid #ced4da;border-radius:4px;width:100%;padding:.5rem;font-size:.875rem;transition:border-color .2s}.school-select:hover:not(:disabled){border-color:#80bdff}.school-select:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.school-select:disabled{cursor:not-allowed;background-color:#e9ecef}.current-school-badge{color:#6c757d;margin-top:.25rem;font-size:.75rem;font-style:italic;display:block}.date-cell{color:#6c757d;white-space:nowrap;font-size:.875rem}.actions-cell{justify-content:flex-end;gap:.5rem;display:flex}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover:not(:disabled){background-color:#218838;border-color:#1e7e34}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}.empty-state{text-align:center;background:#fff;border-radius:8px;padding:4rem 2rem;box-shadow:0 2px 4px #0000001a}.empty-state-icon{color:#28a745;margin-bottom:1rem;font-size:4rem}.empty-state h2{color:#212529;margin-bottom:.5rem}.empty-state p{color:#6c757d;margin-bottom:2rem}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-header{border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:#212529;margin:0;font-size:1.5rem}.modal-close{color:#6c757d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;transition:color .2s;display:flex}.modal-body p{margin-bottom:1rem}.user-details{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.modal-content .form-group{margin-bottom:1.5rem}.modal-content .form-group label{color:#212529;margin-bottom:.5rem;font-weight:600;display:block}.modal-content .form-control{resize:vertical;border:1px solid #ced4da;border-radius:4px;width:100%;padding:.5rem;font-family:inherit;font-size:1rem}.modal-content .form-control:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.modal-content .alert{border-radius:4px;margin-bottom:1rem;padding:1rem}.modal-content .alert-error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.modal-content .alert-warning{color:#856404;background-color:#fff3cd;border:1px solid #ffeaa7}.modal-content .alert strong{font-weight:600}.modal-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}@media (width<=1024px){.pending-approvals-table-wrapper{overflow-x:auto}.pending-approvals-table{min-width:900px}}@media (width<=768px){.pending-approvals-container{padding:1rem}.pending-approvals-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.actions-cell{flex-direction:column}.modal-content{margin:0 1rem}}.placeholder-page{min-height:calc(100vh - 80px);padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.placeholder-content{text-align:center;max-width:600px}.placeholder-icon{margin-bottom:var(--spacing-lg);font-size:5rem}.placeholder-content h1{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:2rem}.placeholder-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:1.25rem}.placeholder-subtitle{color:var(--color-text-secondary);font-size:1rem}.student-nav{z-index:100;margin-bottom:var(--spacing-xl);border-bottom:3px solid #0000;border-image:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-secondary)) 1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fff 0%,#fef8f0 100%);animation:.4s ease-out navFadeIn;position:sticky;top:0;box-shadow:0 4px 20px #e85d0426,0 2px 8px #dc2f0214}.student-nav:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#e85d0414 0%,#0000 70%);width:80%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.student-nav-container{max-width:1400px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin:0 auto;display:flex;position:relative}.nav-logo{align-items:center;gap:var(--spacing-md);cursor:pointer;transition:transform var(--transition-base), filter var(--transition-base);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);text-decoration:none;display:flex;position:relative}.nav-logo:before{content:"";border-radius:var(--radius-md);opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#e85d040d,#ffba080d);position:absolute;inset:0}.nav-logo:hover{transform:translateY(-2px)}.nav-logo:hover:before{opacity:1}.brand-logo{filter:drop-shadow(0 2px 4px #e85d0433);width:auto;height:2.5rem;transition:filter var(--transition-base)}.nav-logo:hover .brand-logo{filter:drop-shadow(0 4px 8px #e85d044d)}.brand-name{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.nav-links{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-full);background:linear-gradient(135deg,#e85d040a,#ffba080a);flex:1;justify-content:center;display:flex;box-shadow:inset 0 2px 4px #0000000d}.nav-link{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);color:var(--color-gray-700);transition:all var(--transition-base);letter-spacing:.01em;font-size:.95rem;font-weight:600;text-decoration:none;position:relative;overflow:hidden}.nav-link:before{content:"";opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-full);background:linear-gradient(135deg,#e85d0414,#ffba0814);position:absolute;inset:0}.nav-link:hover{color:var(--color-primary);transform:translateY(-2px)}.nav-link:hover:before{opacity:1}.nav-link.active{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;font-weight:700;transform:translateY(-1px);box-shadow:0 4px 12px #e85d0466,0 2px 6px #dc2f024d,inset 0 1px #fff3}.nav-link.active:before{opacity:0}.nav-link.active:after{content:"";border-radius:var(--radius-full);background:#ffba08cc;width:60%;height:3px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #ffba0880}.nav-breadcrumbs-row{max-width:1400px;padding:0 var(--spacing-lg) var(--spacing-sm) var(--spacing-lg);background:linear-gradient(#fff8f04d,#0000);border-top:1px solid #e85d0414;margin:0 auto}.nav-breadcrumbs{align-items:center;gap:var(--spacing-xs);color:var(--color-gray-500);padding:var(--spacing-xs) 0;font-size:.75rem;display:flex}.nav-breadcrumb-item{align-items:center;gap:var(--spacing-xs);display:flex}.nav-breadcrumb-link{color:var(--color-gray-500);padding:2px var(--spacing-xs);cursor:pointer;font-family:inherit;font-size:inherit;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;font-weight:500;text-decoration:none;position:relative}.nav-breadcrumb-link:hover{color:var(--color-primary);background:#e85d040f}.nav-breadcrumb-separator{color:var(--color-gray-400);-webkit-user-select:none;user-select:none;opacity:.5;margin:0 2px;font-size:.7rem}.nav-breadcrumb-current{color:var(--color-gray-700);padding:2px var(--spacing-xs);font-size:.75rem;font-weight:600}.nav-actions{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fffc,#fef8f0cc);display:flex;box-shadow:0 2px 8px #e85d041f}.user-menu{align-items:center;gap:var(--spacing-sm);display:flex}.user-greeting{color:var(--color-gray-800);white-space:nowrap;padding:0 var(--spacing-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:600}.nav-actions .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);transition:all var(--transition-base);border:2px solid #0000;font-weight:600;position:relative;overflow:hidden}.nav-actions .btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;box-shadow:0 2px 8px #e85d044d}.nav-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e85d0466}.nav-actions .btn-secondary{background:linear-gradient(135deg, var(--color-gray-700), var(--color-gray-800));color:#fff;isolation:isolate;position:relative;box-shadow:0 2px 8px #00000026}.nav-actions .btn-secondary:before{content:"";background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));opacity:0;transition:opacity var(--transition-base);z-index:-1;position:absolute;inset:0}.nav-actions .btn-secondary:hover{border-color:var(--color-primary);color:#fff;text-shadow:0 1px 2px #0000004d;transform:translateY(-2px);box-shadow:0 4px 12px #e85d044d}.nav-actions .btn-secondary:hover:before{opacity:1}.nav-actions .btn span{z-index:1;position:relative}.mobile-menu-toggle{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base);border:none;font-size:1.5rem;font-weight:700;display:none;box-shadow:0 4px 12px #e85d044d}.mobile-menu-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #e85d0466}.mobile-menu-toggle:active{transform:scale(.98)}.mobile-nav{display:none}@media (width<=768px){.student-nav{border-bottom-width:2px}.student-nav-container{padding:var(--spacing-sm) var(--spacing-md)}.nav-logo h1{font-size:1.25rem}.brand-logo{height:2rem}.brand-name{font-size:1.25rem}.desktop-nav,.nav-breadcrumbs-row,.nav-actions{display:none}.mobile-menu-toggle{display:block}.mobile-nav{padding:var(--spacing-lg);gap:var(--spacing-sm);border-top:3px solid var(--color-accent);animation:slideDown var(--transition-base);background:linear-gradient(#fff8f0fa,#fffffffa);flex-direction:column;display:flex;box-shadow:0 8px 24px #e85d0433}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav .nav-link{text-align:center;width:100%;padding:var(--spacing-md);background:#fff;font-size:1.05rem;box-shadow:0 2px 8px #e85d041f}.mobile-nav .nav-link.active{box-shadow:0 4px 16px #e85d0466}.mobile-nav .btn{width:100%;padding:var(--spacing-md);font-size:1rem}.mobile-enter-code,.mobile-logout{margin-top:var(--spacing-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;font-weight:700;box-shadow:0 4px 12px #e85d044d}.mobile-enter-code:hover,.mobile-logout:hover{box-shadow:0 6px 16px #e85d0466}}@media (width<=1024px) and (width>=769px){.user-greeting{display:none}.nav-links{gap:4px}.nav-link{padding:var(--spacing-sm);font-size:.9rem}.nav-actions .btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.nav-breadcrumbs{font-size:.7rem}}.nav-link:focus-visible,.nav-breadcrumb-link:focus-visible,.nav-logo:focus-visible,.mobile-menu-toggle:focus-visible,.nav-actions .btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-md)}.modal-overlay{z-index:1000;padding:var(--spacing-md);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.modal-header h2{color:var(--color-primary);margin:0}.modal-close{color:var(--gray-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;transition:color .2s;display:flex}.modal-close:hover{color:var(--color-primary)}.modal-body .form-group{margin-bottom:var(--spacing-md)}.modal-body .form-label{margin-bottom:var(--spacing-sm);color:var(--gray-700);font-weight:600;display:block}.modal-body .form-input{width:100%;padding:var(--spacing-md);border:2px solid var(--gray-300);border-radius:6px;font-size:1rem;transition:border-color .2s}.modal-body .form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2915281a}.modal-body .form-error{color:var(--color-error);margin-top:var(--spacing-sm);font-size:.875rem}.modal-footer{gap:var(--spacing-md);padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--gray-200);justify-content:flex-end;display:flex}.modal-footer .btn{min-width:100px}@media (width<=768px){.modal-content{max-width:100%;margin:var(--spacing-md)}.modal-header,.modal-body{padding:var(--spacing-md)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.learning-progress-section{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);background:#fff}.learning-progress-header{margin-bottom:var(--spacing-lg)}.learning-progress-header h2{margin:0 0 var(--spacing-xs) 0;color:var(--color-gray-900);font-size:24px;font-weight:700}.section-description{color:var(--color-gray-600);margin:0;font-size:14px}.learning-progress-filters{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.filter-group label{color:var(--color-gray-700);font-size:14px;font-weight:500}.level-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-gray-900);cursor:pointer;transition:border-color var(--transition-fast);background:#fff;min-width:180px;font-size:14px}.level-select:hover{border-color:var(--color-primary)}.level-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.search-group{flex:1;min-width:200px}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-gray-900);transition:border-color var(--transition-fast);font-size:14px}.search-input:hover{border-color:var(--color-primary)}.search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.search-input::placeholder{color:var(--color-gray-400)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.filter-results{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.filter-results p{color:var(--color-gray-700);margin:0;font-size:14px}.learning-progress-loading{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.learning-progress-loading p{color:var(--color-gray-600);margin:0;font-size:16px}.learning-progress-error{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-message{margin:0 0 var(--spacing-lg) 0;color:var(--color-danger);font-size:16px}.retry-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;font-size:14px;font-weight:500}.retry-button:focus{outline:none;box-shadow:0 0 0 3px #4f46e54d}.learning-progress-empty{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;background:var(--color-gray-50);border-radius:var(--radius-md);border:2px dashed var(--color-gray-300);flex-direction:column;justify-content:center;align-items:center;display:flex}.learning-progress-empty p{margin:0 0 var(--spacing-sm) 0;color:var(--color-gray-600);font-size:16px}.learning-progress-empty p:last-child{margin-bottom:var(--spacing-lg);color:var(--color-gray-500);font-size:14px}.clear-filters-button{padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff;font-size:14px;font-weight:500}.clear-filters-button:hover{background:var(--color-primary);color:#fff}.clear-filters-button:focus{outline:none;box-shadow:0 0 0 3px #4f46e54d}.trend-legend{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.trend-legend h4{margin:0 0 var(--spacing-md) 0;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.legend-items{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.legend-item{align-items:center;gap:var(--spacing-sm);display:flex}.legend-icon{flex-shrink:0;font-size:18px;line-height:1}.legend-icon.trend-improving{color:var(--color-success)}.legend-icon.trend-stable{color:var(--color-gray-500)}.legend-icon.trend-declining{color:var(--color-danger)}.legend-label{color:var(--color-gray-800);min-width:80px;font-size:14px;font-weight:500}.legend-description{color:var(--color-gray-600);font-size:13px}@media (width<=768px){.learning-progress-section{padding:var(--spacing-lg)}.learning-progress-header h2{font-size:20px}.learning-progress-filters{flex-direction:column;align-items:stretch}.filter-group,.search-group{width:100%}.level-select,.search-input{min-width:auto}.legend-items{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.retry-button,.clear-filters-button,.level-select,.search-input{transition:none}}.student-dashboard-container{max-width:1200px;padding:0 var(--spacing-lg);gap:var(--spacing-xl);z-index:1;flex-direction:column;margin:0 auto;display:flex;position:relative}.dashboard-welcome{padding:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-xl);display:flex}.dashboard-welcome-content{text-align:left}.dashboard-welcome h1{margin-bottom:var(--spacing-sm);color:var(--color-primary)}.dashboard-welcome p{margin:0;font-size:1.1rem}.dashboard-welcome .quick-actions{gap:var(--spacing-md);flex-shrink:0;align-items:center;display:flex}.dashboard-welcome .quick-actions .btn{min-width:180px}.stats-cards-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.horizontal-stat-card{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);border-left:5px solid var(--color-primary);background:linear-gradient(135deg,#fffffff2 0%,#ffffffd9 100%);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.horizontal-stat-card:before{content:"";background:linear-gradient(135deg, transparent 0%, rgba(var(--color-primary-rgb,67, 56, 202), .03) 100%);pointer-events:none;position:absolute;inset:0}.horizontal-stat-card:hover{border-left-width:6px;transform:translate(8px);box-shadow:0 8px 24px #0000001f}.horizontal-stat-card .stat-icon{filter:drop-shadow(0 2px 4px #0000001a);flex-shrink:0;font-size:3rem;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.horizontal-stat-card:hover .stat-icon{transform:scale(1.15)rotate(5deg)}.horizontal-stat-card .stat-info{gap:var(--spacing-xs);z-index:1;flex-direction:column;display:flex;position:relative}.horizontal-stat-card .stat-value{color:var(--color-primary);letter-spacing:-.02em;font-size:2.5rem;font-weight:800;line-height:1}.horizontal-stat-card .stat-label{color:var(--gray-600);letter-spacing:.01em;font-size:1rem;font-weight:500}.trending-section,.recommended-section{padding:var(--spacing-xl)}.quiz-grid{gap:var(--spacing-lg);margin-top:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.quiz-card{background:var(--gray-50);border:1px solid var(--gray-200);padding:var(--spacing-lg);gap:var(--spacing-md);border-radius:8px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.quiz-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quiz-title{color:var(--color-primary);flex:1;margin:0;font-size:1.1rem;font-weight:600}.visibility-badge{background:var(--color-primary);color:#fff;padding:2px var(--spacing-sm);text-transform:capitalize;white-space:nowrap;border-radius:4px;font-size:.75rem;font-weight:500}.visibility-badge.badge-public{background:var(--color-success)}.visibility-badge.badge-school{background:var(--color-primary)}.school-badge{background:var(--color-primary-light);color:var(--color-primary);padding:2px var(--spacing-sm);word-wrap:break-word;overflow-wrap:break-word;border-radius:4px;max-width:100%;font-size:.75rem;font-weight:500}.quiz-description{color:var(--gray-600);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.quiz-meta{gap:var(--spacing-md);color:var(--gray-500);flex-wrap:wrap;font-size:.85rem;display:flex}.quiz-meta span{align-items:center;gap:4px;display:flex}.recent-activity{padding:var(--spacing-xl);position:relative;overflow:hidden}.recent-activity h2{z-index:2;margin-bottom:var(--spacing-xl);text-align:center;position:relative}.recent-activity:before{content:"";pointer-events:none;filter:blur(60px);z-index:0;background:radial-gradient(circle,#ffba0814 0%,#e85d040a 40%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:15s ease-in-out infinite sunburstPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes sunburstPulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.15)}}.activity-list{gap:var(--spacing-xl);margin-top:var(--spacing-md);z-index:1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.activity-item{border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-lg);transition:all var(--transition-slow);cursor:pointer;text-align:center;align-items:center;gap:var(--spacing-lg);background:linear-gradient(155deg,#fffffffa 0%,#fef8f0f5 100%);border:2px solid #e85d041f;flex-direction:column;min-height:280px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #e85d041a,0 2px 10px #dc2f020f,inset 0 1px #fff}.activity-item:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-primary) 20%, var(--color-accent) 50%, var(--color-secondary) 80%, transparent 100%);height:4px;transition:height var(--transition-base);position:absolute;top:0;left:0;right:0}.activity-item:after{content:"";opacity:0;transition:opacity var(--transition-base);pointer-events:none;border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 30%,#ffba080d 0%,#0000 65%);position:absolute;inset:0}.activity-item:hover{border-color:#e85d0440;transform:translateY(-8px);box-shadow:0 16px 48px #e85d042e,0 8px 24px #dc2f021a,inset 0 1px #fff}.activity-item:hover:before{height:5px}.activity-item:hover:after{opacity:1}.activity-item-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-xl);width:72px;height:72px;transition:all var(--transition-base);z-index:2;flex-shrink:0;justify-content:center;align-items:center;font-size:2.25rem;display:flex;position:relative;box-shadow:0 6px 20px #e85d044d}.activity-item:hover .activity-item-icon{transform:scale(1.1)rotate(-3deg);box-shadow:0 8px 28px #e85d0466}.activity-item-header{align-items:center;gap:var(--spacing-md);z-index:2;flex-direction:column;width:100%;display:flex;position:relative}.activity-item-title-section{align-items:center;gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.activity-main strong{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;letter-spacing:-.01em;transition:all var(--transition-base);word-wrap:break-word;overflow-wrap:break-word;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800;line-height:1.4;display:block}.activity-item:hover .activity-main strong{letter-spacing:.005em}.activity-metadata{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.quiz-code{color:var(--color-primary);border-radius:var(--radius-full);font-size:.7rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.06em;transition:all var(--transition-fast);text-transform:uppercase;white-space:nowrap;background:#e85d041f;border:1.5px solid #e85d0440;padding:5px 12px}.activity-item:hover .quiz-code{background:#e85d042e;border-color:#e85d0466;transform:scale(1.05)}.activity-date{color:var(--color-gray-600);white-space:nowrap;align-items:center;gap:5px;font-size:.75rem;font-weight:600;display:flex}.activity-date:before{content:"📅";font-size:.85rem}.activity-score-section{text-align:center;padding:var(--spacing-md) 0;z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.activity-score{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#e85d040f;border:2px solid #e85d0426;flex-direction:row;display:flex}.activity-item:hover .activity-score{background:#e85d041a;border-color:#e85d0440;transform:scale(1.03)}.score-value{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1;font-family:var(--font-display);-webkit-background-clip:text;background-clip:text}.score-detail{color:var(--color-gray-600);letter-spacing:.01em;font-size:.95rem;font-weight:600}.activity-action-section{z-index:2;justify-content:center;width:100%;display:flex;position:relative}.activity-item .btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;transition:all var(--transition-base);white-space:nowrap;letter-spacing:.02em;border:none;min-width:160px;font-size:.9rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 3px 12px #e85d044d}.activity-item .btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff40,#fff0);position:absolute;inset:0}.activity-item .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e85d0473}.activity-item .btn:hover:before{opacity:1}.empty-state{padding:var(--spacing-2xl) var(--spacing-lg)}.empty-state h3{margin-bottom:var(--spacing-sm);color:var(--gray-600)}.loading-container{padding:var(--spacing-2xl);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.spinner-large{border:4px solid var(--gray-200);border-top-color:var(--color-primary);border-radius:50%;width:64px;height:64px;animation:1s linear infinite spin}.alert{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:8px}.alert-error{color:#c33;background:#fee;border:1px solid #fcc}@media (width<=1024px){.stats-cards-grid,.quiz-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.student-dashboard-container{padding:0 var(--spacing-md)}.dashboard-welcome{align-items:flex-start;gap:var(--spacing-lg);flex-direction:column}.dashboard-welcome-content{width:100%}.dashboard-welcome .quick-actions{flex-direction:column;width:100%}.dashboard-welcome .quick-actions .btn{width:100%}.stats-cards-grid{grid-template-columns:1fr}.horizontal-stat-card{padding:var(--spacing-lg)}.horizontal-stat-card .stat-icon{font-size:2.5rem}.horizontal-stat-card .stat-value{font-size:2rem}.horizontal-stat-card .stat-label{font-size:.9rem}.quiz-grid{grid-template-columns:1fr}.activity-list{gap:var(--spacing-lg);grid-template-columns:1fr}.activity-item{min-height:260px}.activity-item-icon{width:64px;height:64px;font-size:2rem}.activity-main strong{font-size:1.2rem}.quiz-code{font-size:.68rem}.activity-date{font-size:.73rem}.activity-score{padding:var(--spacing-sm) var(--spacing-lg)}.score-value{font-size:1.75rem}.score-detail{font-size:.9rem}.activity-item .btn{width:100%;max-width:280px}}@media (width<=1024px) and (width>=769px){.activity-list{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.dashboard-welcome{padding:var(--spacing-lg)}.dashboard-welcome h1{font-size:1.75rem}.horizontal-stat-card{gap:var(--spacing-md);padding:var(--spacing-md)}.horizontal-stat-card .stat-icon{font-size:2rem}.horizontal-stat-card .stat-value{font-size:1.75rem}.horizontal-stat-card .stat-label{font-size:.85rem}.trending-section,.recommended-section,.recent-activity{padding:var(--spacing-lg)}}.rating-stars{align-items:center;gap:.5rem;display:flex}.stars-container{gap:.125rem;display:inline-flex}.star{transition:color .2s,transform .2s;display:inline-block}.star.filled{color:#fbbf24}.star.empty{color:#d1d5db}.star.interactive{cursor:pointer}.star.interactive:hover,.star.interactive:focus{outline:none;transform:scale(1.2)}.star.interactive:hover{color:#f59e0b}.rating-stars.small .star{font-size:.875rem}.rating-stars.medium .star{font-size:1.125rem}.rating-stars.large .star{font-size:1.5rem}.rating-count,.rating-value{color:var(--text-muted);font-size:.875rem;font-weight:500}.rating-value{text-align:right;min-width:2rem}.save-button-container{position:relative}.save-button-icon{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:.375rem;padding:.5rem;font-size:1.5rem;transition:all .2s}.save-button-icon:hover{background-color:var(--bg-secondary);transform:scale(1.1)}.save-button-icon:disabled{opacity:.5;cursor:not-allowed}.save-button-icon .save-icon{transition:color .2s;display:inline-block}.save-button-icon.saved .save-icon{color:#fbbf24}.save-button{align-items:center;gap:.5rem;display:inline-flex}.save-button .save-icon{font-size:1.25rem;transition:color .2s}.save-button.saved{color:#92400e;background-color:#fef3c7;border-color:#fbbf24}.save-button.saved .save-icon{color:#fbbf24}.save-button:hover.saved{background-color:#fde68a}.error-message{color:var(--error);white-space:nowrap;margin-top:.25rem;position:absolute;top:100%;left:0}.rc-slider{touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:#0000;border-radius:6px;width:100%;height:14px;padding:5px 0;position:relative}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-rail{background-color:#e9e9e9;border-radius:6px;width:100%;height:4px;position:absolute}.rc-slider-track,.rc-slider-tracks{background-color:#abe2fb;border-radius:6px;height:4px;position:absolute}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid #0000;border-bottom:5px solid #0000;transform:translateY(-5px)}.rc-slider-handle{z-index:1;cursor:pointer;width:14px;height:14px;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x;background-color:#fff;border:2px solid #96dbfa;border-radius:50%;margin-top:-5px;position:absolute}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{box-shadow:unset;border-color:#96dbfa}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{cursor:-webkit-grabbing;cursor:grabbing;border-color:#57c5f7;box-shadow:0 0 5px #57c5f7}.rc-slider-mark{width:100%;font-size:12px;position:absolute;top:18px;left:0}.rc-slider-mark-text{color:#999;text-align:center;vertical-align:middle;cursor:pointer;display:inline-block;position:absolute}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:0 0;width:100%;height:4px;position:absolute}.rc-slider-dot{vertical-align:middle;cursor:pointer;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{box-shadow:none;cursor:not-allowed;background-color:#fff;border-color:#ccc}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{width:4px;bottom:0;left:5px}.rc-slider-vertical .rc-slider-track-draggable{border:0;border-left:5px solid #0000;border-right:5px solid #0000;transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{z-index:1;touch-action:pan-y;margin-top:0;margin-left:-5px;position:absolute}.rc-slider-vertical .rc-slider-mark{height:100%;top:0;left:18px}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both;display:block!important}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform-origin:50% 100%;opacity:0;transform:scale(0)}to{transform-origin:50% 100%;transform:scale(1)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1)}to{transform-origin:50% 100%;opacity:0;transform:scale(0)}}.rc-slider-tooltip{visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:#0000;position:absolute;top:-9999px;left:-9999px}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{color:#fff;text-align:center;background-color:#6c6c6c;border-radius:6px;min-width:24px;height:24px;padding:6px 2px;font-size:12px;line-height:1;text-decoration:none;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{border-style:solid;border-color:#0000;width:0;height:0;position:absolute}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-width:4px 4px 0;border-top-color:#6c6c6c;margin-left:-4px;bottom:4px;left:50%}.discover-container{max-width:1280px;padding:0 var(--spacing-lg);gap:var(--spacing-xl);z-index:1;flex-direction:column;margin:0 auto;display:flex;position:relative}.discover-header{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-xl);background:#fffffff2;border:2px solid #e85d0433;animation:.6s cubic-bezier(.34,1.56,.64,1) slideDown;position:relative;overflow:hidden}.discover-header:before{content:"";background:linear-gradient(90deg,#0000,#ffba0826,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.discover-header h1{margin-bottom:var(--spacing-sm);color:var(--color-primary);letter-spacing:-.5px;font-size:42px;font-weight:800;display:inline-block;position:relative}.discover-header h1:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:60%;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.discover-header p{color:var(--color-gray-600);margin-top:var(--spacing-lg);font-size:1.1rem}.discover-filters{padding:var(--spacing-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);background:#fffffffa;border:2px solid #e85d0426;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s both fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-group{margin-bottom:var(--spacing-lg)}.search-group{align-items:center;display:flex;position:relative}.search-icon{left:var(--spacing-lg);pointer-events:none;z-index:1;font-size:1.25rem;position:absolute}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 3rem;border:3px solid var(--gray-300);border-radius:var(--radius-lg);font-size:1.05rem;font-family:var(--font-body);transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), .15), var(--shadow-md);outline:none;transform:translateY(-2px)}.search-input::placeholder{color:var(--color-gray-400);font-weight:500}.filter-row{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.filter-item{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:200px;display:flex}.filter-item label{color:var(--color-gray-700);letter-spacing:.3px;text-transform:uppercase;font-size:.875rem;font-weight:600}.filter-select{min-width:200px;padding:var(--spacing-md) var(--spacing-lg);border:3px solid var(--gray-300);border-radius:var(--radius-lg);font-size:1rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;flex:1;font-weight:500}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), .15), var(--shadow-md);outline:none;transform:translateY(-2px)}.filter-select:hover{border-color:var(--color-primary-light)}.time-limit-filter{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md)}.time-limit-slider-wrapper{align-items:center;gap:var(--spacing-xl);display:flex}.time-limit-label{color:var(--color-gray-700);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;min-width:180px;font-size:.875rem;font-weight:600}.range-slider-container{padding:var(--spacing-sm) 0;flex:1;align-items:center;display:flex}.dual-range-slider{width:100%;margin:0;padding:0}.dual-range-slider .rc-slider-rail{border-radius:var(--radius-full);background:linear-gradient(90deg,#e0e0e0,#d0d0d0);height:8px}.dual-range-slider .rc-slider-track{background:linear-gradient(90deg, var(--color-primary-light), var(--color-primary));border-radius:var(--radius-full);height:8px}.dual-range-slider .rc-slider-handle{border:3px solid var(--color-primary);opacity:1;width:20px;height:20px;box-shadow:var(--shadow-md);transition:all var(--transition-fast);background:#fff;margin-top:-6px}.dual-range-slider .rc-slider-handle:hover,.dual-range-slider .rc-slider-handle:active,.dual-range-slider .rc-slider-handle-dragging{box-shadow:var(--shadow-lg);border-color:var(--color-primary);background:#fff;transform:scale(1.2)}.dual-range-slider .rc-slider-handle:focus{box-shadow:0 0 0 4px #e85d0433, var(--shadow-lg);outline:none}.tag-filters{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid #e85d0426}.filter-label{color:var(--color-gray-800);margin-bottom:var(--spacing-md);letter-spacing:.3px;text-transform:uppercase;font-size:1rem;font-weight:700}.tag-category{margin-bottom:var(--spacing-lg);animation:.6s cubic-bezier(.34,1.56,.64,1) both fadeInUp}.tag-category:first-child{animation-delay:.2s}.tag-category:nth-child(2){animation-delay:.25s}.tag-category:nth-child(3){animation-delay:.3s}.tag-category-label{color:var(--color-primary);text-transform:capitalize;margin-bottom:var(--spacing-sm);letter-spacing:.5px;font-size:.875rem;font-weight:600}.tag-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tag-button{border:2px solid var(--color-gray-300);border-radius:var(--radius-full);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;padding:.5rem 1rem;font-size:.875rem;font-weight:600;position:relative;overflow:hidden}.tag-button:before{content:"";background:var(--gradient-primary);width:100%;height:100%;transition:left var(--transition-base);z-index:-1;position:absolute;top:0;left:-100%}.tag-button:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)scale(1.05)}.tag-button.active{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-primary);transform:scale(1.05)}.tag-button.active:before{left:0}.filter-actions{margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}.results-summary{text-align:center;padding:var(--spacing-md) var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffff40;border:2px solid #fff6;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both fadeInUp}.results-summary p{color:#fff;letter-spacing:.5px;text-shadow:0 2px 4px #0003;margin:0;font-size:1rem;font-weight:700}.results-section-header{margin:var(--spacing-xl) 0 var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fffffff2;animation:.6s cubic-bezier(.34,1.56,.64,1) both fadeInUp}.results-section-header h2{color:var(--color-primary);letter-spacing:-.3px;margin:0;font-size:1.5rem;font-weight:700}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-header,.skeleton-title,.skeleton-tags,.skeleton-tag,.skeleton-text,.skeleton-meta,.skeleton-badge,.skeleton-button{border-radius:var(--radius-md);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{width:70%;height:24px;margin-bottom:var(--spacing-sm)}.skeleton-tags{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);display:flex}.skeleton-tag{border-radius:var(--radius-full);width:60px;height:20px}.skeleton-text{width:100%;height:16px;margin-bottom:var(--spacing-xs)}.skeleton-text:last-of-type{width:80%}.skeleton-meta{gap:var(--spacing-md);padding-top:var(--spacing-md);margin-top:auto;display:flex}.skeleton-badge{width:70px;height:22px}.skeleton-button{width:100%;height:40px;margin-top:var(--spacing-md)}.quiz-card{border-radius:var(--radius-lg);padding:var(--spacing-xl);gap:var(--spacing-md);transition:all var(--transition-base);box-shadow:var(--shadow-md);background:#fff;border:2px solid #e85d0433;flex-direction:column;min-height:320px;animation:.6s cubic-bezier(.34,1.56,.64,1) both fadeInScale;display:flex;position:relative;overflow:hidden}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.tag-badge{color:var(--color-primary);border-radius:var(--radius-full);letter-spacing:.3px;transition:all var(--transition-fast);background:linear-gradient(135deg,#e85d041a 0%,#dc2f0226 100%);border:1px solid #e85d044d;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.tag-badge:hover{background:var(--gradient-primary);color:#fff;transform:scale(1.1)}.tag-badge.tag-more{background:var(--gray-200);color:var(--gray-700);border-color:var(--gray-300)}.difficulty-badge.beginner{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7}.difficulty-badge.intermediate{color:#92400e;background:linear-gradient(135deg,#fed7aa 0%,#fbbf24 100%);border:1px solid #f59e0b}.difficulty-badge.advanced{color:#991b1b;background:linear-gradient(135deg,#fecaca 0%,#f87171 100%);border:1px solid #ef4444}.quiz-rating{margin:var(--spacing-xs) 0}.quiz-meta span{align-items:center;gap:4px;font-weight:600;display:flex}.quiz-instructor{margin-top:var(--spacing-xs);font-size:.85rem;font-weight:500}.quiz-instructor .text-muted{color:var(--color-gray-600)}.quiz-card .btn{width:100%;margin-top:auto}.pagination{justify-content:center;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl);animation:.6s cubic-bezier(.34,1.56,.64,1) .3s both fadeInUp;display:flex}.page-info{color:#fff;text-shadow:0 2px 4px #0003;padding:var(--spacing-sm) var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);background:#fff3;border:2px solid #ffffff4d;font-size:1.1rem;font-weight:700}.pagination .btn{min-width:120px}.empty-state{padding:var(--spacing-2xl);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:2px solid #e85d0433;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both fadeInUp}.empty-state h3{margin-bottom:var(--spacing-md);color:var(--color-primary);font-size:1.5rem}.empty-state p{margin-bottom:var(--spacing-lg);font-size:1.05rem}.loading-container{padding:var(--spacing-2xl);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:400px;display:flex}.loading-container p{color:#fff;text-shadow:0 2px 4px #0003;font-size:1.1rem;font-weight:600}@media (width<=1024px){.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width<=768px){.discover-container{padding:0 var(--spacing-md)}.discover-header h1{font-size:32px}.quiz-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-item,.filter-select{width:100%;min-width:unset}.time-limit-slider-wrapper{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.time-limit-label{min-width:unset}.range-slider-container{width:100%}.pagination{gap:var(--spacing-md)}}@media (width<=480px){.discover-header{padding:var(--spacing-xl) var(--spacing-md)}.discover-header h1{font-size:28px}.discover-filters{padding:var(--spacing-lg)}}.my-list-container{max-width:1280px;padding:0 var(--spacing-lg);gap:var(--spacing-xl);z-index:1;flex-direction:column;margin:0 auto;display:flex;position:relative}.my-list-header{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fffffff2;border:2px solid #e85d0433;animation:.6s cubic-bezier(.34,1.56,.64,1) slideDown;position:relative;overflow:hidden}.my-list-header:before{content:"";background:linear-gradient(90deg,#0000,#ffba0826,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.my-list-header h1{margin-bottom:var(--spacing-sm);color:var(--color-primary);letter-spacing:-.5px;font-size:42px;font-weight:800;display:inline-block;position:relative}.my-list-header h1:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:60%;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.my-list-header p{color:var(--color-gray-600);margin-top:var(--spacing-lg);font-size:1.1rem}.empty-state{padding:var(--spacing-2xl);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fffffff2;border:2px solid #e85d0433;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both fadeInUp;position:relative;overflow:hidden}.empty-state:before{content:"";background:var(--gradient-primary);height:4px;position:absolute;top:0;left:0;right:0}.empty-icon{margin-bottom:var(--spacing-lg);font-size:5rem;animation:2s infinite bounce;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h2{margin-bottom:var(--spacing-md);color:var(--color-primary);letter-spacing:-.3px;font-size:1.75rem;font-weight:700}.empty-state p{color:var(--color-gray-600);margin-bottom:var(--spacing-xl);font-size:1.05rem;line-height:1.6}.quiz-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.quiz-card{border-radius:var(--radius-lg);padding:var(--spacing-xl);gap:var(--spacing-md);transition:all var(--transition-base);box-shadow:var(--shadow-md);cursor:pointer;background:#fff;border:2px solid #e85d0433;flex-direction:column;min-height:320px;animation:.6s cubic-bezier(.34,1.56,.64,1) both fadeInScale;display:flex;position:relative;overflow:hidden}.quiz-card:first-child{animation-delay:50ms}.quiz-card:nth-child(2){animation-delay:.1s}.quiz-card:nth-child(3){animation-delay:.15s}.quiz-card:nth-child(4){animation-delay:.2s}.quiz-card:nth-child(5){animation-delay:.25s}.quiz-card:nth-child(6){animation-delay:.3s}.quiz-card:nth-child(7){animation-delay:.35s}.quiz-card:nth-child(8){animation-delay:.4s}.quiz-card:nth-child(9){animation-delay:.45s}.quiz-card:before{content:"";background:var(--gradient-primary);transform-origin:0;height:4px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.quiz-card:hover:before{transform:scaleX(1)}.quiz-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary);transform:translateY(-8px)scale(1.02)}.quiz-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.quiz-title-row{align-items:center;gap:var(--spacing-sm);flex:1;display:flex}.quiz-title{color:var(--color-primary);letter-spacing:-.3px;flex:1;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.badge-group{align-items:center;gap:.5rem;display:flex}.visibility-badge{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#ffffffe6;border:1px solid #0000001a;flex-shrink:0;padding:.25rem .5rem;font-size:1.2rem}.visibility-badge.public{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.visibility-badge.school{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.quiz-card-actions{gap:var(--spacing-xs);display:flex}.quiz-tags{gap:var(--spacing-xs);margin:var(--spacing-sm) 0;flex-wrap:wrap;display:flex}.tag{border-radius:var(--radius-full);letter-spacing:.3px;transition:all var(--transition-fast);border:1px solid;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.tag-skill{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#fcd34d}.tag:hover{box-shadow:var(--shadow-sm);transform:scale(1.1)}.tag-more{color:var(--gray-600);background:var(--gray-200);border-radius:var(--radius-full);padding:.35rem .75rem;font-size:.75rem;font-weight:600}.quiz-description{color:var(--gray-600);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.quiz-rating{align-items:center;gap:var(--spacing-sm);margin:var(--spacing-xs) 0;display:flex}.quiz-meta{gap:var(--spacing-md);color:var(--gray-500);padding-top:var(--spacing-md);border-top:1px solid var(--gray-200);flex-wrap:wrap;margin-top:auto;font-size:.85rem;display:flex}.meta-item{align-items:center;gap:4px;font-weight:600;display:flex}.difficulty-badge{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);padding:.35rem .75rem;font-size:.75rem;font-weight:700}.difficulty-badge:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.difficulty-badge.difficulty-beginner{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7}.difficulty-badge.difficulty-intermediate{color:#92400e;background:linear-gradient(135deg,#fed7aa 0%,#fbbf24 100%);border:1px solid #f59e0b}.difficulty-badge.difficulty-advanced{color:#991b1b;background:linear-gradient(135deg,#fecaca 0%,#f87171 100%);border:1px solid #ef4444}.quiz-creator{border-top:1px solid var(--gray-200);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:.85rem;font-weight:500}.quiz-creator .text-sm{font-size:.85rem}.quiz-creator .text-muted{color:var(--color-gray-600)}.quiz-saved-date{color:var(--color-gray-400);border-radius:var(--radius-md);text-align:center;background:#e85d040d;padding:.25rem .5rem;font-size:.75rem;font-style:italic}.quiz-cta{width:100%;margin-top:auto}.quiz-card.skeleton{pointer-events:none;animation:1.5s ease-in-out infinite skeletonPulse}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;min-height:300px;animation:1.5s infinite skeletonShimmer}@media (width<=1024px){.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width<=768px){.my-list-container{padding:0 var(--spacing-md)}.my-list-header h1{font-size:32px}.quiz-grid{grid-template-columns:1fr}}@media (width<=480px){.my-list-header{padding:var(--spacing-xl) var(--spacing-md)}.my-list-header h1{font-size:28px}}.history-container{max-width:1200px;padding:0 var(--spacing-lg);gap:var(--spacing-lg);z-index:1;flex-direction:column;margin:0 auto;display:flex;position:relative}.history-header{text-align:center;padding:var(--spacing-xl)}.history-header h1{margin-bottom:var(--spacing-sm);color:var(--color-primary)}.history-filters{padding:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap;display:flex}.history-table-container{padding:var(--spacing-lg);overflow-x:auto}.history-table{border-collapse:collapse;width:100%}.history-table thead{background:var(--gray-100)}.history-table th{padding:var(--spacing-md);text-align:left;color:var(--gray-700);border-bottom:2px solid var(--gray-300);font-weight:600}.history-table td{padding:var(--spacing-md);border-bottom:1px solid var(--gray-200)}.history-table tbody tr:hover{background:var(--gray-50)}.quiz-cell{flex-direction:column;gap:4px;display:flex}.quiz-cell strong{color:var(--color-primary)}.quiz-code{font-size:.85rem}.score-badge.score-high{color:#155724;background:#d4edda}.score-badge.score-medium{color:#856404;background:#fff3cd}.score-badge.score-low{color:#721c24;background:#f8d7da}.pagination{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);display:flex}.page-info{color:#fff;font-weight:500}.pagination .btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.history-container{padding:0 var(--spacing-md)}.history-table-container{overflow-x:scroll}.history-table{min-width:600px}.history-table th,.history-table td{padding:var(--spacing-sm);font-size:.9rem}}.review-card{background-color:var(--color-bg,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;margin-bottom:1rem;padding:1.25rem;transition:box-shadow .2s,border-color .2s}.review-card:hover{border-color:var(--color-gray-300,#d1d5db);box-shadow:0 2px 8px #0000000d}.review-card-flagged{background-color:var(--color-warning-light,#fef3c7);border-color:var(--color-warning,#f59e0b)}.review-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.review-card-meta{flex-direction:column;flex:1;gap:.25rem;display:flex}.review-author{color:var(--color-text,#1f2937);font-size:.875rem;font-weight:600}.review-date{color:var(--color-gray-500,#6b7280);font-size:.75rem}.review-rating{flex-shrink:0}.review-text{color:var(--color-text-secondary,#4b5563);margin-bottom:1rem;font-size:.875rem;line-height:1.6}.review-text .markdown-content{font-size:inherit}.review-text .markdown-content p{margin-bottom:.5rem}.review-text .markdown-content p:last-child{margin-bottom:0}.review-text .markdown-content code{background-color:var(--color-gray-100,#f3f4f6);border-radius:.25rem;padding:.125rem .25rem;font-size:.8125rem}.review-flagged-notice{background-color:var(--color-warning-light,#fef3c7);border:1px solid var(--color-warning,#f59e0b);color:var(--color-warning-dark,#92400e);border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.8125rem;display:flex}.review-flagged-icon{flex-shrink:0;font-size:1rem}.review-flagged-text{font-weight:500}.review-card-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-action{cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s}.btn-action:hover{transform:translateY(-1px)}.btn-action:active{transform:translateY(0)}.btn-action-edit{color:var(--color-primary,#3b82f6)}.btn-action-edit:hover{background-color:var(--color-primary-light,#3b82f61a)}.btn-action-delete{color:var(--color-error,#dc2626)}.btn-action-delete:hover{background-color:var(--color-error-light,#dc26261a)}.btn-action-report{color:var(--color-gray-600,#4b5563)}.btn-action-report:hover{background-color:var(--color-gray-100,#f3f4f6);color:var(--color-gray-700,#374151)}.btn-action:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}@media (width<=640px){.review-card{padding:1rem}.review-card-header{flex-direction:column;gap:.75rem}.review-rating{align-self:flex-start}.review-card-actions{width:100%}.btn-action{text-align:center;flex:1}}.review-card-empty{text-align:center;color:var(--color-gray-500,#6b7280);padding:2rem 1rem;font-size:.875rem}.report-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.report-success-icon{background-color:var(--color-success,#10b981);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:2rem;font-weight:700;display:flex}.report-success-message{color:var(--color-text,#1f2937);max-width:24rem;font-size:.9375rem}.form-hint{color:var(--color-gray-600,#4b5563);margin-bottom:.75rem;font-size:.8125rem;line-height:1.5}#report-review-modal-title{color:var(--color-text,#1f2937)}.form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.character-counter{color:var(--color-gray-500,#6b7280);text-align:right;margin-left:auto;font-size:.75rem;transition:color .2s}.character-counter.near-limit{color:var(--color-warning,#f59e0b);font-weight:500}.character-counter.over-limit{color:var(--color-error,#dc2626);font-weight:600}.over-limit-text{font-weight:600}.form-error{color:var(--color-error,#dc2626);font-size:.75rem;font-weight:500}.form-textarea.has-error{border-color:var(--color-error,#dc2626)}.form-textarea.has-error:focus{border-color:var(--color-error,#dc2626);box-shadow:0 0 0 3px var(--color-error-light,#dc26261a)}@media (width<=640px){.report-success{padding:1.5rem .5rem}.report-success-icon{width:3rem;height:3rem;font-size:1.75rem}.form-footer{flex-direction:column;align-items:flex-start}.character-counter{text-align:left;margin-left:0}}.preview-container{max-width:1000px;padding:0 var(--spacing-lg);z-index:1;margin:0 auto;position:relative}.preview-card{padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-xl);background:#fffffffa;border:2px solid #e85d0433;animation:.6s cubic-bezier(.34,1.56,.64,1) fadeInScale;position:relative;overflow:hidden}.preview-card:before{content:"";background:var(--gradient-primary);transform-origin:0;height:6px;animation:.8s cubic-bezier(.34,1.56,.64,1) .3s forwards expandBar;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}@keyframes expandBar{to{transform:scaleX(1)}}.quiz-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl);border-bottom:3px solid #e85d0426;display:flex;position:relative}.quiz-header:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:30%;height:3px;animation:.6s cubic-bezier(.34,1.56,.64,1) .4s both slideRight;position:absolute;bottom:-3px;left:0}@keyframes slideRight{0%{width:0}to{width:30%}}.header-content{flex:1;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both fadeInUp}.title-with-badge{align-items:baseline;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.header-content h1{color:var(--color-primary);letter-spacing:-.5px;margin:0;font-weight:800}.creator-info{color:var(--gray-600);margin:0;font-size:.95rem;font-weight:600}.header-actions{gap:var(--spacing-md);align-items:flex-start;animation:.6s cubic-bezier(.34,1.56,.64,1) .3s both fadeInUp;display:flex}.visibility-badge{border-radius:var(--radius-md);letter-spacing:.3px;white-space:nowrap;border:1.5px solid;align-items:center;gap:.25rem;padding:.375rem .875rem;font-size:.813rem;font-weight:600;display:inline-flex;position:relative;top:2px}.badge-public{color:#1e40af;background:#dbeafe99;border-color:#60a5fa66}.badge-school{color:#92400e;background:#fef3c799;border-color:#fbbf2466}.badge-private{color:#9f1239;background:#fce7f399;border-color:#f472b666}.quiz-details{margin-bottom:var(--spacing-2xl)}.quiz-description{color:var(--gray-700);margin-bottom:var(--spacing-xl);font-size:1.1rem;font-weight:500;line-height:1.7}.quiz-meta-grid{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--gray-50);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.meta-item{gap:var(--spacing-sm);flex-direction:column;display:flex}.meta-label{color:var(--gray-600);font-size:.9rem;font-weight:500}.meta-value{color:var(--color-primary);font-size:1.25rem;font-weight:700}.previous-attempts{margin-bottom:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:2px solid var(--gray-200)}.attempts-table{border-collapse:collapse;width:100%;margin-top:var(--spacing-md)}.attempts-table thead{background:var(--gray-100)}.attempts-table th{padding:var(--spacing-md);text-align:left;color:var(--gray-700);border-bottom:2px solid var(--gray-300);font-weight:600}.attempts-table td{padding:var(--spacing-md);border-bottom:1px solid var(--gray-200)}.attempts-table tbody tr:hover{background:var(--gray-50)}.score-display{color:var(--color-primary);margin-right:var(--spacing-sm);font-size:1.25rem;font-weight:700}.score-detail{font-size:.9rem}.preview-actions{gap:var(--spacing-lg);padding-top:var(--spacing-2xl);margin-top:var(--spacing-2xl);border-top:3px solid #e85d0426;justify-content:space-between;animation:.6s cubic-bezier(.34,1.56,.64,1) 1.1s both fadeInUp;display:flex;position:relative}.preview-actions:before{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:30%;height:3px;position:absolute;top:-3px;right:0}.action-group{gap:var(--spacing-md);align-items:center;display:flex}.btn-saved{color:#065f46;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:3px solid #6ee7b7}.btn-saved:hover:not(:disabled){box-shadow:var(--shadow-md);background:linear-gradient(135deg,#a7f3d0 0%,#6ee7b7 100%);transform:translateY(-2px)}.quiz-stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:linear-gradient(135deg,#faa30714 0%,#e85d041f 100%);border:2px solid #e85d0426;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));animation:.6s cubic-bezier(.34,1.56,.64,1) .4s both fadeInUp;display:grid;position:relative}.quiz-stats-grid:before{content:"";background:linear-gradient(90deg,#0000,#ffba0826,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.stat-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#fff;border:2px solid #e85d041f;flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-item:before{content:"";background:var(--gradient-primary);transform-origin:0;height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-item:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)scale(1.03)}.stat-item:hover:before{transform:scaleX(1)}.stat-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:2rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.stat-item:first-child .stat-icon{animation-delay:0s}.stat-item:nth-child(2) .stat-icon{animation-delay:.2s}.stat-item:nth-child(3) .stat-icon{animation-delay:.4s}.stat-item:nth-child(4) .stat-icon{animation-delay:.6s}.stat-item:nth-child(5) .stat-icon{animation-delay:.8s}.stat-item:nth-child(6) .stat-icon{animation-delay:1s}.stat-value{color:var(--color-primary);letter-spacing:-.5px;font-size:1.75rem;font-weight:800;line-height:1}.stat-sublabel{color:var(--gray-600);margin-left:var(--spacing-xs);font-size:.75rem;font-weight:600}.stat-label{color:var(--gray-600);text-align:center;letter-spacing:.3px;font-size:.875rem;font-weight:600}.quiz-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid #e85d041a;animation:.6s cubic-bezier(.34,1.56,.64,1) both fadeInUp;position:relative}.quiz-section:first-child{animation-delay:.5s}.quiz-section:nth-child(2){animation-delay:.6s}.quiz-section:nth-child(3){animation-delay:.7s}.quiz-section:nth-child(4){animation-delay:.8s}.quiz-section:nth-child(5){animation-delay:.9s}.quiz-section:nth-child(6){animation-delay:1s}.quiz-section:last-of-type{border-bottom:none}.quiz-section h3{margin-bottom:var(--spacing-md);color:var(--color-primary);letter-spacing:-.3px;padding-left:var(--spacing-md);font-weight:700;position:relative}.quiz-section h3:before{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:4px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tags-container{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tag{border-radius:var(--radius-full);color:var(--color-primary);transition:all var(--transition-fast);letter-spacing:.3px;background:linear-gradient(135deg,#e85d041a 0%,#dc2f0226 100%);border:1px solid #e85d044d;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.tag:hover{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md);transform:scale(1.08)translateY(-2px)}.tag-subject{color:#1976d2;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-color:#64b5f6}.tag-subject:hover{color:#fff;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)}.tag-difficulty{color:#f57c00;background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-color:#ffb74d}.tag-difficulty:hover{color:#fff;background:linear-gradient(135deg,#f57c00 0%,#ef6c00 100%)}.tag-topic{color:#7b1fa2;background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%);border-color:#ba68c8}.tag-topic:hover{color:#fff;background:linear-gradient(135deg,#7b1fa2 0%,#6a1b9a 100%)}.question-types-list{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.question-type-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);transition:all var(--transition-base);background:linear-gradient(135deg,#faa3070d 0%,#e85d0414 100%);border:2px solid #e85d0426;display:flex;position:relative;overflow:hidden}.question-type-item:before{content:"";background:var(--gradient-primary);transform-origin:bottom;width:4px;transition:transform var(--transition-base);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.question-type-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translate(4px)}.question-type-item:hover:before{transform:scaleY(1)}.type-count{color:var(--color-primary);letter-spacing:-.5px;min-width:40px;font-size:1.5rem;font-weight:800}.type-name{color:var(--gray-700);font-size:.95rem;font-weight:600}.reviews-container{gap:var(--spacing-md);flex-direction:column;display:flex}.review-item{padding:var(--spacing-md);background:var(--gray-50);border-left:3px solid var(--color-primary);border-radius:8px}.review-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.review-rating{gap:2px;display:flex}.star-filled{color:#ffc107}.star-empty{color:var(--gray-300)}.review-author{color:var(--gray-700);font-weight:600}.review-date{color:var(--gray-500);margin-left:auto;font-size:.85rem}.review-text{color:var(--gray-700);margin:0;line-height:1.5}.attempt-summary{color:var(--gray-700);margin-bottom:var(--spacing-lg);font-size:1.05rem;font-weight:600}.recent-attempts{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.attempt-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);gap:var(--spacing-md);transition:all var(--transition-base);background:linear-gradient(135deg,#faa3070d 0%,#e85d0414 100%);border:2px solid #e85d0426;flex-direction:column;display:flex;position:relative;overflow:hidden}.attempt-card:before{content:"";background:var(--gradient-primary);transform-origin:0;height:4px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.attempt-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.attempt-card:hover:before{transform:scaleX(1)}.attempt-score{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.score-percentage{color:var(--color-primary);letter-spacing:-1px;font-size:2.25rem;font-weight:800;line-height:1}.score-detail{color:var(--gray-600);font-size:.875rem;font-weight:600}.attempt-date{color:var(--gray-500);text-align:center;font-size:.875rem;font-weight:600}@media (width<=768px){.preview-container{padding:0 var(--spacing-md)}.preview-card{padding:var(--spacing-lg)}.quiz-header{flex-direction:column}.title-with-badge{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.visibility-badge{top:0}.header-actions{justify-content:flex-end;width:100%}.quiz-stats-grid{grid-template-columns:repeat(2,1fr)}.quiz-meta-grid,.question-types-list,.recent-attempts{grid-template-columns:1fr}.preview-actions{flex-direction:column}.action-group{flex-direction:column;width:100%}.action-group .btn,.preview-actions .btn{width:100%}.attempts-table{font-size:.9rem}.attempts-table th,.attempts-table td{padding:var(--spacing-sm)}}.profile-container{max-width:900px;padding:0 var(--spacing-lg);gap:var(--spacing-lg);z-index:1;flex-direction:column;margin:0 auto;display:flex;position:relative}.profile-header{text-align:center;padding:var(--spacing-xl)}.profile-header h1{margin-bottom:var(--spacing-sm);color:var(--color-primary)}.profile-info,.account-stats{padding:var(--spacing-2xl)}.profile-info h2,.account-stats h2{color:var(--color-primary)}.info-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.info-item{gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--gray-50);border-radius:8px;flex-direction:column;display:flex}.info-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:500}.info-value{color:var(--color-primary);font-size:1.1rem;font-weight:600}.stats-info{padding:var(--spacing-lg);background:var(--gray-50);border-radius:8px;line-height:1.6}.stats-info p{margin:0}.stats-info .mt-3{margin-top:var(--spacing-md)}.link-primary{color:var(--color-primary);border-bottom:1px solid var(--color-primary);font-weight:600;text-decoration:none;transition:opacity .2s}.link-primary:hover{opacity:.7}@media (width<=768px){.profile-container{padding:0 var(--spacing-md)}.profile-info,.account-stats{padding:var(--spacing-lg)}.info-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.timeline-chart-container{border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);background:#fff}.timeline-chart{height:400px;margin-bottom:var(--spacing-lg);position:relative}.timeline-empty{min-height:200px;padding:var(--spacing-xl);background:var(--color-gray-50);border-radius:var(--radius-md);border:2px dashed var(--color-gray-300);justify-content:center;align-items:center;display:flex}.timeline-empty p{color:var(--color-gray-600);margin:0;font-size:16px}.timeline-summary{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-sm);border-top:2px solid var(--color-primary);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.summary-stat{gap:var(--spacing-xs);padding:var(--spacing-sm);flex-direction:column;display:flex}.summary-label{color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.summary-value{color:var(--color-gray-900);font-size:20px;font-weight:700}.summary-value.positive{color:var(--color-success)}.summary-value.negative{color:var(--color-danger)}@media (width<=768px){.timeline-chart-container{padding:var(--spacing-md)}.timeline-chart{height:300px}.timeline-summary{grid-template-columns:repeat(2,1fr)}.summary-stat{padding:var(--spacing-xs)}.summary-value{font-size:18px}}@media (width<=480px){.timeline-chart{height:250px}.timeline-summary{grid-template-columns:1fr}}.objective-detail-page{max-width:1200px;padding:var(--spacing-xl);margin:0 auto}.breadcrumb{margin-bottom:var(--spacing-lg)}.breadcrumb ol{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{color:var(--color-gray-600);align-items:center;font-size:14px;display:flex}.breadcrumb li:not(:last-child):after{content:"›";margin-left:var(--spacing-sm);color:var(--color-gray-400);font-weight:700}.breadcrumb a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary-dark);text-decoration:underline}.breadcrumb-item{color:var(--color-gray-600)}.breadcrumb li[aria-current=page] span{color:var(--color-gray-900);font-weight:500}.page-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);display:flex}.header-content h1{margin:0 0 var(--spacing-xs) 0;color:var(--color-gray-900);font-size:28px;font-weight:700}.breadcrumb-path{color:var(--color-gray-600);margin:0;font-size:14px}.back-button-header{padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fff;font-size:14px;font-weight:500}.back-button-header:hover{background:var(--color-primary);color:#fff}.back-button-header:focus{outline:none;box-shadow:0 0 0 3px #4f46e54d}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:box-shadow var(--transition-fast);background:#fff;display:flex}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-icon{flex-shrink:0;font-size:36px;line-height:1}.stat-content{flex:1}.stat-label{margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-600);font-size:12px;font-weight:500}.stat-value{color:var(--color-gray-900);margin:0;font-size:24px;font-weight:700}.stat-value.mastery-mastered,.stat-value.trend-improving{color:var(--color-success)}.stat-value.mastery-developing,.stat-value.trend-stable{color:var(--color-warning)}.stat-value.mastery-needs-work,.stat-value.trend-declining{color:var(--color-danger)}.stat-icon.mastery-mastered,.stat-icon.trend-improving{filter:brightness(1.1)}.stat-icon.mastery-needs-work,.stat-icon.trend-declining{filter:brightness(.9)}.chart-section{margin-bottom:var(--spacing-xl)}.chart-section h2{margin:0 0 var(--spacing-lg) 0;color:var(--color-gray-900);font-size:20px;font-weight:700}.quizzes-section{margin-bottom:var(--spacing-xl)}.quizzes-section h2{margin:0 0 var(--spacing-lg) 0;color:var(--color-gray-900);font-size:20px;font-weight:700}.empty-quizzes{padding:var(--spacing-xl);text-align:center;background:var(--color-gray-50);border-radius:var(--radius-md);border:2px dashed var(--color-gray-300)}.empty-quizzes p{color:var(--color-gray-600);margin:0;font-size:16px}.quizzes-table-container{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);background:#fff;overflow:hidden}.quizzes-table{border-collapse:collapse;width:100%}.quizzes-table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.quizzes-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-700);font-size:12px;font-weight:600}.quizzes-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.quizzes-table tbody tr:last-child{border-bottom:none}.quizzes-table tbody tr:hover{background:var(--color-gray-50)}.quizzes-table td{padding:var(--spacing-md) var(--spacing-lg);color:var(--color-gray-900);font-size:14px}.quiz-code{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-gray-100);border-radius:var(--radius-xs);color:var(--color-primary);font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:500}.score-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:13px;font-weight:600;display:inline-block}.score-high{color:var(--color-success);background:#22c55e1a}.score-medium{color:var(--color-warning);background:#eab3081a}.score-low{color:var(--color-danger);background:#ef44441a}.loading-state,.error-state{min-height:400px;padding:var(--spacing-3xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);width:48px;height:48px;margin-bottom:var(--spacing-lg);border-radius:50%;animation:1s linear infinite spin}.loading-state p,.error-state p{color:var(--color-gray-600);margin:0;font-size:16px}.error-message{color:var(--color-danger);margin-bottom:var(--spacing-lg);font-weight:500}.error-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.retry-button,.back-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:14px;font-weight:500}.retry-button{background:var(--color-primary);color:#fff}.retry-button:hover{background:var(--color-primary-dark)}.back-button{color:var(--color-primary);border:1px solid var(--color-primary);background:#fff}.back-button:hover{background:var(--color-primary);color:#fff}.retry-button:focus,.back-button:focus{outline:none;box-shadow:0 0 0 3px #4f46e54d}@media (width<=768px){.objective-detail-page{padding:var(--spacing-lg)}.page-header{flex-direction:column;align-items:stretch}.back-button-header{text-align:center;width:100%}.header-content h1{font-size:22px}.stats-grid{grid-template-columns:repeat(2,1fr)}.quizzes-table{display:block}.quizzes-table thead{display:none}.quizzes-table tbody,.quizzes-table tr,.quizzes-table td{display:block}.quizzes-table tr{margin-bottom:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:#fff}.quizzes-table td{padding:var(--spacing-sm) 0;justify-content:space-between;align-items:center;display:flex}.quizzes-table td:before{content:attr(data-label);color:var(--color-gray-700);text-transform:uppercase;font-size:12px;font-weight:600}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.breadcrumb{font-size:12px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.stat-card,.quizzes-table tbody tr,.retry-button,.back-button,.back-button-header{transition:none}}.avatar-selector-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--spacing-lg);background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.avatar-selector-modal{border-radius:var(--radius-xl);background:#fff;flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideUp;display:flex;box-shadow:0 24px 48px #0000004d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.avatar-selector-header{padding:var(--spacing-xl);border-bottom:3px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.avatar-selector-header h2{font-family:var(--font-display);color:var(--color-neutral);margin:0;font-size:28px;font-weight:700}.close-btn{border-radius:var(--radius-full);background:var(--color-gray-100);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base);color:var(--color-gray-600);border:none;justify-content:center;align-items:center;display:flex}.close-btn:hover{background:var(--color-error);color:#fff;transform:rotate(90deg)scale(1.1)}.avatar-selector-tabs{gap:var(--spacing-sm);padding:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200);background:var(--color-gray-50);display:flex}.tab-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);font-family:var(--font-body);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-base);background:#fff;flex:1;font-size:16px;font-weight:600;display:flex}.tab-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tab-btn.active{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.tab-btn .material-icons{font-size:20px}.avatar-selector-content{padding:var(--spacing-xl);flex:1;overflow-y:auto}.avatar-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));display:grid}.avatar-option{aspect-ratio:1;border-radius:var(--radius-lg);border:3px solid var(--color-gray-200);cursor:pointer;transition:all var(--transition-bounce);background:#fff;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.avatar-option:before{content:"";background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.avatar-option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-primary);transform:scale(1.1)rotate(5deg)}.avatar-option:hover:before{opacity:.1}.avatar-option.selected{border-color:var(--color-primary);box-shadow:var(--shadow-primary);background:linear-gradient(135deg,#fff4e6 0%,#fff 100%);animation:.5s cubic-bezier(.34,1.56,.64,1) selectBounce}.avatar-option.selected:after{content:"✓";background:var(--color-primary);color:#fff;border-radius:var(--radius-full);width:24px;height:24px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}@keyframes selectBounce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.avatar-emoji{z-index:1;font-size:48px;line-height:1;position:relative}.upload-section{align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl);flex-direction:column;display:flex}.upload-preview{border-radius:var(--radius-xl);border:4px dashed var(--color-gray-300);background:var(--color-gray-50);width:200px;height:200px;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex;overflow:hidden}.upload-preview:has(.preview-image){border-style:solid;border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.preview-image{object-fit:cover;width:100%;height:100%}.upload-placeholder{align-items:center;gap:var(--spacing-sm);color:var(--color-gray-400);flex-direction:column;display:flex}.upload-placeholder .material-icons{font-size:64px}.upload-placeholder p{margin:0;font-weight:600}.upload-controls{align-items:center;gap:var(--spacing-md);flex-direction:column;width:100%;max-width:400px;display:flex}.upload-hint{text-align:center;color:var(--color-gray-500);margin:0;font-size:13px;line-height:1.5}.avatar-selector-actions{gap:var(--spacing-md);padding:var(--spacing-xl);border-top:3px solid var(--color-gray-200);background:var(--color-gray-50);display:flex}.avatar-selector-actions .btn{flex:1}@media (width<=768px){.avatar-selector-overlay{padding:var(--spacing-md)}.avatar-selector-modal{max-height:95vh}.avatar-selector-header h2{font-size:22px}.avatar-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.avatar-emoji{font-size:40px}.upload-preview{width:160px;height:160px}.avatar-selector-tabs,.avatar-selector-actions{flex-direction:column}}.profile-wrapper{z-index:1;max-width:1400px;margin:0 auto;position:relative}.profile-layout{gap:var(--spacing-xl);grid-template-columns:380px 1fr;align-items:start;display:grid}.profile-sidebar{gap:var(--spacing-lg);top:var(--spacing-xl);flex-direction:column;display:flex;position:sticky}.avatar-section{padding:var(--spacing-xl);text-align:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.avatar-display-large{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);width:180px;height:180px;box-shadow:var(--shadow-xl);border:5px solid #fff;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.avatar-display-large:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 0%,#fff3 100%);position:absolute;inset:0}.avatar-initials{color:#fff;text-transform:uppercase;font-size:64px;font-weight:700;font-family:var(--font-display);z-index:1;position:relative}.avatar-emoji-display{z-index:1;font-size:96px;line-height:1;position:relative}.avatar-image{object-fit:cover;z-index:1;width:100%;height:100%;position:relative}.btn-avatar-change{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.user-identity{align-items:center;gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.user-name{font-family:var(--font-display);color:var(--color-gray-800);text-align:center;margin:0;font-size:24px;font-weight:700}.role-badge{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);align-items:center;font-size:14px;font-weight:600;display:inline-flex}.role-admin{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:#fff}.role-instructor{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:#fff}.school-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-700);justify-content:center;width:100%;font-size:14px;font-weight:600;display:flex}.school-badge .material-icons{color:var(--color-primary);font-size:18px}.quick-stats{padding:var(--spacing-xl)}.stats-heading{font-family:var(--font-display);color:var(--color-gray-800);margin:0 0 var(--spacing-lg);font-size:18px;font-weight:700}.stat-row{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray-100);display:flex}.stat-row:last-child{border-bottom:none}.stat-icon{color:var(--color-primary);flex-shrink:0;font-size:24px}.stat-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}.stat-value-sm{color:var(--color-gray-800);font-size:14px;font-weight:600}.profile-main{gap:var(--spacing-xl);flex-direction:column;display:flex}.profile-card{padding:0;overflow:hidden}.card-header-fancy{padding:var(--spacing-xl);border-bottom:3px solid var(--color-gray-200);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);background:linear-gradient(135deg,#e85d0408 0%,#ffba0808 100%);display:flex}.heading-lg{font-family:var(--font-display);color:var(--color-neutral);margin:0;font-size:28px;font-weight:700}.text-muted{color:var(--color-gray-600);margin-top:4px;font-size:14px}.info-grid-fancy{gap:var(--spacing-xl);padding:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.info-block{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg);border:2px solid var(--color-gray-200);transition:all var(--transition-base);display:flex;position:relative;overflow:hidden}.info-block:before{content:"";background:var(--gradient-primary);opacity:0;width:4px;transition:opacity var(--transition-base);position:absolute;top:0;bottom:0;left:0}.info-block:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);background:#fff;transform:translate(4px)}.info-block:hover:before{opacity:1}.info-block-icon{border-radius:var(--radius-md);background:var(--gradient-primary);width:48px;height:48px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-block-icon .material-icons{color:#fff;font-size:24px}.info-block-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.info-label-fancy{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:600}.info-value-fancy{color:var(--color-gray-800);word-break:break-word;margin:0;font-size:16px;font-weight:600}.account-actions{padding:var(--spacing-xl)}.heading-md{font-family:var(--font-display);color:var(--color-gray-800);margin:0 0 var(--spacing-lg);font-size:22px;font-weight:700}.action-grid{gap:var(--spacing-md);flex-direction:column;display:flex}.action-btn{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;font-family:var(--font-body);color:inherit;display:flex;position:relative;overflow:hidden}.action-btn:before{content:"";background:var(--gradient-primary);opacity:0;width:4px;transition:opacity var(--transition-base);position:absolute;top:0;bottom:0;left:0}.action-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);background:#fff;transform:translate(4px)}.action-btn:hover:before{opacity:1}.action-btn>.material-icons:first-child{color:var(--color-primary);border-radius:var(--radius-md);background:linear-gradient(135deg,#e85d041a 0%,#ffba081a 100%);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.action-btn>div{flex-direction:column;flex:1;gap:4px;display:flex}.action-title{color:var(--color-gray-800);font-size:16px;font-weight:600}.action-desc{color:var(--color-gray-600);font-size:13px}.action-btn .arrow{color:var(--color-gray-400);transition:all var(--transition-base);flex-shrink:0;font-size:24px}.action-btn:hover .arrow{color:var(--color-primary);transform:translate(4px)}.loading-container{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:400px;display:flex}.loading-container p{color:#fff;font-size:18px;font-weight:600}@media (width<=1200px){.profile-layout{grid-template-columns:340px 1fr}.avatar-display-large{width:160px;height:160px}.avatar-initials{font-size:56px}.avatar-emoji-display{font-size:80px}}@media (width<=1024px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:1fr 1fr;display:grid;position:static}.avatar-section{grid-column:1/-1}.info-grid-fancy{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=768px){.profile-sidebar{grid-template-columns:1fr}.avatar-display-large{width:140px;height:140px}.avatar-initials{font-size:48px}.avatar-emoji-display{font-size:72px}.user-name{font-size:20px}.card-header-fancy{flex-direction:column}.card-header-fancy .btn{width:100%}.info-grid-fancy{gap:var(--spacing-md);grid-template-columns:1fr}.info-block{padding:var(--spacing-md)}.info-block-icon{width:40px;height:40px}.info-block-icon .material-icons{font-size:20px}.heading-lg{font-size:24px}.heading-md{font-size:20px}}.edit-profile-page{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);min-height:100vh;padding-bottom:var(--spacing-2xl)}.edit-profile-wrapper{max-width:900px;margin:0 auto}.edit-profile-header{padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);background:#fff;animation:.5s cubic-bezier(.34,1.56,.64,1) slideDown}.edit-profile-form{padding:var(--spacing-xl);animation:.6s ease-out .1s backwards fadeIn}@keyframes alertSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.form-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:3px solid var(--color-gray-200)}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.section-title{font-family:var(--font-display);color:var(--color-gray-800);margin:0 0 var(--spacing-xl);align-items:center;gap:var(--spacing-sm);font-size:22px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--gradient-primary);border-radius:var(--radius-sm);width:4px;height:24px}.form-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.form-field{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-label{color:var(--color-gray-700);align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.required{color:var(--color-error)}.form-input,.form-select,.form-textarea{padding:var(--spacing-md);border:3px solid var(--color-gray-200);border-radius:var(--radius-lg);font-family:var(--font-body);color:var(--color-gray-800);transition:all var(--transition-base);background:#fff;font-size:15px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #e85d041a}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error);animation:.4s ease-in-out shake}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 4px #dc2f021a}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.textarea-footer{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.char-count{color:var(--color-gray-500);margin-left:auto;font-size:13px;font-weight:600}.error-message{color:var(--color-error);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.error-message:before{content:"⚠"}.form-actions{gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:3px solid var(--color-gray-200);justify-content:flex-end;display:flex}@media (width<=768px){.edit-profile-header{padding:var(--spacing-lg)}.header-content{gap:var(--spacing-md)}.header-icon{width:56px;height:56px}.header-icon .material-icons{font-size:28px}.page-title{font-size:24px}.page-subtitle{font-size:14px}.edit-profile-form{padding:var(--spacing-lg)}.form-grid{grid-template-columns:1fr}.section-title{font-size:20px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.change-password-page{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);min-height:100vh;padding-bottom:var(--spacing-2xl)}.change-password-wrapper{max-width:1100px;margin:0 auto}.change-password-header{padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);background:#fff;animation:.5s cubic-bezier(.34,1.56,.64,1) slideDown}.password-content{gap:var(--spacing-xl);grid-template-columns:1fr 380px;align-items:start;display:grid}.password-main{animation:.6s ease-out .1s backwards fadeIn}.change-password-form{padding:var(--spacing-xl)}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:48px}.password-toggle{cursor:pointer;color:var(--color-gray-400);border-radius:var(--radius-md);transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{background:var(--color-gray-100);color:var(--color-primary)}.password-toggle .material-icons{font-size:20px}.password-strength{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);display:flex}.strength-bar{background:var(--color-gray-200);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.strength-fill{border-radius:var(--radius-full);height:100%;transition:width .3s,background-color .3s}.strength-label{text-align:right;min-width:90px;font-size:13px;font-weight:700}.password-tips{padding:var(--spacing-xl);top:var(--spacing-xl);animation:.6s ease-out .2s backwards fadeIn;position:sticky}.tips-title{font-family:var(--font-display);color:var(--color-gray-800);margin:0 0 var(--spacing-lg);align-items:center;gap:var(--spacing-sm);font-size:20px;font-weight:700;display:flex}.tips-title .material-icons{color:var(--color-accent);font-size:24px}.tips-list{gap:var(--spacing-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tips-list li{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-primary);color:var(--color-gray-700);transition:all var(--transition-base);font-size:14px;display:flex}.tips-list li:hover{box-shadow:var(--shadow-sm);background:#fff;transform:translate(4px)}.tips-list li .material-icons{color:var(--color-success);flex-shrink:0;margin-top:1px;font-size:18px}@media (width<=1024px){.password-content{grid-template-columns:1fr}.password-tips{position:static}}@media (width<=768px){.change-password-header{padding:var(--spacing-lg)}.header-content{gap:var(--spacing-md)}.header-icon{width:56px;height:56px}.header-icon .material-icons{font-size:28px}.page-title{font-size:24px}.page-subtitle{font-size:14px}.change-password-form,.password-tips{padding:var(--spacing-lg)}.tips-title{font-size:18px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.notification-settings-page{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);min-height:100vh;padding-bottom:var(--spacing-2xl)}.notification-settings-wrapper{max-width:1200px;margin:0 auto}.notification-settings-header{padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);background:#fff;animation:.5s cubic-bezier(.34,1.56,.64,1) slideDown}.header-content{align-items:center;gap:var(--spacing-lg);display:flex}.header-icon{border-radius:var(--radius-xl);background:var(--gradient-primary);width:64px;height:64px;box-shadow:var(--shadow-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-icon .material-icons{color:#fff;font-size:32px}.page-title{font-family:var(--font-display);color:var(--color-neutral);margin:0;font-size:32px;font-weight:700}.page-subtitle{color:var(--color-gray-600);margin:4px 0 0;font-size:15px}.notification-settings-form{animation:.6s ease-out .1s backwards fadeIn}.alert{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) alertSlide;display:flex}.alert .material-icons{flex-shrink:0;font-size:24px}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:2px solid var(--color-success)}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:2px solid var(--color-error)}.settings-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);display:grid}.settings-card{padding:var(--spacing-xl);animation:.6s ease-out backwards cardReveal}.settings-card:first-child{animation-delay:.1s}.settings-card:nth-child(2){animation-delay:.2s}.settings-card:nth-child(3){animation-delay:.3s}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--color-gray-200);display:flex}.card-icon{border-radius:var(--radius-lg);background:var(--gradient-primary);width:56px;height:56px;box-shadow:var(--shadow-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-icon .material-icons{color:#fff;font-size:28px}.card-title{font-family:var(--font-display);color:var(--color-gray-800);margin:0;font-size:22px;font-weight:700}.card-description{color:var(--color-gray-600);margin:4px 0 0;font-size:14px}.settings-list{gap:var(--spacing-md);flex-direction:column;display:flex}.setting-item{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);display:flex;position:relative;overflow:hidden}.setting-item:before{content:"";background:var(--gradient-primary);opacity:0;width:4px;transition:opacity var(--transition-base);position:absolute;top:0;bottom:0;left:0}.setting-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff}.setting-item:hover:before{opacity:1}.setting-info{flex:1}.setting-title{font-family:var(--font-display);color:var(--color-gray-800);margin:0 0 4px;font-size:16px;font-weight:600}.setting-description{color:var(--color-gray-600);margin:0;font-size:13px}.toggle-switch{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-gray-300);transition:all var(--transition-base);border-radius:28px;position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000001a}.toggle-slider:before{content:"";width:22px;height:22px;transition:all var(--transition-bounce);background-color:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch:hover .toggle-slider:before{box-shadow:0 3px 6px #0000004d}.preferences-card{grid-column:1/-1}.preference-item{padding:var(--spacing-lg);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.preference-item:last-child{margin-bottom:0}.preference-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.preference-label{color:var(--color-gray-800);margin-bottom:var(--spacing-sm);font-size:16px;font-weight:600;display:block}.preference-description{color:var(--color-gray-600);margin:0;font-size:13px}.preference-select{width:100%;padding:var(--spacing-md);border:3px solid var(--color-gray-200);border-radius:var(--radius-lg);font-family:var(--font-body);color:var(--color-gray-800);cursor:pointer;transition:all var(--transition-base);appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 12px center no-repeat;padding-right:40px;font-size:15px}.preference-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #e85d041a}.quiet-hours-inputs{align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);background:#fff;animation:.3s ease-out expandIn;display:flex}@keyframes expandIn{0%{opacity:0;max-height:0;padding:0 var(--spacing-md)}to{opacity:1;max-height:100px;padding:var(--spacing-md)}}.time-input-group{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.time-label{color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.time-input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--color-gray-800);transition:all var(--transition-base);background:#fff;font-size:14px}.time-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e85d041a}.time-separator{color:var(--color-gray-500);padding-top:20px;font-size:14px;font-weight:600}.form-actions{gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fff;justify-content:flex-end;display:flex}.form-actions .btn{min-width:160px}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@media (width<=768px){.notification-settings-header{padding:var(--spacing-lg)}.header-content{gap:var(--spacing-md)}.header-icon{width:56px;height:56px}.header-icon .material-icons{font-size:28px}.page-title{font-size:24px}.page-subtitle{font-size:14px}.settings-card{padding:var(--spacing-lg)}.card-header{flex-direction:column;align-items:flex-start}.setting-item{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.toggle-switch{align-self:flex-end}.quiet-hours-inputs{flex-direction:column;align-items:stretch}.time-separator{text-align:center;padding-top:0}.form-actions{padding:var(--spacing-lg);flex-direction:column-reverse}.form-actions .btn{width:100%}}.taxonomy-wrapper{z-index:1;max-width:1400px;margin:0 auto;position:relative}.taxonomy-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border-left:6px solid var(--color-primary);background:#fff;justify-content:space-between;align-items:flex-start;display:flex}.taxonomy-add-root{align-items:center;gap:var(--spacing-sm);letter-spacing:.3px;font-weight:700;display:flex}.taxonomy-add-root .btn-icon{font-size:1.5rem;font-weight:700;line-height:1}.taxonomy-empty{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg, #fff 0%, var(--color-gray-50) 100%);border:3px dashed var(--color-gray-300)}.empty-icon{margin-bottom:var(--spacing-lg);font-size:4rem;animation:3s ease-in-out infinite floatGentle}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.taxonomy-tree{gap:var(--spacing-lg);flex-direction:column;display:flex}.taxonomy-item{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);transition:all var(--transition-base);background:#fff;display:flex;position:relative;overflow:hidden}.taxonomy-item:before{content:"";width:6px;transition:all var(--transition-base);position:absolute;top:0;bottom:0;left:0}.taxonomy-item:hover{box-shadow:var(--shadow-lg);transform:translate(4px)}.taxonomy-item-level-1{border:2px solid var(--color-primary)}.taxonomy-item-level-1:before{background:linear-gradient(to bottom, var(--color-primary), var(--color-secondary))}.taxonomy-item-level-2{border:2px solid var(--color-accent);margin-left:var(--spacing-2xl)}.taxonomy-item-level-2:before{background:linear-gradient(to bottom, var(--color-accent), var(--color-primary-light))}.taxonomy-item-level-3{border:2px solid var(--color-gray-400);margin-left:calc(var(--spacing-2xl) * 2)}.taxonomy-item-level-3:before{background:linear-gradient(to bottom, var(--color-gray-400), var(--color-gray-500))}.taxonomy-expand{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-primary);cursor:pointer;transition:all var(--transition-base);background:#fff;border:2px solid;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;line-height:1;display:flex}.taxonomy-expand:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.taxonomy-expand:active{transform:scale(.95)}.taxonomy-item-level-2 .taxonomy-expand{color:var(--color-accent);border-color:var(--color-accent)}.taxonomy-item-level-2 .taxonomy-expand:hover{background:var(--color-accent);color:var(--color-neutral)}.taxonomy-bullet{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-gray-300), var(--color-gray-400));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.taxonomy-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex:1;min-width:0;display:flex}.taxonomy-main{align-items:center;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.taxonomy-level-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-md);white-space:nowrap;font-size:.75rem;font-weight:700;font-family:var(--font-display);padding:6px 12px}.taxonomy-level-badge.level-1{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #e85d044d}.taxonomy-level-badge.level-2{background:var(--color-accent);color:var(--color-neutral);box-shadow:0 2px 8px #ffba084d}.taxonomy-level-badge.level-3{background:var(--color-gray-500);color:#fff;box-shadow:0 2px 8px #7180964d}.taxonomy-name{font-family:var(--font-display);color:var(--color-gray-800);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-weight:700;overflow:hidden}.taxonomy-item-level-1 .taxonomy-name{font-size:1.25rem}.taxonomy-item-level-2 .taxonomy-name{font-size:1.1rem}.taxonomy-item-level-3 .taxonomy-name{font-size:1rem;font-weight:600}.taxonomy-actions{gap:var(--spacing-sm);flex-shrink:0;display:flex}.taxonomy-children{margin-top:var(--spacing-md);gap:var(--spacing-md);animation:slideDown var(--transition-base);flex-direction:column;display:flex;position:relative}.taxonomy-children:before{content:"";background:linear-gradient(to bottom, var(--color-gray-300), transparent);width:2px;position:absolute;top:-10px;bottom:20px;left:20px}.taxonomy-modal{max-width:500px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--transition-base);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:600px;animation:slideUp var(--transition-base);border:3px solid var(--color-primary);background:#fff}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:2px solid var(--color-gray-200);background:linear-gradient(135deg, var(--color-gray-50) 0%, white 100%);justify-content:space-between;align-items:center;display:flex}.modal-header .heading-md{color:var(--color-gray-800);margin:0}.modal-close{color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-md);width:36px;height:36px;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;font-size:2rem;line-height:1;display:flex}.modal-close:hover{background:var(--color-error-bg);color:var(--color-error);transform:rotate(90deg)}.modal-body{padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--color-gray-700);margin-bottom:var(--spacing-sm);font-weight:600;font-family:var(--font-display);display:block}.form-input{width:100%;padding:var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);transition:all var(--transition-base)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e85d041a}.modal-footer{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:2px solid var(--color-gray-200);background:var(--color-gray-50);display:flex}@media (width<=768px){.taxonomy-header{gap:var(--spacing-md);flex-direction:column}.taxonomy-add-root{justify-content:center;width:100%}.taxonomy-item{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.taxonomy-item-level-2{margin-left:var(--spacing-lg)}.taxonomy-item-level-3{margin-left:var(--spacing-xl)}.taxonomy-content{align-items:flex-start;gap:var(--spacing-md);flex-direction:column;width:100%}.taxonomy-main{flex-wrap:wrap;width:100%}.taxonomy-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.taxonomy-actions .btn{flex:1;min-width:fit-content}.modal-content{width:95%;margin:var(--spacing-md)}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}}@media (width<=480px){.taxonomy-item-level-2,.taxonomy-item-level-3{margin-left:0}.taxonomy-actions{flex-direction:column}.taxonomy-actions .btn{width:100%}}.app{min-height:100vh}*{box-sizing:border-box}