:root{--primary-dark: #264653;--primary: #2a9d8f;--primary-light: #40b5a6;--accent: #f4a261;--accent-hover: #e76f51;--bg-light: #f8f9fa;--bg-white: #ffffff;--text-dark: #1d3557;--text-medium: #457b9d;--text-light: #6c757d;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 30px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 50px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.landing-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideInFromLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-page .fade-up{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.landing-page .fade-up.visible{opacity:1;transform:translateY(0)}.landing-page .fade-up.visible .feature-card:nth-child(1){transition-delay:.1s}.landing-page .fade-up.visible .feature-card:nth-child(2){transition-delay:.2s}.landing-page .fade-up.visible .feature-card:nth-child(3){transition-delay:.3s}.landing-page .fade-up.visible .feature-card:nth-child(4){transition-delay:.4s}.landing-page .fade-up.visible .feature-card:nth-child(5){transition-delay:.5s}.landing-page .fade-up.visible .feature-card:nth-child(6){transition-delay:.6s}.landing-page header{background:#fffffff2;padding:1rem 5%;position:fixed;top:0;left:0;right:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);z-index:1000;transition:all var(--transition-normal)}.landing-page header.scrolled{padding:.75rem 5%;box-shadow:var(--shadow-sm)}.landing-page nav{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.landing-page .logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;color:var(--primary-dark);cursor:pointer;transition:transform var(--transition-fast)}.landing-page .logo:hover{transform:scale(1.02)}.landing-page .logo img{height:45px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.landing-page .nav-links{display:flex;list-style:none;gap:2.5rem}.landing-page .nav-links li{color:var(--text-medium);font-weight:500;cursor:pointer;position:relative;transition:color var(--transition-fast);font-size:.95rem}.landing-page .nav-links li:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width var(--transition-normal)}.landing-page .nav-links li:hover{color:var(--primary)}.landing-page .nav-links li:hover:after{width:100%}.landing-page .mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:1001}.landing-page .mobile-menu-btn span{width:25px;height:3px;background:var(--primary-dark);border-radius:3px;transition:all var(--transition-fast)}.landing-page .mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.landing-page .mobile-menu-btn.active span:nth-child(2){opacity:0}.landing-page .mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.landing-page .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-full);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-normal);font-size:.95rem;position:relative;overflow:hidden}.landing-page .btn-primary{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;box-shadow:0 4px 15px #2a9d8f4d}.landing-page .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2a9d8f66}.landing-page .btn-primary:active{transform:translateY(-1px)}.landing-page .btn-light{background:#fff;color:var(--primary-dark);box-shadow:var(--shadow-md)}.landing-page .btn-light:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);background:var(--bg-light)}.landing-page .btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-page .btn-outline:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-3px)}.landing-page .btn-large{padding:16px 36px;font-size:1.1rem}.landing-page .btn .arrow{transition:transform var(--transition-fast)}.landing-page .btn:hover .arrow{transform:translate(4px)}.landing-page .hero{min-height:100vh;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:120px 5% 80px}.landing-page .hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.landing-page .floating-shapes{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden}.landing-page .shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.landing-page .shape-1{width:300px;height:300px;top:10%;right:10%;animation:float 6s ease-in-out infinite}.landing-page .shape-2{width:200px;height:200px;bottom:20%;left:10%;animation:float 8s ease-in-out infinite 1s}.landing-page .shape-3{width:150px;height:150px;top:50%;right:30%;animation:float 7s ease-in-out infinite .5s}.landing-page .hero-content{max-width:900px;text-align:center;position:relative;z-index:2}.landing-page .tagline-wrapper{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 20px;border-radius:var(--radius-full);margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:slideInFromLeft .8s ease-out}.landing-page .star-icon{font-size:1.2rem;animation:pulse 2s ease-in-out infinite}.landing-page .tagline{font-size:.95rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.landing-page .hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em;animation:slideInFromRight .8s ease-out .2s both}.landing-page .highlight{background:linear-gradient(135deg,var(--accent),#ffd699);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.landing-page .hero-description{font-size:clamp(1.1rem,2vw,1.35rem);max-width:600px;margin:0 auto 2.5rem;opacity:.95;line-height:1.7;animation:slideInFromLeft .8s ease-out .4s both}.landing-page .hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;animation:slideInFromRight .8s ease-out .6s both}.landing-page .hero-stats-preview{display:flex;align-items:center;justify-content:center;gap:2rem;animation:slideInFromLeft .8s ease-out .8s both}.landing-page .preview-item{text-align:center}.landing-page .preview-number{display:block;font-size:1.8rem;font-weight:800;color:var(--accent)}.landing-page .preview-label{font-size:.9rem;opacity:.9}.landing-page .preview-divider{width:1px;height:40px;background:#ffffff4d}.landing-page section{padding:100px 5%}.landing-page .section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.landing-page .section-tag{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:6px 16px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.landing-page section h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-dark);margin-bottom:1rem;line-height:1.2}.landing-page .section-subtitle,.landing-page .subtitle{font-size:1.2rem;color:var(--text-medium);line-height:1.7}.landing-page .gallery{background:var(--bg-white)}.landing-page .gallery-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}.landing-page .gallery-main{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal)}.landing-page .gallery-main:hover{transform:translateY(-5px)}.landing-page .gallery-img{width:100%;height:500px;object-fit:cover;display:block;transition:transform var(--transition-slow)}.landing-page .gallery-main:hover .gallery-img{transform:scale(1.05)}.landing-page .gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:2rem;opacity:0;transition:opacity var(--transition-normal)}.landing-page .gallery-main:hover .gallery-overlay{opacity:1}.landing-page .play-button{width:80px;height:80px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 10px 30px #0000004d}.landing-page .play-button:hover{transform:scale(1.1);background:#fff}.landing-page .play-button span{font-size:2rem;color:var(--primary);margin-left:5px}.landing-page .gallery-overlay p{color:#fff;font-size:1.1rem;font-weight:500}.landing-page .gallery-features{display:flex;flex-direction:column;gap:1.5rem}.landing-page .gallery-feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-light);border-radius:var(--radius-md);transition:all var(--transition-normal);border:2px solid transparent}.landing-page .gallery-feature-item:hover{border-color:var(--primary);transform:translate(10px);box-shadow:var(--shadow-md)}.landing-page .feature-icon{font-size:2rem;flex-shrink:0}.landing-page .gallery-feature-item h4{font-size:1.1rem;color:var(--text-dark);margin-bottom:.25rem}.landing-page .gallery-feature-item p{font-size:.9rem;color:var(--text-light)}.landing-page .stats{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;padding:60px 5%;position:relative;overflow:hidden}.landing-page .stats:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.landing-page .stats-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;position:relative;z-index:1;flex-wrap:wrap;gap:2rem}.landing-page .stat-item{text-align:center;flex:1;min-width:150px;position:relative}.landing-page .stat-icon{font-size:2.5rem;margin-bottom:.5rem;display:block}.landing-page .stat-number{font-size:3.5rem;font-weight:800;display:inline;line-height:1}.landing-page .stat-suffix{font-size:2rem;font-weight:700;color:var(--accent)}.landing-page .stat-item>p{font-size:1.1rem;opacity:.9;margin-top:.5rem;font-weight:500}.landing-page .stat-divider{width:1px;height:80px;background:#fff3}.landing-page .why-choose-us{background:var(--bg-light)}.landing-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.landing-page .feature-card{background:var(--bg-white);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--transition-normal);border:1px solid rgba(0,0,0,.05);z-index:1}.landing-page .feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.landing-page .feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.landing-page .feature-card:hover:before{transform:scaleX(1)}.landing-page .feature-card-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1.5rem;transition:transform var(--transition-normal)}.landing-page .feature-card:hover .feature-card-icon{transform:scale(1.1) rotate(5deg)}.landing-page .feature-card h3{font-size:1.3rem;color:var(--text-dark);margin-bottom:.75rem;font-weight:700}.landing-page .feature-card p{color:var(--text-light);line-height:1.7;font-size:.95rem}.landing-page .feature-card-link{display:block;text-decoration:none;color:inherit;cursor:pointer;position:relative}.landing-page .feature-card-link:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.landing-page .feature-card-link:hover .feature-card-icon{transform:scale(1.1) rotate(5deg)}.landing-page .external-link-indicator{position:absolute;top:20px;right:20px;width:32px;height:32px;background:#2a9d8f1a;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-10px);transition:all var(--transition-normal)}.landing-page .external-link-indicator span{color:var(--primary);font-size:1rem;font-weight:700}.landing-page .feature-card-link:hover .external-link-indicator{opacity:1;transform:translateY(0)}.landing-page .feature-card-link:focus{outline:3px solid var(--accent);outline-offset:2px}.landing-page .feature-card-link:active{transform:translateY(-5px)}.landing-page .cta-section{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;text-align:center;position:relative;overflow:hidden;padding:100px 5%}.landing-page .cta-content{position:relative;z-index:2;max-width:600px;margin:0 auto}.landing-page .cta-section h2{color:#fff;font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.landing-page .cta-section p{font-size:1.2rem;opacity:.9;margin-bottom:2rem}.landing-page .cta-shapes{position:absolute;inset:0;pointer-events:none}.landing-page .cta-shape{position:absolute;border-radius:50%;background:#ffffff0d}.landing-page .cta-shape-1{width:400px;height:400px;top:-200px;right:-100px}.landing-page .cta-shape-2{width:300px;height:300px;bottom:-150px;left:-100px}.landing-page .main-footer{background:#0a1628;color:#a0aec0;padding:80px 5% 0}.landing-page .footer-top{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:4rem;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.1)}.landing-page .footer-col h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;position:relative;display:inline-block}.landing-page .footer-col h4:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:var(--primary);border-radius:2px}.landing-page .footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.landing-page .footer-logo img{height:50px;width:auto}.landing-page .footer-logo span{color:#fff;font-weight:800;font-size:1.3rem}.landing-page .footer-about p{line-height:1.8;margin-bottom:1.5rem;font-size:.95rem}.landing-page .social-links{display:flex;gap:1rem}.landing-page .social-links a{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all var(--transition-fast);text-decoration:none}.landing-page .social-links a:hover{background:var(--primary);transform:translateY(-3px)}.landing-page .footer-col ul{list-style:none}.landing-page .footer-col ul li{margin-bottom:.75rem}.landing-page .footer-col ul li a{color:#a0aec0;text-decoration:none;transition:all var(--transition-fast);display:inline-block;position:relative}.landing-page .footer-col ul li a:before{content:"→";position:absolute;left:-20px;opacity:0;transition:all var(--transition-fast);color:var(--primary)}.landing-page .footer-col ul li a:hover{color:#fff;padding-left:20px}.landing-page .footer-col ul li a:hover:before{opacity:1;left:0}.landing-page .contact-list li,.landing-page .hours-list li{display:flex;align-items:flex-start;gap:.75rem}.landing-page .contact-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.landing-page .hours-list .day{color:#fff;font-weight:500;min-width:100px}.landing-page .hours-list .time{color:var(--primary-light)}.landing-page .footer-bottom{padding:30px 5%;background:#0003}.landing-page .footer-bottom-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.landing-page .footer-bottom p{font-size:.9rem}.landing-page .footer-links{display:flex;gap:2rem}.landing-page .footer-links a{color:#a0aec0;text-decoration:none;font-size:.9rem;transition:color var(--transition-fast)}.landing-page .footer-links a:hover{color:#fff}@media(max-width:1024px){.landing-page .gallery-container{grid-template-columns:1fr}.landing-page .gallery-features{flex-direction:row;flex-wrap:wrap}.landing-page .gallery-feature-item{flex:1;min-width:250px}.landing-page .footer-top{grid-template-columns:1fr 1fr;gap:3rem}}@media(max-width:768px){.landing-page header{padding:1rem 4%}.landing-page .nav-links{position:fixed;inset:0;background:#fffffffa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:999}.landing-page .nav-links.mobile-open{opacity:1;visibility:visible}.landing-page .nav-links li{font-size:1.5rem;color:var(--text-dark)}.landing-page .mobile-menu-btn{display:flex}.landing-page section{padding:60px 4%}.landing-page .hero{padding:100px 4% 60px;min-height:auto}.landing-page .hero h1{font-size:2.5rem}.landing-page .hero-stats-preview{flex-direction:column;gap:1.5rem}.landing-page .preview-divider{width:60px;height:1px}.landing-page .hero-buttons{flex-direction:column;width:100%;max-width:300px;margin-left:auto;margin-right:auto}.landing-page .btn{width:100%;justify-content:center}.landing-page .stats-container{flex-direction:column;gap:2.5rem}.landing-page .stat-divider{width:60px;height:1px}.landing-page .stat-item{width:100%}.landing-page .features-grid{grid-template-columns:1fr;gap:1.5rem}.landing-page .feature-card{padding:2rem}.landing-page .gallery-img{height:300px}.landing-page .gallery-features{flex-direction:column}.landing-page .gallery-feature-item{min-width:auto}.landing-page .footer-top{grid-template-columns:1fr;text-align:center;gap:2.5rem}.landing-page .footer-col h4:after{left:50%;transform:translate(-50%)}.landing-page .footer-logo,.landing-page .social-links{justify-content:center}.landing-page .contact-list li,.landing-page .hours-list li{justify-content:center;flex-wrap:wrap}.landing-page .footer-bottom-content{flex-direction:column;text-align:center}.landing-page .footer-links{justify-content:center;flex-wrap:wrap;gap:1.5rem}}@media(max-width:480px){.landing-page .logo span{font-size:1.2rem}.landing-page .logo img{height:35px}.landing-page .hero h1{font-size:2rem}.landing-page .tagline-wrapper{font-size:.8rem;padding:6px 14px}.landing-page .section-header{margin-bottom:2.5rem}.landing-page section h2{font-size:1.75rem}.landing-page .stat-number{font-size:2.5rem}.landing-page .stat-suffix{font-size:1.5rem}.landing-page .feature-card{padding:1.5rem}.landing-page .feature-card-icon{width:50px;height:50px;font-size:1.5rem}.landing-page .cta-section h2{font-size:1.75rem}.landing-page .external-link-indicator{opacity:1;transform:translateY(0);top:15px;right:15px;width:28px;height:28px}}@media(max-width:360px){.landing-page .hero h1{font-size:1.75rem}.landing-page .btn{padding:10px 20px;font-size:.9rem}.landing-page .feature-card h3{font-size:1.1rem}}@media(max-height:600px)and (orientation:landscape){.landing-page .hero{min-height:auto;padding-top:80px;padding-bottom:40px}.landing-page .shape{display:none}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.landing-page .logo img,.landing-page .footer-logo img{image-rendering:-webkit-optimize-contrast}}@media(prefers-reduced-motion:reduce){.landing-page *,.landing-page *:before,.landing-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.landing-page .fade-up{opacity:1;transform:none}}@media print{.landing-page header,.landing-page .hero-buttons,.landing-page .cta-section,.landing-page .main-footer{display:none}.landing-page section{padding:20px 0;page-break-inside:avoid}}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px}.login-card{width:100%;max-width:420px;background:#fff!important;padding:40px;border-radius:12px;box-shadow:0 10px 25px #00000014;text-align:center;animation:fadeSlide .5s ease-out;border:1px solid rgba(0,0,0,.1)}.login-logo{width:90px;margin:0 auto 6px}.login-brand{font-size:20px;font-weight:800;letter-spacing:.6px;color:#2a9d8f;margin-bottom:22px}.login-title{font-size:26px;margin-bottom:6px;color:#1d1d1f!important}.login-subtitle{font-size:14px;color:#555!important;margin-bottom:26px}.login-input{width:100%;padding:14px;margin-bottom:14px;border-radius:8px;border:1px solid #ced4da;background:#f8f9fa!important;color:#212529!important;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus{border-color:#2a9d8f;box-shadow:0 0 0 3px #2a9d8f40}.login-error{background:#fff1f1;color:#c92a2a;padding:10px;border-radius:8px;font-size:13px;margin-bottom:14px;border:1px solid #ffc9c9}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#264653,#2a9d8f);color:#fff!important;border:none;border-radius:50px;font-weight:700;font-size:15px;cursor:pointer;transition:all .25s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.login-footer{margin-top:20px;font-size:14px;color:#555!important}.login-link{color:#2a9d8f;font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}@media(max-width:480px){.login-card{padding:30px 24px}.login-title{font-size:22px}}@media(max-width:640px){.lang-grid{grid-template-columns:1fr}}.password-wrapper{position:relative}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#6c757d}.register-page{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:#f8f9fa!important;font-family:var(--font-primary);padding:20px}.register-card{width:100%;max-width:420px;background:#fff!important;padding:42px 38px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);text-align:center;border:1px solid rgba(0,0,0,.05)}.register-logo{width:90px;margin:0 auto 6px}.register-brand{font-weight:800;font-size:20px;color:#2a9d8f;letter-spacing:.6px;margin-bottom:22px}.register-title{margin-bottom:6px;color:#1d1d1f!important}.register-subtitle{color:#555!important;font-size:14px;margin-bottom:26px}.register-input{width:100%;padding:14px;margin-bottom:14px;border-radius:var(--radius-sm);border:1px solid #ced4da;background-color:#f8f9fa!important;color:#333!important;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.register-input:focus{border-color:#2a9d8f;box-shadow:0 0 0 3px #2a9d8f40}.register-error{background:#fde2e2;color:#b91c1c;padding:10px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.register-button{width:100%;padding:14px;background:linear-gradient(135deg,#264653,#2a9d8f);border-radius:20px;overflow:hidden;box-sizing:border-box;font-weight:700;font-size:15px;color:#fff!important;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;border:none}.register-button:hover{border-radius:20px;box-shadow:0 0 15px #2a9d8f66;transform:translateY(-4px);background-color:#2a9d8f;color:#fff}.register-button:disabled{opacity:.7;cursor:not-allowed}.register-footer{margin-top:22px;font-size:14px;color:#666!important}.register-link{color:#2a9d8f;font-weight:600;text-decoration:none}.register-link:hover{text-decoration:underline}@media(max-width:480px){.register-card{padding:30px 20px;margin:10px}.register-brand{font-size:18px}.register-button{font-size:14px;padding:12px}}@media(prefers-color-scheme:dark){.register-page{background:#f8f9fa!important}.register-card{background:#fff!important}.register-title{color:#1d1d1f!important}.register-subtitle,.register-footer{color:#555!important}.register-input{background-color:#f8f9fa!important;color:#333!important}}:root{--bg-canvas: #fbfbfd;--bg-surface: #ffffff;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--accent: #0066cc;--accent-hover: #0077ed;--border-subtle: rgba(0, 0, 0, .08);--shadow-soft: 0 2px 4px rgba(0, 0, 0, .02), 0 8px 16px rgba(0, 0, 0, .04);--shadow-hover: 0 4px 8px rgba(0, 0, 0, .04), 0 12px 24px rgba(0, 0, 0, .06);--space-xs: clamp(.5rem, 1vw, .75rem);--space-sm: clamp(1rem, 2vw, 1.25rem);--space-md: clamp(1.5rem, 3vw, 2rem);--space-lg: clamp(2rem, 5vw, 4rem);--max-width: 1320px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.student-page{min-height:100vh;background-color:var(--bg-canvas);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.47059;padding:var(--space-lg) var(--space-md)}.student-header{max-width:var(--max-width);margin:0 auto var(--space-md);padding:0 var(--space-xs)}.student-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.022em;color:var(--text-primary);margin-bottom:8px}.student-subtitle{font-size:clamp(1rem,1.2vw,1.125rem);color:var(--text-secondary);font-weight:400;max-width:65ch}.student-grid{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.student-card{background:var(--bg-surface);border-radius:18px;padding:32px;position:relative;transition:box-shadow .4s cubic-bezier(.25,1,.5,1),background-color .4s ease;box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.student-card:hover{box-shadow:var(--shadow-hover)}.student-card.secondary{background:#f5f5f7;box-shadow:none}.student-card-title{font-size:1.25rem;font-weight:600;margin-bottom:12px;letter-spacing:-.011em}.student-card-text{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin-bottom:24px;flex-grow:1}.student-btn-primary,.student-btn-secondary{all:unset;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:980px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center}.student-btn-primary{background-color:var(--accent);color:#fff}.student-btn-primary:hover{background-color:var(--accent-hover)}.student-btn-secondary{background-color:transparent;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.student-btn-secondary:hover{background-color:var(--accent);color:#fff}.student-logout{position:fixed;bottom:32px;right:32px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);padding:10px 18px;border-radius:12px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.student-logout:hover{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-soft)}@media(max-width:1024px){.student-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.student-grid{grid-template-columns:1fr;gap:16px}.student-page{padding:24px 16px}.student-card{padding:24px}.student-logout{bottom:16px;right:16px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.editor-container{height:100vh;display:flex;flex-direction:column;background:#0f172a;color:#fff}.editor-header{height:60px;background:#1e293b;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #334155}.editor-select{padding:8px 12px;background:#111827;color:#fff;border:1px solid #334155;border-radius:6px}.run-btn{background:#22c55e;color:#000;border:none;padding:8px 20px;border-radius:6px;font-weight:700;cursor:pointer}.run-btn:disabled{background:gray;cursor:not-allowed}.editor-main{flex:1;display:flex;height:calc(100vh - 60px)}.editor-code{flex:1;border-right:1px solid #334155}.editor-terminal{width:40%;height:100%;background:#0f172a;padding:10px;overflow:hidden}:root{--canvas: #f5f5f7;--surface: #ffffff;--text-main: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--success: #16a34a;--danger: #df241d;--accent: #0071e3;--border-subtle: rgba(0, 0, 0, .06);--row-hover: #fbfbfd;--lang-bg: #f2f2f7;--tag-bg: rgba(0, 0, 0, .04);--radius-pro: 12px;--radius-pill: 980px;--max-width: 900px;--space-sm: clamp(1rem, 2vw, 1.25rem);--space-md: clamp(2rem, 4vw, 3rem);--shadow-resting: 0 1px 2px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.03)}@media(prefers-color-scheme:dark){:root{--canvas: #000000;--surface: #1c1c1e;--text-main: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #86868b;--border-subtle: rgba(255, 255, 255, .1);--row-hover: #2c2c2e;--lang-bg: #3a3a3c;--tag-bg: rgba(255, 255, 255, .1);--shadow-resting: 0 4px 24px rgba(0,0,0,.5)}}.history-page{min-height:100vh;background-color:var(--canvas);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:var(--space-md) var(--space-sm);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;align-items:center;transition:background-color .3s ease,color .3s ease}.history-header{width:100%;max-width:var(--max-width);margin-bottom:var(--space-md);text-align:left}.history-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.022em;margin-bottom:4px}.history-subtitle{font-size:15px;color:var(--text-secondary)}.history-card{width:100%;max-width:var(--max-width);background:var(--surface);border-radius:var(--radius-pro);padding:8px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-resting);transition:background .3s ease}.history-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:calc(var(--radius-pro) - 4px);transition:background .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--border-subtle)}.history-row:last-child{border-bottom:none}.history-row:hover{background:var(--row-hover)}.history-left{display:flex;align-items:center;gap:16px;min-width:0}.history-lang{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--lang-bg);padding:4px 8px;border-radius:6px}.history-title-text{font-size:16px;font-weight:500;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-tag{font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--tag-bg);padding:2px 8px;border-radius:4px}.history-status.success{color:var(--success);font-weight:600}.history-status.fail{color:var(--danger);font-weight:600}.history-actions{display:flex;gap:8px}.history-open-btn,.history-delete-btn{all:unset;box-sizing:border-box;padding:8px 16px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.history-open-btn{background:var(--accent);color:#fff}.history-open-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.history-delete-btn{background:transparent;color:var(--text-tertiary)}.history-delete-btn:hover{background:#df241d1a;color:var(--danger)}.history-back-btn{all:unset;box-sizing:border-box;margin-top:32px;padding:10px 24px;background:var(--surface);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-resting)}.history-back-btn:hover{background:var(--canvas);border-color:var(--text-tertiary);transform:translateY(-1px)}.history-back-btn:before{content:"←"}.history-tag.type-quiz{background:#9333ea1a;color:#9333ea}.best-badge{font-size:10px;font-weight:700;background:#facc15;color:#854d0e;padding:2px 6px;border-radius:4px;margin-left:8px;vertical-align:middle}.history-open-btn.quiz-btn{background:#9333ea}@media(max-width:768px){.history-row{flex-direction:column;align-items:flex-start;gap:12px}.history-actions{width:100%;justify-content:flex-end}.history-back-btn{width:100%;justify-content:center}}:root{--solve-bg-primary: #0f172a;--solve-bg-secondary: #020617;--solve-bg-tertiary: #1e293b;--solve-bg-editor: #1e1e1e;--solve-text-primary: #f8fafc;--solve-text-secondary: #e2e8f0;--solve-text-muted: #94a3b8;--solve-border: #1e293b;--solve-border-light: #334155;--solve-accent: #22c55e;--solve-accent-hover: #16a34a;--solve-danger: #f87171;--solve-success: #4ade80;--solve-warning: #fbbf24;--solve-radius: 8px;--solve-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--solve-transition: all .2s ease;--solve-header-height: 64px;--solve-actions-height: 64px;--solve-console-height: 200px}.solve-page{height:100vh;display:flex;flex-direction:column;background:var(--solve-bg-primary);color:var(--solve-text-secondary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.solve-loading{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--solve-text-muted);font-size:1.1rem;gap:12px}.solve-header{height:var(--solve-header-height);display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid var(--solve-border);background:var(--solve-bg-primary);flex-shrink:0;position:relative;z-index:10}.solve-header-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.solve-back-btn{background:var(--solve-bg-tertiary);border:1px solid var(--solve-border-light);color:var(--solve-text-muted);cursor:pointer;font-size:18px;width:36px;height:36px;border-radius:var(--solve-radius);display:flex;align-items:center;justify-content:center;transition:var(--solve-transition);flex-shrink:0}.solve-back-btn:hover{background:var(--solve-border-light);color:var(--solve-text-primary);transform:translate(-2px)}.solve-title{margin:0;font-size:1.25rem;color:var(--solve-text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.025em}.solve-tabs{display:flex;gap:8px;background:var(--solve-bg-secondary);padding:4px;border-radius:var(--solve-radius);border:1px solid var(--solve-border)}.solve-tab{background:transparent;border:none;color:var(--solve-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:6px;transition:var(--solve-transition);position:relative;white-space:nowrap}.solve-tab:hover{color:var(--solve-text-primary);background:#ffffff0d}.solve-tab.active{color:var(--solve-text-primary);background:var(--solve-bg-tertiary);font-weight:600;box-shadow:var(--solve-shadow)}.solve-content{flex:1;display:flex;overflow:hidden;position:relative}.solve-left{width:50%;padding:24px;background:var(--solve-bg-secondary);border-right:1px solid var(--solve-border);overflow-y:auto;display:flex;flex-direction:column;gap:20px}.solve-tag{background:var(--solve-bg-tertiary);color:var(--solve-text-muted);padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:6px;width:fit-content;border:1px solid var(--solve-border-light)}.solve-tag:before{content:"•";color:var(--solve-accent);font-size:1.2em}.solve-desc{font-size:.9375rem;line-height:1.8;color:var(--solve-text-secondary);white-space:pre-wrap;font-family:Menlo,Monaco,Courier New,monospace;background:var(--solve-bg-primary);padding:20px;border-radius:var(--solve-radius);border:1px solid var(--solve-border);overflow-x:auto}.solve-option{background:var(--solve-bg-tertiary);padding:16px;border-radius:var(--solve-radius);border:1px solid var(--solve-border-light);cursor:pointer;transition:var(--solve-transition);display:flex;align-items:center;gap:12px}.solve-option:hover{background:var(--solve-border-light);border-color:var(--solve-accent);transform:translate(4px)}.solve-option label{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%;color:var(--solve-text-primary);font-size:.9375rem}.solve-option input[type=radio]{width:18px;height:18px;accent-color:var(--solve-accent);cursor:pointer;flex-shrink:0}.solve-right{width:50%;display:flex;flex-direction:column;background:var(--solve-bg-editor);position:relative;min-height:0}.solve-toolbar{height:50px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;background:var(--solve-bg-editor);flex-shrink:0}.solve-select{background:#2d2d2d;color:#e5e5e5;border:1px solid #444;padding:6px 12px;border-radius:6px;font-size:.875rem;cursor:pointer;outline:none;transition:var(--solve-transition)}.solve-select:hover{border-color:var(--solve-accent)}.solve-select:focus{border-color:var(--solve-accent);box-shadow:0 0 0 2px #22c55e33}.solve-editor{flex:1;min-height:0;position:relative;overflow:hidden}.solve-editor .solve-loading{height:100%;background:var(--solve-bg-editor);color:var(--solve-text-muted);font-style:italic}.solve-actions{height:var(--solve-actions-height);padding:0 20px;display:flex;justify-content:flex-end;align-items:center;gap:12px;border-top:1px solid #333;background:var(--solve-bg-editor);flex-shrink:0;position:relative;z-index:5}.solve-run,.solve-submit{height:40px;padding:0 24px;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--solve-transition);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:none;position:relative;overflow:hidden}.solve-run{background:var(--solve-bg-tertiary);color:var(--solve-text-primary);border:1px solid var(--solve-border-light)}.solve-run:hover:not(:disabled){background:var(--solve-border-light);transform:translateY(-1px)}.solve-submit{background:var(--solve-accent);color:#0f172a;box-shadow:0 4px 12px #22c55e4d}.solve-submit:hover:not(:disabled){background:var(--solve-accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #22c55e66}.solve-run:disabled,.solve-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.solve-run:after,.solve-submit:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;display:none}.solve-run:disabled:after,.solve-submit:disabled:after{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.solve-console{background:#151515;border-top:1px solid #333;max-height:var(--solve-console-height);min-height:100px;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.solve-console pre{margin:0;padding:16px;color:#e5e5e5;font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;flex:1;overflow-y:auto}.solve-console::-webkit-scrollbar{width:8px;height:8px}.solve-console::-webkit-scrollbar-track{background:#0f0f0f}.solve-console::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.solve-console::-webkit-scrollbar-thumb:hover{background:#444}.solve-submissions{flex:1;padding:24px;overflow-y:auto;background:var(--solve-bg-secondary)}.solve-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--solve-bg-primary);border-radius:var(--solve-radius);border:1px solid var(--solve-border);overflow:hidden}.solve-th{text-align:left;padding:16px;border-bottom:1px solid var(--solve-border);color:var(--solve-text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--solve-bg-tertiary)}.solve-table td{padding:16px;border-bottom:1px solid var(--solve-border);color:var(--solve-text-secondary);font-size:.875rem}.solve-table tr:hover td{background:#ffffff05}.solve-table tr:last-child td{border-bottom:none}.solve-success{color:var(--solve-success);font-weight:600;display:inline-flex;align-items:center;gap:6px}.solve-success:before{content:"✓";background:#4ade801a;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.solve-fail{color:var(--solve-danger);font-weight:600;display:inline-flex;align-items:center;gap:6px}.solve-fail:before{content:"✕";background:#f871711a;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.langq-solve-btn{background:var(--solve-bg-tertiary);color:var(--solve-text-primary);border:1px solid var(--solve-border-light);padding:6px 14px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:var(--solve-transition);font-weight:500}.langq-solve-btn:hover{background:var(--solve-border-light);border-color:var(--solve-accent);color:var(--solve-accent)}.solve-submissions .solve-table td[colspan]{text-align:center;color:var(--solve-text-muted);padding:48px 24px;font-style:italic}.solve-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.solve-modal{background:var(--solve-bg-tertiary);border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--solve-border-light);box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.solve-modal-header{padding:20px 24px;border-bottom:1px solid var(--solve-border);display:flex;justify-content:space-between;align-items:center;background:var(--solve-bg-primary);border-radius:12px 12px 0 0}.solve-modal-header h3{margin:0;color:var(--solve-text-primary);font-size:1.125rem;font-weight:600}.solve-close{background:var(--solve-bg-tertiary);border:1px solid var(--solve-border-light);color:var(--solve-text-muted);font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:var(--solve-transition)}.solve-close:hover{background:var(--solve-danger);color:#fff;border-color:var(--solve-danger)}.solve-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.solve-modal-body pre{background:var(--solve-bg-primary);padding:16px;border-radius:var(--solve-radius);border:1px solid var(--solve-border);color:var(--solve-text-secondary);font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;margin:0}@media(max-width:1024px){.solve-content{flex-direction:column}.solve-left,.solve-right{width:100%;height:50%;border-right:none;border-bottom:1px solid var(--solve-border)}.solve-right{border-bottom:none;border-top:1px solid var(--solve-border)}.solve-left{overflow-y:auto}.solve-editor{min-height:300px}}@media(max-width:768px){:root{--solve-header-height: 56px;--solve-actions-height: 56px}.solve-header{padding:0 16px}.solve-title{font-size:1.1rem}.solve-tabs{gap:4px}.solve-tab{padding:6px 12px;font-size:.8125rem}.solve-left,.solve-right{padding:16px}.solve-desc{font-size:.875rem;padding:16px}.solve-option{padding:12px}.solve-actions{padding:0 16px;gap:8px}.solve-run,.solve-submit{padding:0 16px;height:36px;font-size:.8125rem}.solve-submissions{padding:16px}.solve-th,.solve-table td{padding:12px}.solve-table th:nth-child(3),.solve-table td:nth-child(3){display:none}}@media(max-width:480px){.solve-header{flex-direction:column;height:auto;padding:12px;gap:12px}.solve-header-left{width:100%}.solve-tabs{width:100%;justify-content:center}.solve-content{flex-direction:column}.solve-left,.solve-right{height:auto;flex:none}.solve-left{max-height:40vh;min-height:200px}.solve-right{flex:1;min-height:50vh}.solve-editor{min-height:250px}.solve-actions{flex-direction:row;padding:12px;height:auto;gap:8px}.solve-run,.solve-submit{flex:1;justify-content:center}.solve-modal{max-height:95vh;margin:10px}.solve-modal-header,.solve-modal-body{padding:16px}.solve-table{font-size:.8125rem}.solve-th,.solve-table td{padding:10px 8px}.solve-table th:nth-child(2),.solve-table td:nth-child(2){display:none}}@media(max-height:600px)and (orientation:landscape){.solve-header{height:48px;padding:0 16px}.solve-content{flex-direction:row}.solve-left,.solve-right{width:50%;height:100%}.solve-actions{height:48px}.solve-console{max-height:120px;min-height:80px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.solve-tab.active{box-shadow:0 4px 12px #22c55e33}}@media(prefers-color-scheme:dark){.solve-page{color-scheme:dark}}@media print{.solve-header,.solve-actions,.solve-toolbar,.solve-modal-overlay{display:none!important}.solve-content{display:block}.solve-left,.solve-right{width:100%;height:auto;overflow:visible}}.lang-page{min-height:100vh;background-color:var(--bg-canvas);color:var(--text-primary);font-family:inherit;line-height:inherit;padding:var(--space-lg) var(--space-md)}.lang-container{max-width:var(--max-width);margin:0 auto}.lang-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.022em;color:var(--text-primary);margin-bottom:6px}.lang-subtitle{font-size:clamp(1rem,1.2vw,1.125rem);font-weight:400;color:var(--text-secondary);max-width:65ch;margin-bottom:28px}.lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.lang-card{background:var(--bg-surface);border-radius:18px;padding:20px 24px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;transition:box-shadow .4s cubic-bezier(.25,1,.5,1)}.lang-card:hover{box-shadow:var(--shadow-hover)}.lang-card-title{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:28px}.lang-card-footer{margin-top:auto}.lang-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:980px;font-size:.8rem;font-weight:500;background-color:var(--accent);color:#fff;cursor:pointer;transition:background-color .2s ease}.lang-btn:hover{background-color:var(--accent-hover)}.lang-back-btn{margin-top:calc(var(--space-lg) + 12px);all:unset;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:980px;font-size:.875rem;font-weight:500;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.lang-back-btn:hover{background-color:var(--accent);color:#fff}@media(max-width:1024px){.lang-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.lang-page{padding:24px 16px}.lang-grid{grid-template-columns:1fr;gap:16px}.lang-card{padding:18px 20px}}:root{--canvas: #f5f5f7;--surface: #ffffff;--text-main: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--accent: #0071e3;--accent-hover: #0077ed;--border-subtle: rgba(0, 0, 0, .08);--space-sm: clamp(1rem, 2vw, 1.5rem);--space-md: clamp(2rem, 4vw, 3rem);--space-lg: clamp(4rem, 8vw, 6rem);--shadow-resting: 0 1px 2px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.03);--shadow-elevated: 0 20px 40px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.02);--max-width: 840px}.langq-page{min-height:100vh;background-color:var(--canvas);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;padding:var(--space-lg) var(--space-sm);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;align-items:center}.langq-header{width:100%;max-width:var(--max-width);margin-bottom:var(--space-md);align-self:center}.langq-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:700;letter-spacing:-.022em;margin-bottom:.5rem;line-height:1.1;text-align:left}.langq-toolbar{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;width:100%}.langq-search-input{flex:1;min-width:280px;padding:12px 20px;font-size:15px;background-color:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-main);box-shadow:var(--shadow-resting);transition:all .2s ease;outline:none;font-family:inherit}.langq-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0071e326}.langq-search-input::placeholder{color:var(--text-tertiary)}.langq-sort-wrapper{display:flex;align-items:center;gap:12px;background-color:var(--surface);padding:8px 16px;border-radius:12px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-resting)}.langq-sort-label{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.langq-sort-select{border:none;background:transparent;font-size:14px;font-weight:600;color:var(--text-main);cursor:pointer;outline:none;font-family:inherit;padding-right:4px}.langq-muted{font-size:clamp(1rem,1.5vw,1.125rem);color:var(--text-secondary);max-width:var(--max-width);width:100%;text-align:left;line-height:1.47;margin-bottom:24px}.langq-container{width:100%;max-width:var(--max-width)}.langq-card{display:flex;justify-content:space-between;align-items:center;background-color:var(--surface);padding:24px 32px;border-radius:18px;margin-bottom:16px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-resting);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1);cursor:pointer}.langq-card:hover{transform:scale(1.015);box-shadow:var(--shadow-elevated)}.langq-content{display:flex;flex-direction:column;gap:4px}.langq-qtitle{font-size:1.125rem;font-weight:600;color:var(--text-main);letter-spacing:-.011em;margin:0}.langq-meta{font-size:.8125rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.langq-solve-btn{all:unset;box-sizing:border-box;padding:10px 24px;background-color:var(--accent);color:#fff;border-radius:980px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0071e333;white-space:nowrap}.langq-solve-btn:hover{background-color:var(--accent-hover);box-shadow:0 6px 16px #0071e34d;transform:translateY(-1px)}.langq-back-btn{all:unset;box-sizing:border-box;margin-top:var(--space-md);padding:12px 24px;border-radius:980px;font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.langq-back-btn:hover{color:var(--text-main);border-color:var(--text-tertiary);background:var(--canvas)}.badge-easy{color:#28cd41}.badge-medium{color:#ff9500}.badge-hard{color:#ff3b30}.badge-default{color:inherit}@media(max-width:768px){.langq-page{padding:var(--space-md) var(--space-sm)}.langq-card{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.langq-solve-btn{width:100%;text-align:center}}@media(max-width:600px){.langq-toolbar{flex-direction:column;gap:12px}.langq-sort-wrapper{justify-content:space-between}}:root{--bg-canvas: #fbfbfd;--bg-surface: #ffffff;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--accent: #0066cc;--border-subtle: rgba(0, 0, 0, .08);--shadow-soft: 0 2px 6px rgba(0,0,0,.04);--shadow-hover: 0 10px 22px rgba(0,0,0,.08);--max-width: 1200px;--space-md: 20px;--space-lg: 32px}.dsa-page{min-height:100vh;background-color:var(--bg-canvas);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;padding:var(--space-lg) var(--space-md)}.dsa-container{max-width:var(--max-width);margin:0 auto}.dsa-header{text-align:center;margin-bottom:48px}.dsa-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.022em;color:var(--text-primary);margin-bottom:12px}.dsa-subtitle{font-size:clamp(1rem,1.2vw,1.125rem);color:var(--text-secondary);line-height:1.5;max-width:65ch}.dsa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.dsa-card{background-color:var(--bg-surface);padding:24px 28px;border-radius:16px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1);text-align:center}.dsa-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--accent)}.dsa-card h3{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.dsa-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.dsa-back-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:980px;font-size:.875rem;font-weight:500;background:transparent;color:var(--accent);border:1.5px solid var(--accent);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.dsa-back-btn:hover{background-color:var(--accent);color:#fff}@media(max-width:1024px){.dsa-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dsa-page{padding:40px 16px}}@media(max-width:640px){.dsa-grid{grid-template-columns:1fr;gap:16px}.dsa-card{padding:20px 24px}.dsa-header{margin-bottom:32px}}:root{--bg-canvas: #f5f5f7;--bg-surface: #ffffff;--text-main: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--accent: #0071e3;--accent-hover: #0077ed;--border-subtle: rgba(0, 0, 0, .08);--space-sm: clamp(1rem, 2vw, 1.5rem);--space-md: clamp(2rem, 4vw, 3rem);--space-lg: clamp(4rem, 8vw, 6rem);--radius-pro: 14px;--radius-pill: 980px;--max-w: 840px;--shadow-resting: 0 1px 2px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.03);--shadow-elevated: 0 20px 40px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.02)}.dsaq-page{min-height:100vh;background-color:var(--bg-canvas);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;padding:var(--space-lg) var(--space-sm);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;align-items:center}.dsaq-container{width:100%;max-width:var(--max-w)}.dsaq-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:700;letter-spacing:-.022em;margin-bottom:8px;text-align:left}.dsaq-muted{font-size:clamp(1rem,1.2vw,1.125rem);color:var(--text-secondary);line-height:1.47;margin-bottom:var(--space-md);max-width:65ch}.dsaq-card{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-surface);padding:24px 28px;border-radius:var(--radius-pro);margin-bottom:16px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-resting);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1);cursor:pointer}.dsaq-card:hover{transform:scale(1.015);box-shadow:var(--shadow-elevated)}.dsaq-qtitle{font-size:1.125rem;font-weight:600;margin-bottom:4px;letter-spacing:-.011em}.dsaq-meta{font-size:.8125rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.dsaq-solve-btn{all:unset;box-sizing:border-box;padding:10px 24px;background:var(--accent);color:#fff;border-radius:var(--radius-pill);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0071e333}.dsaq-solve-btn:hover{background:var(--accent-hover);box-shadow:0 6px 16px #0071e34d;transform:translateY(-1px)}.dsaq-back-btn{all:unset;box-sizing:border-box;margin-top:var(--space-md);padding:12px 24px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.dsaq-back-btn:hover{background:var(--bg-surface);color:var(--text-main);border-color:var(--text-tertiary)}.dsaq-back-btn:before{content:"←";font-size:1.2em}@media(max-width:768px){.dsaq-page{padding:var(--space-md) var(--space-sm)}.dsaq-card{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.dsaq-solve-btn{width:100%;text-align:center}}@media(max-width:480px){.dsaq-back-btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.dsaq-card,.dsaq-solve-btn{transition:none!important;transform:none!important}}:root{--bg-canvas: #f5f5f7;--bg-surface: #ffffff;--bg-inset: #1d1d1f;--bg-hover: #fbfbfd;--text-main: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--text-inverse: #ffffff;--accent: #0071e3;--accent-hover: #0077ed;--accent-light: rgba(0, 113, 227, .1);--danger: #ff3b30;--danger-light: rgba(255, 59, 48, .1);--success: #34c759;--warning: #ff9500;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--border-subtle: rgba(0, 0, 0, .08);--border-deep: rgba(0, 0, 0, .15);--radius-pro: 12px;--radius-button: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-pro: 0 1px 2px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.05);--shadow-lg: 0 4px 20px rgba(0,0,0,.1);--shadow-xl: 0 20px 60px rgba(0,0,0,.25);--font-stack: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", "Courier New", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1)}.admin-dashboard-page{min-height:100vh;background-color:var(--bg-canvas);color:var(--text-main);font-family:var(--font-stack);padding:var(--space-4) var(--space-3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;align-items:center;line-height:1.5}.admin-dashboard-header,.admin-card{width:100%;max-width:1200px}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.admin-dashboard-header h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.022em;margin:0;line-height:1.2}.admin-dashboard-nav{display:flex;gap:var(--space-2);flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-small,.btn-delete,.admin-logout-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;padding:10px 20px;border-radius:var(--radius-button);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;gap:6px}.btn-primary{background:var(--accent);color:var(--text-inverse);box-shadow:0 2px 8px #0071e34d}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0071e366}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--accent);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-deep);transform:translateY(-1px)}.btn-small{font-size:12px;padding:6px 12px;background:var(--bg-hover);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-button)}.btn-small:hover{background:var(--border-subtle);border-color:var(--border-deep)}.btn-small.danger{color:var(--danger);background:transparent;border-color:transparent}.btn-small.danger:hover{background:var(--danger-light);border-color:var(--danger)}.btn-delete{color:var(--danger);font-weight:600;padding:6px 12px;font-size:12px;border-radius:var(--radius-button)}.btn-delete:hover{background:var(--danger-light)}.admin-card{background:var(--bg-surface);border-radius:var(--radius-pro);padding:var(--space-4);box-shadow:var(--shadow-pro);border:1px solid var(--border-subtle);overflow:hidden}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.admin-toolbar h3{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.admin-search{padding:10px 16px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-size:14px;min-width:240px;background:var(--bg-canvas);transition:all var(--transition-fast);outline:none}.admin-search:focus{border-color:var(--accent);background:var(--bg-surface);box-shadow:0 0 0 3px var(--accent-light)}.admin-search::placeholder{color:var(--text-tertiary)}.admin-table-wrapper{overflow-x:auto;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4);-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;padding:var(--space-2) var(--space-2);font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.admin-table th:hover{color:var(--text-main)}.admin-table th:after{content:" ↕";opacity:.3;font-size:10px}.admin-table td{padding:var(--space-2);color:var(--text-main);border-bottom:1px solid rgba(0,0,0,.03);vertical-align:middle}.admin-table tr:hover td{background-color:var(--bg-hover)}.admin-table tr:last-child td{border-bottom:none}.admin-table td:last-child{display:flex;gap:var(--space-1);flex-wrap:wrap}.muted{color:var(--text-secondary);text-align:center;padding:var(--space-6);font-style:italic;margin:0}.submission{padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);animation:slideIn var(--transition-base)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.submission:last-child{border-bottom:none}.submission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:13px;flex-wrap:wrap;gap:var(--space-2)}.submission-code{font-family:var(--font-mono);background:var(--bg-inset);color:#e5e7eb;padding:var(--space-3);border-radius:var(--radius-button);font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;box-shadow:inset 0 2px 4px #0000004d;border:1px solid rgba(255,255,255,.05);max-height:300px;overflow-y:auto}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-3);animation:fadeIn var(--transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface);width:min(900px,95vw);max-height:90vh;overflow:hidden;border-radius:var(--radius-pro);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--bg-hover)}.modal-header h3{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-body{padding:var(--space-3) var(--space-4);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-close{all:unset;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.modal-close:hover{color:var(--danger);background:var(--danger-light)}.admin-logout-btn{margin-top:var(--space-4);color:var(--text-tertiary);font-size:14px;font-weight:500;padding:10px 20px;border-radius:var(--radius-button);transition:all var(--transition-fast);border:1px solid transparent}.admin-logout-btn:hover{color:var(--danger);background:var(--danger-light);border-color:var(--danger)}@media(max-width:1024px){.admin-dashboard-page,.admin-card{padding:var(--space-3)}.admin-table-wrapper{margin:0 calc(-1 * var(--space-3));padding:0 var(--space-3)}}@media(max-width:768px){.admin-dashboard-page{padding:var(--space-2)}.admin-dashboard-header{flex-direction:column;align-items:stretch;gap:var(--space-2);margin-bottom:var(--space-3)}.admin-dashboard-header h1{font-size:1.75rem;text-align:center}.admin-dashboard-nav{width:100%;justify-content:center}.btn-primary,.btn-secondary{flex:1;justify-content:center}.admin-card{padding:var(--space-2);border-radius:var(--radius-button)}.admin-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-2)}.admin-toolbar h3{text-align:center}.admin-search{width:100%;min-width:unset}.admin-table-wrapper{margin:0;padding:0;overflow-x:visible}.admin-table,.admin-table thead,.admin-table tbody,.admin-table th,.admin-table td,.admin-table tr{display:block}.admin-table thead{display:none}.admin-table tr{margin-bottom:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-button);padding:var(--space-2);box-shadow:var(--shadow-sm)}.admin-table td{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;border-bottom:1px solid rgba(0,0,0,.03);font-size:14px}.admin-table td:last-child{border-bottom:none;justify-content:flex-start;gap:var(--space-1);margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--border-subtle)}.admin-table td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.admin-table td:nth-child(1):before{content:"Name"}.admin-table td:nth-child(2):before{content:"Email"}.admin-table td:nth-child(3):before{content:"Total"}.admin-table td:nth-child(4):before{content:"Languages"}.admin-table td:nth-child(5):before{content:"Success %"}}@media(max-width:480px){.admin-dashboard-header h1{font-size:1.5rem}.admin-dashboard-nav{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.admin-card{padding:var(--space-2);box-shadow:none;border:1px solid var(--border-subtle)}.submission-header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.modal{width:100%;max-height:100vh;border-radius:0}.modal-header,.modal-body{padding:var(--space-2)}}@media(max-width:360px){.admin-table td:last-child{flex-direction:column;width:100%}.btn-small{width:100%;justify-content:center}}@media(max-height:500px)and (orientation:landscape){.modal{max-height:95vh}.admin-dashboard-header{flex-direction:row;align-items:center}.admin-dashboard-nav{width:auto}}@media(prefers-color-scheme:dark){:root{--bg-canvas: #000000;--bg-surface: #1c1c1e;--bg-hover: #2c2c2e;--bg-inset: #000000;--text-main: #ffffff;--text-secondary: #8e8e93;--text-tertiary: #636366;--border-subtle: rgba(255, 255, 255, .1);--border-deep: rgba(255, 255, 255, .2);--accent: #0a84ff;--accent-hover: #409cff;--accent-light: rgba(10, 132, 255, .2);--danger: #ff453a;--danger-light: rgba(255, 69, 58, .2)}.admin-search{background:#2c2c2e;color:var(--text-main)}.submission-code{background:#000;border-color:#ffffff1a}.btn-small{background:#2c2c2e;color:var(--text-main)}.btn-small:hover{background:#3a3a3c}}@media(prefers-contrast:high){.btn-primary,.btn-secondary,.btn-small,.admin-card,.admin-table tr,.modal{border-width:2px}.admin-table th,.admin-table td{border-bottom-width:2px}}@media print{.admin-dashboard-page{background:#fff;padding:0}.admin-dashboard-nav,.admin-toolbar,.btn-small,.modal-backdrop,.admin-logout-btn{display:none!important}.admin-card{box-shadow:none;border:1px solid #000}.admin-table tr{break-inside:avoid}}:root{--admin-canvas: #f5f5f7;--admin-surface: #ffffff;--admin-surface-hover: #fbfbfd;--admin-text: #1d1d1f;--admin-text-secondary: #6e6e73;--admin-text-muted: #86868b;--admin-accent: #0071e3;--admin-accent-hover: #0077ed;--admin-accent-light: rgba(0, 113, 227, .1);--admin-success: #34c759;--admin-success-light: rgba(52, 199, 89, .1);--admin-warning: #ff9500;--admin-danger: #ff3b30;--admin-danger-hover: #ff453a;--admin-purple: #af52de;--admin-purple-light: rgba(175, 82, 222, .1);--admin-border: rgba(0, 0, 0, .08);--admin-border-strong: rgba(0, 0, 0, .16);--admin-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--admin-shadow: 0 4px 16px rgba(0, 0, 0, .08);--admin-shadow-lg: 0 12px 24px rgba(0, 0, 0, .12);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease}.admin-questions-page{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg);background:var(--admin-canvas);min-height:100vh;font-family:var(--font-stack);color:var(--admin-text);line-height:1.5}.admin-questions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);gap:var(--space-lg);flex-wrap:wrap}.admin-questions-header>div:first-child{flex:1;min-width:280px}.admin-questions-header h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-sm) 0;color:var(--admin-text);line-height:1.2}.subtitle{color:var(--admin-text-secondary);font-size:1.125rem;margin:0;font-weight:400}.header-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:flex-start}.btn-create{background:var(--admin-accent);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 2px 8px #0071e34d}.btn-create:hover{background:var(--admin-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0071e366}.btn-create:active{transform:translateY(0)}.btn-create.secondary{background:var(--admin-surface);color:var(--admin-text);border:1px solid var(--admin-border-strong);box-shadow:var(--admin-shadow-sm)}.btn-create.secondary:hover{background:var(--admin-surface-hover);border-color:var(--admin-text-secondary)}.admin-filter-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);border-bottom:2px solid var(--admin-border);padding-bottom:var(--space-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-filter-tabs::-webkit-scrollbar{display:none}.admin-filter-tabs button{all:unset;cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--admin-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;position:relative}.admin-filter-tabs button:hover{color:var(--admin-text);background:#0000000a}.admin-filter-tabs button.active{color:var(--admin-accent);background:var(--admin-accent-light);font-weight:600}.admin-filter-tabs button.active:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--admin-accent);border-radius:2px}.admin-card{background:var(--admin-surface);border-radius:var(--radius-lg);border:1px solid var(--admin-border);box-shadow:var(--admin-shadow);overflow:hidden;margin-bottom:var(--space-xl)}.question-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--admin-border);transition:background-color var(--transition-fast);gap:var(--space-lg)}.question-item:last-child{border-bottom:none}.question-item:hover{background:var(--admin-surface-hover)}.item-info{display:flex;align-items:center;gap:var(--space-lg);flex:1;min-width:0}.item-text-group{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;flex:1}.item-text-group strong{font-size:1.0625rem;font-weight:600;color:var(--admin-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.type-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:var(--radius-sm);flex-shrink:0;display:inline-flex;align-items:center;gap:4px}.type-badge.coding{background:var(--admin-accent-light);color:var(--admin-accent)}.type-badge.coding:before{content:"</>";font-family:monospace;font-size:.75rem}.type-badge.quiz{background:var(--admin-purple-light);color:var(--admin-purple)}.type-badge.quiz:before{content:"?";font-weight:800}.question-meta{display:flex;align-items:center;gap:var(--space-md);font-size:.875rem;color:var(--admin-text-secondary);flex-wrap:wrap}.status-dot{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.8125rem;padding:2px 8px;border-radius:var(--radius-full);background:var(--admin-success-light);color:var(--admin-success);margin-left:var(--space-sm)}.status-dot:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.status-dot.inactive{background:#ff3b301a;color:var(--admin-danger)}.question-actions{display:flex;gap:var(--space-sm);flex-shrink:0;align-items:center}.btn-edit,.btn-delete,.langq-solve-btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap}.btn-edit{background:transparent;color:var(--admin-accent);border:1px solid var(--admin-border-strong)}.btn-edit:hover{background:var(--admin-accent-light);border-color:var(--admin-accent);transform:translateY(-1px)}.btn-edit.secondary{color:var(--admin-text-secondary);border-color:var(--admin-border)}.btn-edit.secondary:hover{background:#0000000a;border-color:var(--admin-text-secondary);color:var(--admin-text)}.btn-delete{background:transparent;color:var(--admin-danger);border:1px solid var(--admin-border-strong)}.btn-delete:hover{background:#ff3b301a;border-color:var(--admin-danger);transform:translateY(-1px)}.langq-solve-btn{background:var(--admin-surface);color:var(--admin-text);border:1px solid var(--admin-border-strong)}.langq-solve-btn:hover{background:var(--admin-surface-hover);border-color:var(--admin-accent);color:var(--admin-accent)}.muted{color:var(--admin-text-secondary);text-align:center;padding:var(--space-2xl);font-style:italic;margin:0}.btn-back{all:unset;color:var(--admin-text-secondary);cursor:pointer;font-size:.9375rem;font-weight:500;display:inline-flex;align-items:center;gap:8px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);margin-top:var(--space-lg)}.btn-back:hover{color:var(--admin-text);background:#0000000a;transform:translate(-2px)}@media(max-width:1024px){.admin-questions-page{padding:var(--space-lg)}.admin-questions-header h1{font-size:2rem}.question-item{padding:var(--space-md) var(--space-lg)}}@media(max-width:768px){.admin-questions-page{padding:var(--space-md)}.admin-questions-header{flex-direction:column;align-items:stretch;gap:var(--space-md);margin-bottom:var(--space-lg)}.admin-questions-header h1{font-size:1.75rem}.subtitle{font-size:1rem}.header-actions{width:100%}.btn-create{flex:1;justify-content:center}.admin-filter-tabs{margin-bottom:var(--space-lg)}.question-item{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--admin-border);margin-bottom:var(--space-md);border-radius:var(--radius-md);background:var(--admin-surface);box-shadow:var(--admin-shadow-sm);border:1px solid var(--admin-border)}.item-info{width:100%;gap:var(--space-md)}.item-text-group strong{font-size:1.125rem;white-space:normal;line-height:1.4}.question-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--admin-border)}.btn-edit,.btn-delete,.langq-solve-btn{flex:1;min-width:80px;text-align:center;justify-content:center}}@media(max-width:480px){:root{--space-lg: 1.25rem;--space-xl: 1.5rem}.admin-questions-header h1{font-size:1.5rem}.header-actions{flex-direction:column}.btn-create{width:100%}.admin-filter-tabs{gap:var(--space-xs)}.admin-filter-tabs button{padding:var(--space-sm) var(--space-md);font-size:.875rem}.question-item{padding:var(--space-md);margin-bottom:var(--space-sm)}.item-info{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.type-badge{align-self:flex-start}.question-meta{font-size:.8125rem;gap:var(--space-sm)}.status-dot{margin-left:0;margin-top:var(--space-xs)}.question-actions{flex-direction:row}.btn-edit,.btn-delete{flex:1;padding:10px;font-size:.8125rem}}@media(max-width:360px){.admin-questions-page{padding:var(--space-sm)}.question-actions{flex-direction:column;width:100%}.btn-edit,.btn-delete,.langq-solve-btn{width:100%}}@media(max-height:500px)and (orientation:landscape){.admin-questions-header{flex-direction:row;align-items:center}.header-actions{width:auto}}@media(prefers-color-scheme:dark){:root{--admin-canvas: #000000;--admin-surface: #1c1c1e;--admin-surface-hover: #2c2c2e;--admin-text: #ffffff;--admin-text-secondary: #8e8e93;--admin-border: rgba(255, 255, 255, .1);--admin-border-strong: rgba(255, 255, 255, .2);--admin-shadow: 0 4px 16px rgba(0, 0, 0, .5)}.type-badge.coding{background:#0a84ff33;color:#0a84ff}.type-badge.quiz{background:#bf5af233;color:#bf5af2}.status-dot{background:#30d15833}.status-dot.inactive{background:#ff453a33}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.btn-create,.btn-edit,.btn-delete,.question-item{border-width:2px}}@media print{.admin-questions-page{background:#fff;padding:0}.header-actions,.admin-filter-tabs,.question-actions,.btn-back{display:none!important}.question-item{break-inside:avoid;border:1px solid #000;margin-bottom:10px}}:root{--canvas: #fbfbfd;--surface: #ffffff;--surface-nested: rgba(0, 0, 0, .02);--text-main: #1d1d1f;--text-secondary: #6e6e73;--text-placeholder: #a1a1a6;--brand: #0071e3;--brand-hover: #0077ed;--danger: #ff3b30;--s-unit: 8px;--radius-pro: 10px;--radius-inner: 6px;--border-subtle: rgba(0, 0, 0, .1);--border-focus: rgba(0, 113, 227, .5);--shadow-ambient: 0 1px 2px rgba(0,0,0,.05);--shadow-lift: 0 4px 12px rgba(0,0,0,.08)}.admin-question-page{min-height:100vh;background-color:var(--canvas);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;padding:clamp(24px,5vw,64px) var(--s-unit);-webkit-font-smoothing:antialiased}.question-container{max-width:800px;margin:0 auto}.admin-question-page h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.022em;margin-bottom:32px}.question-card{background:var(--surface);border-radius:var(--radius-pro);padding:32px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-ambient);margin-bottom:32px}.input,.textarea,.select,.tc-input{all:unset;box-sizing:border-box;width:100%;padding:12px 16px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-inner);font-size:15px;transition:all .2s ease;color:var(--text-main)}.input::placeholder,.textarea::placeholder{color:var(--text-placeholder)}.input:focus,.textarea:focus,.select:focus,.tc-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #0071e326}.tc-input{font-family:SF Mono,Menlo,Monaco,monospace;background:#fdfdfd;font-size:13px;line-height:1.6}.row{display:flex;gap:20px;margin-bottom:20px}.flex{flex:1}.small{width:120px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.testcase-card{background:var(--surface-nested);border-radius:var(--radius-pro);padding:20px;margin-bottom:16px;border:1px solid rgba(0,0,0,.03)}.testcase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.btn-primary,.btn-add,.btn-delete,.btn-back{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-inner);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-add{background:var(--brand-hover);color:#fff;font-weight:600}.btn-add:hover{background:var(--brand);transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;padding:14px 28px;border-radius:40px;font-weight:600;box-shadow:0 4px 12px #0071e333}.btn-primary:hover{transform:scale(1.02);box-shadow:0 6px 16px #0071e34d}.btn-delete{color:var(--danger);padding:4px 8px}.btn-delete:hover{background:#ff3b301a}.btn-back{margin-top:32px;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-back:hover{background:var(--surface);border-color:var(--text-secondary);color:var(--text-main)}@media(max-width:640px){.row{flex-direction:column;gap:0}.small{width:100%}.admin-question-page{padding:16px}.question-card{padding:20px}}:root{--bg-page: #f5f5f7;--bg-card: #ffffff;--bg-hover: #fbfbfd;--bg-inset: #1d1d1f;--text-main: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--text-inverse: #ffffff;--accent: #0071e3;--accent-hover: #0077ed;--accent-soft: rgba(0, 113, 227, .08);--accent-light: rgba(0, 113, 227, .15);--status-success-bg: #e6f4ea;--status-success-text: #1e8e3e;--status-warning-bg: #fef7e0;--status-warning-text: #b05a00;--status-danger-bg: #fce8e8;--status-danger-text: #d93025;--s-1: 8px;--s-2: 16px;--s-3: 24px;--s-4: 32px;--s-5: 40px;--s-6: 48px;--max-w: 1200px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1)}.admin-analytics-page{min-height:100vh;background-color:var(--bg-page);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;padding:var(--s-6) var(--s-3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;align-items:center;line-height:1.5}.admin-analytics-container{width:100%;max-width:var(--max-w);margin:0 auto}.admin-analytics-page h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--s-2) 0;line-height:1.2;text-align:center}.admin-analytics-subtitle{font-size:clamp(1rem,1.5vw,1.125rem);color:var(--text-secondary);margin:0 0 var(--s-6) 0;max-width:60ch;text-align:center;margin-left:auto;margin-right:auto}.admin-analytics-muted{color:var(--text-secondary);text-align:center;padding:var(--s-6);font-style:italic;font-size:1rem;background:var(--bg-card);border-radius:var(--radius-xl);border:1px dashed var(--text-tertiary);max-width:400px;margin:0 auto var(--s-4) auto}.analytics-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--s-2);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05);width:100%;overflow:hidden;margin-bottom:var(--s-4)}.analytics-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);margin:calc(-1 * var(--s-2));padding:var(--s-2)}.analytics-table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px}.analytics-table th{text-align:left;padding:var(--s-3) var(--s-2);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);border-bottom:2px solid rgba(0,0,0,.06);white-space:nowrap;position:sticky;top:0;background:var(--bg-card);z-index:10}.analytics-table td{padding:var(--s-3) var(--s-2);font-size:14px;color:var(--text-main);border-bottom:1px solid rgba(0,0,0,.04);transition:background var(--transition-fast);vertical-align:middle}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tbody tr:hover td{background:var(--bg-hover)}.analytics-table tbody tr:nth-child(2n) td{background:#00000003}.analytics-table tbody tr:nth-child(2n):hover td{background:var(--bg-hover)}.accuracy-good,.accuracy-warning,.accuracy-excellent,.accuracy-poor{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:var(--shadow-sm)}.accuracy-excellent{background:var(--status-success-bg);color:var(--status-success-text)}.accuracy-good{background:#e8f5e9;color:#2e7d32}.accuracy-warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.accuracy-poor{background:var(--status-danger-bg);color:var(--status-danger-text)}.accuracy-excellent:before,.accuracy-good:before{content:"↑";margin-right:4px;font-size:10px}.accuracy-warning:before{content:"→";margin-right:4px;font-size:10px}.accuracy-poor:before{content:"↓";margin-right:4px;font-size:10px}.analytics-table td:nth-child(3),.analytics-table td:nth-child(4),.analytics-table td:nth-child(6),.analytics-table td:nth-child(7),.analytics-table td:nth-child(8){font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-main)}.analytics-table td:last-child{font-weight:700;color:var(--accent);font-size:15px}.admin-back-btn{all:unset;display:inline-flex;align-items:center;gap:var(--s-1);margin-top:var(--s-2);padding:12px 24px;border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-main);font-size:14px;font-weight:600;cursor:pointer;border:1px solid rgba(0,0,0,.08);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);align-self:flex-start}.admin-back-btn:hover{background:var(--bg-page);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--text-secondary)}.admin-back-btn:active{transform:translateY(0)}@media(max-width:1024px){.admin-analytics-page{padding:var(--s-4) var(--s-2)}.analytics-card{padding:var(--s-2);border-radius:var(--radius-lg)}.analytics-table th,.analytics-table td{padding:var(--s-2)}}@media(max-width:768px){.admin-analytics-page{padding:var(--s-3) var(--s-2)}.admin-analytics-page h1{font-size:1.75rem;margin-bottom:var(--s-1)}.admin-analytics-subtitle{font-size:1rem;margin-bottom:var(--s-4)}.analytics-card{padding:var(--s-1);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.analytics-table-wrapper{margin:calc(-1 * var(--s-1));padding:var(--s-1)}.analytics-table{min-width:700px}.analytics-table th{font-size:11px;padding:var(--s-2) var(--s-1)}.analytics-table td{font-size:13px;padding:var(--s-2) var(--s-1)}.accuracy-good,.accuracy-warning,.accuracy-excellent,.accuracy-poor{padding:4px 10px;font-size:11px}.admin-back-btn{width:100%;justify-content:center;margin-top:var(--s-3)}}@media(max-width:480px){.admin-analytics-page{padding:var(--s-2)}.admin-analytics-page h1{font-size:1.5rem}.admin-analytics-subtitle{font-size:.9375rem;margin-bottom:var(--s-3)}.analytics-card{background:transparent;box-shadow:none;border:none;padding:0}.analytics-table-wrapper{overflow:visible;margin:0;padding:0}.analytics-table,.analytics-table thead,.analytics-table tbody,.analytics-table th,.analytics-table td,.analytics-table tr{display:block;width:100%}.analytics-table thead{display:none}.analytics-table tbody{display:flex;flex-direction:column;gap:var(--s-2)}.analytics-table tr{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--s-3);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05);display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);position:relative;overflow:hidden}.analytics-table tr td:first-child{grid-column:1 / -1;font-size:1.125rem;font-weight:700;color:var(--text-main);padding-bottom:var(--s-2);border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:var(--s-1)}.analytics-table tr td:nth-child(2){grid-column:1 / -1;font-size:.875rem;color:var(--text-secondary);margin-top:calc(-1 * var(--s-1));margin-bottom:var(--s-1)}.analytics-table td{display:flex;flex-direction:column;padding:var(--s-1) 0;border:none;font-size:13px}.analytics-table td:before{content:attr(data-label);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:2px}.analytics-table td:nth-child(3):before{content:"Attempts"}.analytics-table td:nth-child(4):before{content:"Solved"}.analytics-table td:nth-child(5):before{content:"Accuracy"}.analytics-table td:nth-child(6):before{content:"Lang"}.analytics-table td:nth-child(7):before{content:"DSA"}.analytics-table td:nth-child(8):before{content:"Score"}.analytics-table td:nth-child(3),.analytics-table td:nth-child(4),.analytics-table td:nth-child(6),.analytics-table td:nth-child(7){align-items:center;text-align:center;font-size:1.125rem;font-weight:700}.analytics-table td:nth-child(5){grid-column:1 / -1;align-items:center;padding:var(--s-2) 0}.analytics-table td:nth-child(5):before{margin-bottom:var(--s-1)}.analytics-table td:last-child{grid-column:1 / -1;background:var(--accent-soft);margin:var(--s-1) calc(-1 * var(--s-3)) calc(-1 * var(--s-3)) calc(-1 * var(--s-3));padding:var(--s-2) var(--s-3);font-size:1.25rem;color:var(--accent);flex-direction:row;justify-content:space-between;align-items:center}.analytics-table td:last-child:before{content:"Total Score";margin-bottom:0;font-size:12px}.admin-back-btn{margin-top:var(--s-2)}}@media(max-width:360px){.analytics-table tr{grid-template-columns:1fr;padding:var(--s-2)}.analytics-table td:nth-child(3),.analytics-table td:nth-child(4),.analytics-table td:nth-child(6),.analytics-table td:nth-child(7){align-items:flex-start;flex-direction:row;justify-content:space-between}.analytics-table td:nth-child(3):before,.analytics-table td:nth-child(4):before,.analytics-table td:nth-child(6):before,.analytics-table td:nth-child(7):before{margin-bottom:0}}@media(prefers-color-scheme:dark){:root{--bg-page: #000000;--bg-card: #1c1c1e;--bg-hover: #2c2c2e;--text-main: #ffffff;--text-secondary: #8e8e93;--text-tertiary: #636366;--accent: #0a84ff;--accent-hover: #409cff;--accent-soft: rgba(10, 132, 255, .15);--status-success-bg: rgba(48, 209, 88, .15);--status-success-text: #30d158;--status-warning-bg: rgba(255, 159, 10, .15);--status-warning-text: #ff9f0a;--status-danger-bg: rgba(255, 69, 58, .15);--status-danger-text: #ff453a}.analytics-card{border-color:#ffffff1a}.analytics-table th{border-bottom-color:#ffffff1a;background:var(--bg-card)}.analytics-table td{border-bottom-color:#ffffff0d}.analytics-table tbody tr:nth-child(2n) td{background:#ffffff05}.admin-back-btn{background:var(--bg-card);border-color:#ffffff1a}.admin-back-btn:hover{background:var(--bg-hover)}.admin-analytics-muted{background:var(--bg-card);border-color:var(--text-secondary)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.analytics-card,.analytics-table tr,.admin-back-btn{border-width:2px}.accuracy-good,.accuracy-warning,.accuracy-excellent,.accuracy-poor{border:2px solid currentColor}}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media print{.admin-analytics-page{background:#fff;padding:0}.analytics-card{box-shadow:none;border:1px solid #000;break-inside:avoid}.admin-back-btn{display:none}.analytics-table tr{break-inside:avoid}}*{box-sizing:border-box;margin:0;padding:0}.student-navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;height:72px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#020617;border-bottom:1px solid #1e293b;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.navbar-logo{font-size:22px;font-weight:700;cursor:pointer;display:flex;align-items:center;flex-shrink:0}.logo-main{color:#fff}.logo-sub{color:#22c55e;margin-left:4px}.navbar-right{display:flex;align-items:center;gap:36px;flex:1;justify-content:flex-end}.navbar-links{display:flex;align-items:center;gap:32px}.nav-link{text-decoration:none;font-size:16px;font-weight:600;color:#cbd5e1;padding:10px 8px;position:relative;line-height:1.4;transition:color .2s ease;white-space:nowrap}.nav-link:hover,.nav-link.active{color:#22c55e}.nav-link.active:after{content:"";position:absolute;bottom:-14px;left:0;width:100%;height:3px;background:#22c55e;border-radius:2px}.logout-btn{background:transparent;color:#f87171;border:2px solid #f87171;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.logout-btn:hover{background:#f87171;color:#020617}@media(max-width:1024px){.student-navbar{padding:0 24px}.navbar-right{gap:24px}.navbar-links{gap:20px}.nav-link{font-size:15px;padding:10px 6px}.logout-btn{padding:9px 16px;font-size:14px}}@media(max-width:768px){.student-navbar{height:64px;padding:0 20px}.navbar-logo{font-size:20px}.navbar-right{gap:16px}.navbar-links{gap:12px}.nav-link{font-size:14px;padding:8px 6px}.nav-link.active:after{bottom:-12px;height:2.5px}.logout-btn{padding:8px 14px;font-size:13px;border-width:1.5px}}@media(max-width:640px){.student-navbar{height:60px;padding:0 16px}.navbar-logo{font-size:18px}.navbar-links{display:none;position:absolute;top:60px;left:0;width:100%;background:#020617;flex-direction:column;padding:16px;gap:8px;border-bottom:1px solid #1e293b;box-shadow:0 4px 6px #0000004d}.navbar-links.active{display:flex}.nav-link{font-size:15px;padding:12px 16px;width:100%;border-radius:8px}.nav-link:hover{background:#22c55e1a}.nav-link.active:after{display:none}.nav-link.active{background:#22c55e26}.navbar-right{gap:12px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px;background:transparent;border:none;cursor:pointer}.menu-toggle span{width:24px;height:2px;background:#cbd5e1;transition:all .3s ease}.logout-btn{padding:8px 14px;font-size:13px}}@media(max-width:380px){.student-navbar{padding:0 12px}.navbar-logo{font-size:16px}.logo-sub{margin-left:2px}.logout-btn{padding:6px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.nav-link,.logout-btn{transition:none}}@media(prefers-contrast:high){.nav-link{color:#fff}.logout-btn{border-width:3px}}.quiz-list-page{min-height:100vh;background-color:var(--bg-canvas, #fbfbfd);color:var(--text-primary, #1d1d1f);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:var(--space-lg, 3rem) var(--space-md, 2rem)}.quiz-list-header{max-width:var(--max-width, 1320px);margin:0 auto var(--space-md, 2rem)}.quiz-list-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.022em;margin-bottom:6px}.quiz-list-subtitle{font-size:1rem;color:var(--text-secondary, #6e6e73)}.quiz-grid{max-width:var(--max-width, 1320px);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md, 2rem)}.quiz-card{background:var(--bg-surface, #ffffff);border-radius:18px;padding:32px;box-shadow:var(--shadow-soft, 0 2px 4px rgba(0,0,0,.04));display:flex;flex-direction:column;transition:box-shadow .3s ease,transform .3s ease}.quiz-card:hover{box-shadow:var(--shadow-hover, 0 12px 24px rgba(0,0,0,.08));transform:translateY(-2px)}.quiz-card-title{font-size:1.25rem;font-weight:600;margin-bottom:12px}.quiz-card-text{font-size:.95rem;color:var(--text-secondary, #6e6e73);line-height:1.5;margin-bottom:20px;flex-grow:1}.quiz-meta{display:flex;gap:8px;margin-bottom:20px}.quiz-meta-pill{font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;background:#0000000d;color:var(--text-secondary, #6e6e73)}.quiz-btn-primary{all:unset;display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;border-radius:999px;font-size:.875rem;font-weight:500;cursor:pointer;background-color:var(--accent, #0066cc);color:#fff;transition:background-color .2s ease,transform .2s ease}.quiz-btn-primary:hover{background-color:var(--accent-hover, #0077ed);transform:translateY(-1px)}.quiz-muted{max-width:var(--max-width, 1320px);margin:0 auto;font-size:.95rem;color:var(--text-secondary, #6e6e73)}.quiz-back-btn{all:unset;margin:40px auto 0;display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:999px;border:1px solid var(--border-subtle, rgba(0,0,0,.08));background:var(--bg-surface, #ffffff);color:var(--text-primary, #1d1d1f);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease,transform .2s ease}@media(max-width:1024px){.quiz-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.quiz-grid{grid-template-columns:1fr;gap:16px}.quiz-list-page{padding:24px 16px}.quiz-card{padding:24px}}.quiz-attempt-page{min-height:100vh;background:var(--bg-canvas, #f5f5f7);color:var(--text-primary, #1d1d1f);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:2rem 1.5rem}.quiz-attempt-header{max-width:900px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.quiz-attempt-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.02em;margin:0}.quiz-timer{font-size:.95rem;font-weight:600;padding:8px 16px;border-radius:999px;background:#fff;color:var(--text-secondary, #6e6e73);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;gap:6px;white-space:nowrap}.quiz-questions{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.quiz-question-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.06)}.quiz-question-text{font-size:1.05rem;font-weight:600;margin:0 0 20px;line-height:1.4;color:var(--text-primary, #1d1d1f)}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;cursor:pointer;border:1.5px solid rgba(0,0,0,.08);background:#fff;transition:all .2s ease;position:relative}.quiz-option:hover{background:#00000005;border-color:#0000001f}.quiz-option.selected{background:#0066cc0f;border-color:#06c}.quiz-option input[type=radio],.quiz-option input[type=checkbox]{width:20px;height:20px;margin:0;flex-shrink:0;cursor:pointer;accent-color:#0066cc}.quiz-option span{font-size:.95rem;color:var(--text-primary, #1d1d1f);line-height:1.4;flex:1}.quiz-submit-btn{all:unset;display:block;margin:40px auto 0;padding:14px 40px;border-radius:999px;background:#06c;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;min-width:160px}.quiz-submit-btn:hover:not(:disabled){background:#0077ed;transform:translateY(-2px);box-shadow:0 4px 12px #0066cc4d}.quiz-submit-btn:active:not(:disabled){transform:translateY(0)}.quiz-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.quiz-muted{text-align:center;color:var(--text-secondary, #6e6e73);font-size:.95rem;padding:60px 20px;margin:0}@media(max-width:768px){.quiz-attempt-page{padding:1.5rem 1rem}.quiz-attempt-header{flex-direction:row;align-items:center;margin-bottom:20px}.quiz-attempt-title{font-size:1.35rem}.quiz-timer{font-size:.9rem;padding:6px 12px}.quiz-question-card{padding:20px;border-radius:14px}.quiz-question-text{font-size:1rem;margin-bottom:16px}.quiz-option{padding:12px 14px}.quiz-option input[type=radio],.quiz-option input[type=checkbox]{width:18px;height:18px}.quiz-submit-btn{margin-top:32px;padding:12px 32px;width:calc(100% - 2rem);max-width:300px}}@media(max-width:480px){.quiz-attempt-page{padding:1rem .75rem}.quiz-attempt-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.quiz-attempt-title{font-size:1.25rem}.quiz-timer{align-self:flex-start;font-size:.85rem;padding:6px 12px}.quiz-questions{gap:12px}.quiz-question-card{padding:16px;border-radius:12px}.quiz-question-text{font-size:.95rem;margin-bottom:14px}.quiz-options{gap:10px}.quiz-option{padding:12px;gap:10px;border-radius:10px}.quiz-option input[type=radio],.quiz-option input[type=checkbox]{width:18px;height:18px}.quiz-option span{font-size:.9rem}.quiz-submit-btn{margin-top:24px;padding:14px 24px;width:100%;max-width:none;font-size:.95rem}}@media(max-width:360px){.quiz-attempt-page{padding:.75rem .5rem}.quiz-question-card{padding:14px}.quiz-option{padding:10px}}@media(prefers-reduced-motion:reduce){.quiz-option,.quiz-submit-btn{transition:none!important}.quiz-submit-btn:hover:not(:disabled){transform:none!important}}@media(prefers-color-scheme:dark){.quiz-attempt-page{background:var(--bg-canvas, #0d0d0d);color:var(--text-primary, #f5f5f7)}.quiz-question-card{background:var(--bg-surface, #1c1c1e);border-color:#ffffff14}.quiz-timer{background:var(--bg-surface, #1c1c1e);border-color:#ffffff14;color:var(--text-secondary, #8e8e93)}.quiz-option{background:var(--bg-surface, #1c1c1e);border-color:#ffffff1a}.quiz-option:hover{background:#ffffff0d;border-color:#ffffff26}.quiz-option.selected{background:#007aff26;border-color:#0a84ff}.quiz-option span,.quiz-question-text{color:var(--text-primary, #f5f5f7)}}.quiz-result-page{min-height:100vh;background:var(--bg-canvas, #fbfbfd);color:var(--text-primary, #1d1d1f);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:var(--space-lg, 3rem) var(--space-md, 2rem)}.quiz-result-header{max-width:900px;margin:0 auto 24px}.quiz-result-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em}.quiz-result-card{max-width:900px;margin:0 auto 32px;background:var(--bg-surface, #ffffff);border-radius:20px;padding:32px;box-shadow:var(--shadow-soft, 0 4px 16px rgba(0,0,0,.05));text-align:center}.quiz-score{display:flex;justify-content:center;align-items:baseline;gap:6px;margin-bottom:12px}.quiz-score-main{font-size:3rem;font-weight:700;color:var(--accent, #0066cc)}.quiz-score-sep{font-size:2rem;color:var(--text-secondary, #6e6e73)}.quiz-score-max{font-size:1.5rem;color:var(--text-secondary, #6e6e73)}.quiz-percentage{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1d1d1f)}.quiz-answers{max-width:900px;margin:0 auto}.quiz-answers-title{font-size:1.25rem;font-weight:600;margin-bottom:16px}.quiz-answer-card{background:var(--bg-surface, #ffffff);border-radius:16px;padding:24px;box-shadow:var(--shadow-soft, 0 2px 8px rgba(0,0,0,.04));margin-bottom:16px}.quiz-answer-question{font-size:1rem;font-weight:600;margin-bottom:10px}.quiz-answer-list{list-style:none;padding-left:0}.quiz-answer-list li{font-size:.95rem;color:var(--text-secondary, #6e6e73);padding-left:18px;position:relative}.quiz-answer-list li:before{content:"✓";position:absolute;left:0;color:var(--accent, #0066cc);font-weight:700}.quiz-result-actions{max-width:900px;margin:40px auto 0;display:flex;justify-content:space-between;gap:16px}.quiz-btn-primary,.quiz-btn-secondary{all:unset;padding:10px 24px;border-radius:999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quiz-btn-primary{background:var(--accent, #0066cc);color:#fff}.quiz-btn-primary:hover{background:var(--accent-hover, #0077ed)}.quiz-btn-secondary{border:1px solid var(--border-subtle, rgba(0,0,0,.08));background:var(--bg-surface, #ffffff);color:var(--text-primary, #1d1d1f)}.quiz-btn-secondary:hover{background:var(--bg-canvas, #fbfbfd)}@media(max-width:640px){.quiz-result-actions{flex-direction:column}.quiz-result-page{padding:24px 16px}}.quiz-history-page{min-height:100vh;background:var(--bg-canvas, #fbfbfd);color:var(--text-primary, #1d1d1f);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:var(--space-lg, 3rem) var(--space-md, 2rem)}.quiz-history-header{max-width:900px;margin:0 auto 24px}.quiz-history-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.quiz-history-subtitle{font-size:1rem;color:var(--text-secondary, #6e6e73)}.quiz-history-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.quiz-history-card{background:var(--bg-surface, #ffffff);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow-soft, 0 2px 8px rgba(0,0,0,.04));display:flex;justify-content:space-between;align-items:center}.quiz-history-left{display:flex;flex-direction:column;gap:6px}.quiz-history-quiz{font-size:1rem;font-weight:600}.quiz-history-meta{display:flex;gap:16px;font-size:.85rem;color:var(--text-secondary, #6e6e73)}.quiz-history-right{display:flex;align-items:center;gap:16px}.quiz-history-score{font-size:.95rem;font-weight:600}.quiz-history-percentage{font-size:.9rem;color:var(--text-secondary, #6e6e73)}.quiz-best-badge{background:#0066cc1a;color:var(--accent, #0066cc);font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:999px}.quiz-history-btn{all:unset;padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:500;cursor:pointer;color:var(--accent, #0066cc);transition:background .2s ease}.quiz-history-btn:hover{background:#0066cc14}.quiz-back-btn{all:unset;margin:32px auto 0;display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:999px;border:1px solid var(--border-subtle, rgba(0,0,0,.08));background:var(--bg-surface, #ffffff);color:var(--text-primary, #1d1d1f);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease,transform .2s ease}.quiz-back-btn:hover{background:var(--bg-canvas, #fbfbfd);transform:translateY(-1px)}.quiz-muted{text-align:center;color:var(--text-secondary, #6e6e73);font-size:.95rem;padding:40px}@media(max-width:640px){.quiz-history-card{flex-direction:column;align-items:flex-start;gap:12px}.quiz-history-right{width:100%;justify-content:space-between}.quiz-history-page{padding:24px 16px}}.admin-quiz-page{min-height:100vh;background:var(--bg-canvas, #fbfbfd);color:var(--text-primary, #1d1d1f);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:var(--space-lg, 3rem) var(--space-md, 2rem)}.admin-quiz-header{max-width:1000px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center}.admin-quiz-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em}.admin-quiz-create-btn{all:unset;padding:10px 20px;border-radius:999px;background:var(--accent, #0066cc);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.admin-quiz-create-btn:hover{background:var(--accent-hover, #0077ed);transform:translateY(-1px)}.admin-quiz-list{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.admin-quiz-card{background:var(--bg-surface, #ffffff);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow-soft, 0 2px 8px rgba(0,0,0,.04));display:flex;justify-content:space-between;align-items:center}.admin-quiz-left{display:flex;flex-direction:column;gap:6px}.admin-quiz-name{font-size:1rem;font-weight:600}.admin-quiz-meta{display:flex;gap:16px;font-size:.85rem;color:var(--text-secondary, #6e6e73)}.admin-status{padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.admin-status.enabled{background:#16a34a1a;color:#16a34a}.admin-status.disabled{background:#df241d1a;color:#df241d}.admin-quiz-actions{display:flex;gap:10px}.admin-quiz-btn{all:unset;padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:500;cursor:pointer;color:var(--accent, #0066cc);transition:background .2s ease}.admin-quiz-btn:hover{background:#0066cc14}.admin-quiz-btn.secondary{color:var(--text-secondary, #6e6e73)}.admin-quiz-muted{text-align:center;color:var(--text-secondary, #6e6e73);font-size:.95rem;padding:40px}@media(max-width:768px){.admin-quiz-card{flex-direction:column;align-items:flex-start;gap:12px}.admin-quiz-actions{width:100%;justify-content:flex-end}.admin-quiz-page{padding:24px 16px}}.admin-quiz-create-page{min-height:100vh;background:var(--bg-canvas, #fbfbfd);color:var(--text-primary, #1d1d1f);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:var(--space-lg, 3rem) var(--space-md, 2rem);max-width:1000px;margin:0 auto}.admin-quiz-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin-bottom:24px}.admin-quiz-form{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}.admin-input,.admin-textarea{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--border-subtle, rgba(0,0,0,.1));font-size:.95rem;font-family:inherit;background:var(--bg-surface, #ffffff)}.admin-textarea{min-height:80px;resize:vertical}.admin-input.small{width:120px}.admin-questions{display:flex;flex-direction:column;gap:20px}.admin-question-card{background:var(--bg-surface, #ffffff);border-radius:18px;padding:20px;box-shadow:var(--shadow-soft, 0 2px 8px rgba(0,0,0,.04))}.admin-question-row{display:flex;align-items:center;gap:16px;margin:12px 0;flex-wrap:wrap}.admin-options{display:flex;flex-direction:column;gap:10px;margin-top:10px}.admin-option-row{display:flex;align-items:center;gap:10px}.admin-checkbox{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary, #6e6e73)}.admin-add-option-btn,.admin-add-question-btn,.admin-save-btn,.admin-remove-btn{all:unset;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s ease,transform .2s ease}.admin-add-option-btn,.admin-add-question-btn{color:var(--accent, #0066cc);padding:6px 12px;border-radius:999px}.admin-add-option-btn:hover,.admin-add-question-btn:hover{background:#0066cc14}.admin-remove-btn{color:#df241d;font-size:.8rem;padding:4px 10px;border-radius:999px}.admin-remove-btn:hover{background:#df241d14}.admin-save-btn{margin-top:32px;padding:12px 32px;border-radius:999px;background:var(--accent, #0066cc);color:#fff;font-size:.95rem;font-weight:600;text-align:center}.admin-save-btn:hover{background:var(--accent-hover, #0077ed);transform:translateY(-1px)}.admin-save-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.admin-option-row,.admin-question-row{flex-direction:column;align-items:flex-start}.admin-input.small{width:100%}.admin-quiz-create-page{padding:24px 16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important}}.admin-quiz-attempts-page{min-height:100vh;padding:3rem 2rem;background:var(--bg-canvas, #fbfbfd);color:var(--text-primary, #1d1d1f);max-width:1000px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-quiz-title{font-size:2rem;font-weight:700;margin-bottom:24px}.admin-attempts-list{display:flex;flex-direction:column;gap:12px}.admin-attempt-card{background:var(--bg-surface, #ffffff);border-radius:16px;padding:16px 20px;box-shadow:var(--shadow-soft, 0 2px 8px rgba(0,0,0,.04));display:flex;justify-content:space-between;align-items:center}.admin-attempt-meta{font-size:.85rem;color:var(--text-secondary, #6e6e73)}.admin-attempt-right{display:flex;gap:12px;align-items:center;font-weight:600}.admin-best-badge{background:#0066cc1a;color:var(--accent, #0066cc);padding:4px 10px;border-radius:999px;font-size:.75rem}.admin-back-btn{all:unset;margin-top:32px;display:inline-block;padding:10px 24px;border-radius:999px;border:1px solid var(--border-subtle, rgba(0,0,0,.08));background:var(--bg-surface, #ffffff);cursor:pointer;font-size:.875rem}.admin-back-btn:hover{background:var(--bg-canvas, #fbfbfd)}.admin-quiz-muted{text-align:center;color:var(--text-secondary, #6e6e73);padding:40px}@media(max-width:640px){.admin-attempt-card{flex-direction:column;align-items:flex-start;gap:10px}}:root{color-scheme:light}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:system-ui,Arial;color:#111}input,select{padding:8px;width:100%;box-sizing:border-box}button{padding:8px 12px;margin-top:6px;cursor:pointer}html,body,#root{width:100%;height:100%;margin:0}@keyframes fadeSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body:has(.student-navbar){padding-top:72px}@media(prefers-color-scheme:dark){:root{--bg-canvas: #fbfbfd;--bg-surface: #ffffff;--bg-secondary: #f5f5f7;--text-primary: #1d1d1f;--text-secondary: #6e6e73}.student-page{background-color:var(--bg-canvas);color:var(--text-primary)}}