.subscription-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0a2647d9,#144272e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.subscription-modal{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid rgba(255,196,54,.2)}.dark .subscription-modal{background:#1e293bfa;border-color:#ffc43626}.subscription-modal.plans-modal{max-width:1200px;max-height:90vh}.subscription-modal.full-width{max-width:95vw;max-height:90vh}@keyframes slideUp{0%{transform:translateY(60px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.close-btn{position:absolute;top:1.5rem;right:2rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:44px;height:44px;border-radius:50%;font-size:20px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;display:flex;align-items:center;justify-content:center;font-weight:600}.close-btn:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 16px #0003}.modal-header{background:linear-gradient(135deg,#0a2647,#144272);color:#fff;padding:2rem 5rem 2rem 2.5rem;border-radius:24px 24px 0 0;position:relative;overflow:hidden;flex-shrink:0;border-bottom:3px solid #FFC436}.modal-header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,196,54,.1) 0%,transparent 70%);border-radius:50%}.icon-wrapper,.lock-icon{display:none}.modal-header h2{font-size:1.75rem;font-weight:800;margin:0;position:relative;z-index:1;font-family:Outfit,sans-serif;color:#fff;display:flex;align-items:center;gap:.75rem;text-shadow:none;background:none;-webkit-text-fill-color:white}.modal-header h2:before{content:"💎";font-size:1.5rem}.subtitle{font-size:.9rem;opacity:.85;margin:.5rem 0 0;font-weight:400;position:relative;z-index:1;font-family:Inter,sans-serif;color:#ffffffe6;padding-right:3rem}.modal-content{padding:2rem 2.5rem;overflow-y:visible;overflow-x:hidden;flex:1;background:transparent;box-shadow:none}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#0a264733;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#0a26474d}.course-card{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:1.5rem;border:2px solid rgba(10,38,71,.1);transition:all .3s ease;box-shadow:0 4px 16px #0a264714}.dark .course-card{background:linear-gradient(135deg,#1e293bf2,#334155f2);border-color:#ffffff1a}.course-card:hover{border-color:#ffc43666;box-shadow:0 8px 24px #0a264726;transform:translateY(-2px)}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px dashed rgba(10,38,71,.15)}.dark .course-header{border-bottom-color:#ffffff26}.course-header h3{font-size:1.5rem;font-weight:800;color:#0a2647;margin:0;font-family:Outfit,sans-serif}.dark .course-header h3{color:#f8fafc}.price-tag{background:linear-gradient(135deg,#ffc436,#ffb800);color:#0a2647;padding:.875rem 1.5rem;border-radius:16px;display:flex;align-items:baseline;gap:.35rem;box-shadow:0 4px 16px #ffc43666;transition:all .3s ease}.price-tag:hover{transform:scale(1.05);box-shadow:0 6px 20px #ffc43680}.currency{font-size:1.125rem;font-weight:700}.amount{font-size:2rem;font-weight:800;font-family:Outfit,sans-serif}.duration{font-size:.875rem;opacity:.9;font-weight:600}.features-list h4{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 16px}.features-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.features-list li{display:flex;align-items:center;gap:12px;font-size:15px;color:#475569}.check-icon{font-size:18px;flex-shrink:0}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:16px;margin-bottom:20px;color:#dc2626;display:flex;align-items:center;gap:12px;font-size:14px}.modal-actions{display:flex;gap:12px;flex-direction:column}.subscribe-btn,.back-btn{padding:1rem 2rem;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;display:flex;align-items:center;justify-content:center;gap:.625rem;font-family:Inter,sans-serif}.subscribe-btn.primary{background:linear-gradient(135deg,#ffc436,#ffb800);color:#0a2647;box-shadow:0 4px 16px #ffc43666}.subscribe-btn.primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #ffc43680}.subscribe-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-btn.secondary{background:#0a264714;color:#0a2647;border:2px solid rgba(10,38,71,.15)}.dark .back-btn.secondary{background:#ffffff14;color:#f8fafc;border-color:#ffffff26}.back-btn.secondary:hover{background:#0a26471f;transform:translateY(-2px);border-color:#0a264740}.dark .back-btn.secondary:hover{background:#ffffff1f;border-color:#ffffff40}.spinner{width:18px;height:18px;border:3px solid rgba(10,38,71,.2);border-top-color:#0a2647;border-radius:50%;animation:spin .8s linear infinite}.secure-note{text-align:center;font-size:.85rem;color:#576f8c;margin-top:1.25rem;margin-bottom:0;font-weight:500}.dark .secure-note{color:#94a3b8}.subscription-status-navbar{display:flex;align-items:center}.subscription-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.subscription-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.subscription-badge.expiring{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 2px 8px #f59e0b4d}50%{box-shadow:0 4px 16px #f59e0b80}}.subscription-badge.free{background:#e5e7eb;color:#475569}.subscription-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.badge-icon{font-size:16px}.badge-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.status-label{font-size:13px;font-weight:700}.expiry-text{font-size:11px;opacity:.9;font-weight:500}.loading-state{text-align:center;padding:3rem 1.5rem}.spinner.large{width:48px;height:48px;border-width:4px;border-color:#0a264726;border-top-color:#ffc436;margin:0 auto 1.25rem}.loading-state p{color:#576f8c;font-size:1rem;font-weight:500}.dark .loading-state p{color:#cbd5e1}.subscriptions-section{margin-bottom:1.5rem}.subscriptions-section:last-child{margin-bottom:0}.section-title{font-size:1.125rem;font-weight:800;color:#0a2647;margin:0 0 1.25rem;display:flex;align-items:center;gap:.75rem;font-family:Outfit,sans-serif}.dark .section-title{color:#f8fafc}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.active{background:#10b981;box-shadow:0 0 0 3px #10b98133;animation:pulse-dot 2s ease-in-out infinite}.status-dot.expired{background:#ef4444;box-shadow:0 0 0 3px #ef444433}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 6px #10b9811a}}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.subscription-card{background:#fff;border:1px solid rgba(10,38,71,.12);border-radius:12px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0a264714}.dark .subscription-card{background:#1e293b80;border-color:#ffffff1a}.subscription-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0a26471f;border-color:#ffc43666}.subscription-card.expiring{border-color:#ffc436;background:linear-gradient(135deg,#fffbf0,#fff9e6)}.dark .subscription-card.expiring{background:#ffc43614;border-color:#ffc436}.subscription-card.expired{opacity:.6;border-color:#ef44444d}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding-bottom:.75rem;padding-top:2rem;border-bottom:1px solid rgba(10,38,71,.08);position:relative}.dark .card-header{border-bottom-color:#ffffff14}.course-info{display:flex;gap:.75rem;align-items:flex-start;flex:1;min-width:0;padding-right:1rem}.course-icon{font-size:2rem;flex-shrink:0;background:linear-gradient(135deg,#0a26470d,#ffc4361a);width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.dark .course-icon{background:linear-gradient(135deg,#ffc4361a,#ffc4360d)}.course-info>div{min-width:0;flex:1}.course-info h4{font-size:1rem;font-weight:700;color:#0a2647;margin:0 0 .25rem;font-family:Outfit,sans-serif;line-height:1.3}.course-desc{font-size:.75rem;color:#576f8c;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dark .course-desc{color:#94a3b8}.status-badge{padding:.375rem .75rem;border-radius:6px;font-size:.7rem;font-weight:700;white-space:nowrap;flex-shrink:0;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;position:absolute;top:0;right:0}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.error{background:#fee2e2;color:#991b1b}.card-body{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.info-row{display:flex;flex-direction:column;gap:.15rem;font-size:.8rem}.info-row .label{color:#576f8c;font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.dark .info-row .label{color:#94a3b8}.info-row .value{color:#0a2647;font-weight:700;font-size:.85rem}.dark .info-row .value{color:#f8fafc}.info-row .value.highlight{color:#ffc436}.info-row .value.warning-text{color:#f59e0b}.info-row .value.success-text{color:#10b981}.card-footer{padding-top:.75rem;border-top:1px solid rgba(10,38,71,.08)}.dark .card-footer{border-top-color:#ffffff14}.features{display:flex;flex-wrap:wrap;gap:.35rem}.feature{font-size:.65rem;color:#065f46;background:#d1fae5;padding:.25rem .5rem;border-radius:4px;font-weight:600}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-icon{font-size:4rem;display:block;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:700;color:#0a2647;margin:0 0 .5rem;font-family:Outfit,sans-serif}.dark .empty-state h3{color:#f8fafc}.empty-state p{font-size:.95rem;color:#576f8c;margin:0}.dark .empty-state p{color:#cbd5e1}.modal-footer{padding:1.25rem 2.5rem;border-top:1px solid rgba(10,38,71,.1);text-align:center;flex-shrink:0;background:transparent;border-radius:0 0 24px 24px}.dark .modal-footer{border-top-color:#ffffff1a;background:transparent}.close-footer-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#0a264714,#0a26471f);color:#0a2647;border:2px solid rgba(10,38,71,.15);border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.dark .close-footer-btn{background:linear-gradient(135deg,#ffffff14,#ffffff1f);color:#f8fafc;border-color:#ffffff26}.close-footer-btn:hover{background:linear-gradient(135deg,#0a26471f,#0a264726);transform:translateY(-2px);border-color:#0a264740}.dark .close-footer-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff26);border-color:#ffffff40}.subscription-banner{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:24px;border-radius:16px;margin-bottom:24px;text-align:center;box-shadow:0 10px 30px #10b98133}.subscription-banner .badge{display:inline-block;background:#fff3;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.subscription-banner h3{font-size:28px;font-weight:700;margin:12px 0 8px}.subscription-banner p{font-size:15px;opacity:.95;margin:0}.value-proposition{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;padding:16px;border-radius:8px;margin-bottom:24px;color:#92400e;font-size:14px}.value-proposition p{margin:0}.faq-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.faq-section h4{font-size:16px;font-weight:700;margin:0 0 16px;color:#1e293b}.faq-item{margin-bottom:16px}.faq-item strong{display:block;color:#1e293b;margin-bottom:6px;font-size:14px}.faq-item p{margin:0;color:#64748b;font-size:13px;line-height:1.6}@media(max-width:1100px){.subscription-status-navbar{display:none}}@media(max-width:768px){.subscription-modal{max-width:100%;max-height:100vh;border-radius:0}.modal-header{padding:32px 20px;border-radius:0}.modal-header h2{font-size:24px}.modal-content{padding:20px}.course-header{flex-direction:column;gap:16px;align-items:flex-start}.price-tag{width:100%;justify-content:center}.subscriptions-grid{grid-template-columns:1fr}.badge-text{display:none}.subscription-badge{padding:8px 12px}}.navbar{position:fixed;top:0;width:100%;height:80px;background:#0a2647;z-index:1000;border-bottom:1px solid rgba(255,255,255,.05)}.nav-inner{max-width:1300px;margin:auto;height:100%;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;cursor:pointer}.nav-links{display:flex;gap:40px;margin-left:60px;margin-right:40px}.nav-links a{color:#e2e8f0;text-decoration:none;font-weight:500;font-size:15px;transition:color .2s;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-actions{display:flex;align-items:center;gap:16px}.theme-toggle{background:none;border:none;font-size:18px;cursor:pointer;color:#cbd5e1;transition:transform .3s ease}.theme-toggle:hover{color:#ffc436;transform:rotate(15deg)}.nav-auth-btn{padding:10px 28px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-btn{background:transparent;color:#fff;border:1px solid #94a3b8}.login-btn:hover{background:#ffffff1a;border-color:#fff}.register-btn{background:#ffc436;color:#0a2647;border:none}.register-btn:hover{background:gold;transform:translateY(-1px);box-shadow:0 4px 12px #ffc43666}.nav-username{color:#e2e8f0;font-weight:500;font-size:14px;white-space:nowrap}.hamburger{display:none;background:none;border:none;font-size:24px;color:#fff;cursor:pointer}@media(max-width:900px){.nav-links,.nav-actions .nav-auth-btn,.nav-actions .nav-username,.nav-actions .subscription-status-badge{display:none}.hamburger{display:block}.nav-inner{padding:0 20px}}@media(max-width:480px){.nav-inner{padding:0 16px}.nav-logo span{font-size:18px!important}.nav-logo img{width:32px!important;height:32px!important}.mobile-menu{width:250px}}.mobile-menu-backdrop{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:#00000080;z-index:998}.mobile-menu{position:fixed;top:80px;right:0;width:280px;height:calc(100vh - 80px);background:#0a2647;padding:24px;display:flex;flex-direction:column;gap:16px;z-index:999;border-left:1px solid #1e293b}.mobile-menu a{color:#e2e8f0;text-decoration:none;font-size:16px;padding:12px;border-radius:8px}.mobile-menu a:hover{background:#1e293b;color:#ffc436}.mobile-menu{overflow-y:auto;overscroll-behavior:contain}.mobile-auth-btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-align:center;transition:all .3s ease}.subscribe-btn{background:linear-gradient(135deg,#ffc436,gold);color:#0a2647;margin-bottom:8px;box-shadow:0 4px 12px #ffc4364d}.mobile-username{color:#94a3b8;font-size:14px;padding:4px 12px;margin-top:8px}.logout-btn{background:transparent;color:#fff;border:1px solid #94a3b8;font-weight:600;box-shadow:none}.logout-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.mobile-menu .logout-btn{margin-top:12px}.mobile-theme{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;cursor:pointer;margin-top:8px}.footer{background:linear-gradient(135deg,#0f2027,#203a43);color:#e6f0f3;padding:70px 20px 30px}.footer-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}.footer-brand h3{font-size:28px;color:#ffcc70;margin-bottom:12px}.footer-brand p{font-size:15px;line-height:1.6;max-width:320px}.social-icons{margin-top:16px;display:flex;gap:12px}.social-icons a{font-size:20px;color:#ffcc70;transition:transform .2s ease}.social-icons a:hover{transform:translateY(-3px)}.footer-links h4,.footer-newsletter h4{font-size:18px;margin-bottom:14px;color:#ffcc70}.footer-links a{display:block;margin-bottom:10px;font-size:14px;color:#e6f0f3;text-decoration:none}.footer-links a:hover,.footer-links a.active{color:#ffcc70}.footer-newsletter p{font-size:14px;margin-bottom:12px}.footer-newsletter form{display:flex;gap:8px}.footer-newsletter input{flex:1;padding:10px;border-radius:6px;border:none;outline:none}.footer-newsletter button{padding:10px 16px;background:#ffcc70;border:none;border-radius:6px;font-weight:600;cursor:pointer}.footer-bottom{margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,204,112,.2);text-align:center;font-size:14px;color:#cbd5e1;display:flex;justify-content:center;align-items:center;gap:4px}.admin-link-hidden{color:#cbd5e1;text-decoration:none;font-size:14px;opacity:.6;transition:all .3s ease;padding:2px 6px;border-radius:3px;cursor:default}.admin-link-hidden:hover{opacity:1;color:#ffcc70;cursor:pointer;background:#ffcc701a}.dark .footer{background:linear-gradient(135deg,#000814,#020617)}@media(max-width:768px){.footer{text-align:center;padding:50px 20px 30px}.footer-container{gap:40px}.social-icons{justify-content:center;margin-bottom:10px}}@media(max-width:480px){.footer-container{display:flex;flex-direction:column;gap:40px}.footer-brand h3{font-size:24px}.footer-brand p{font-size:14px;margin:0 auto}.footer-links h4{font-size:16px;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.footer-links a{padding:6px 0;font-size:14px;opacity:.8}.footer-newsletter form{flex-direction:column;max-width:300px;margin:0 auto}.footer-newsletter input{width:100%;padding:12px}.footer-newsletter button{width:100%;margin-top:8px;padding:12px}.footer-bottom{font-size:12px;padding-top:20px;margin-top:30px;flex-direction:column}}.breadcrumbs{max-width:1200px;margin:0 auto;padding:14px 20px;font-size:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#64748b;background:linear-gradient(135deg,#0f202708,#203a4308);border-bottom:2px solid #e8f4f8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.breadcrumbs a{color:#0f2027;font-weight:500;text-decoration:none;transition:all .3s ease;padding:2px 8px;border-radius:4px}.breadcrumbs a:hover{color:#ffcc70;background-color:#ffcc701a;transform:translate(2px)}.separator{margin:0 4px;color:#cbd5e1;font-weight:300}.current{font-weight:600;color:#0f2027;background:linear-gradient(135deg,#ffcc7026,#ffcc7014);padding:2px 12px;border-radius:20px;border-left:3px solid #ffcc70}.dark .breadcrumbs{color:#94a3b8;background:linear-gradient(135deg,#ffcc700d,#ffcc7005);border-bottom-color:#2d3748}.dark .breadcrumbs a{color:#cbd5e1}.dark .breadcrumbs a:hover{color:#ffcc70;background-color:#ffcc7026}.dark .current{color:#ffcc70;background:linear-gradient(135deg,#ffcc7033,#ffcc701a);border-left-color:#ffcc70}@media(max-width:640px){.breadcrumbs{font-size:12px;padding:12px 16px;gap:6px}.breadcrumbs a,.current{padding:2px 6px}}:root{--primary-blue: #0A2647;--accent-gold: #FFC436;--bg-gradient-start: #ffffff;--bg-gradient-end: #ffffff;--text-main: #0B2447;--text-muted: #576F8C;--text-light: #94a3b8;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}.navbar{background-color:var(--primary-blue)!important;color:#fff!important;box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.08)}.nav-links a{color:#ffffffe6!important;font-weight:500}.nav-links a:hover,.nav-links a.active{color:#fff!important}.hero-section{position:relative;min-height:85vh;background:#fff;display:flex;align-items:center;padding-top:40px;padding-bottom:200px}.hero-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto;padding:0 40px}.hero-left{flex:1;max-width:550px;z-index:2;padding-right:20px}.hero-right{flex:1;display:flex;justify-content:flex-end;position:relative;z-index:1}.hero-title{font-family:var(--font-heading);font-size:64px;font-weight:800;color:var(--primary-blue);line-height:1.1;margin-bottom:24px;letter-spacing:-1px}.hero-subtitle{font-family:var(--font-body);font-size:20px;color:var(--text-muted);line-height:1.6;margin-bottom:40px;max-width:480px;font-weight:400}.hero-buttons{display:flex;gap:16px}.btn-pill-primary{background-color:var(--primary-blue);color:#fff;padding:16px 42px;border-radius:9999px;font-family:var(--font-body);font-weight:700;font-size:16px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0a264740}.btn-pill-primary:hover{transform:translateY(-2px);background-color:#144272}.btn-pill-outline{background-color:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue);padding:16px 42px;border-radius:9999px;font-family:var(--font-body);font-weight:700;font-size:16px;cursor:pointer;transition:all .2s ease}.btn-pill-outline:hover{background-color:#f1f5f9}.floating-widgets-container{max-width:1280px;margin:-160px auto 100px;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;z-index:10}.widget-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;height:540px;border:1px solid #f1f5f9;cursor:pointer}.widget-card:hover{transform:translateY(-8px);box-shadow:0 25px 30px -5px #00000026;border-color:#e2e8f0}.widget-header{background:var(--primary-blue);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.widget-title{font-family:var(--font-heading);font-size:17px;font-weight:700;color:#fff;margin:0}.widget-body{padding:24px;flex:1;display:flex;flex-direction:column}.widget-image-container{width:100%;height:180px;border-radius:8px;overflow:hidden;margin-bottom:20px;background:#f1f5f9}.widget-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.widget-card:hover .widget-image{transform:scale(1.05)}.widget-text{font-family:var(--font-body);color:var(--text-main);line-height:1.5;margin-bottom:12px;flex-grow:1}.widget-text strong,.widget-text h4{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--primary-blue);display:block;margin-bottom:8px;line-height:1.3}.widget-text p{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.widget-meta{font-size:12px;color:#94a3b8;margin-top:8px;display:block;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.widget-rating{display:flex;align-items:center;gap:6px;margin-top:8px;font-weight:600;font-size:14px;color:var(--text-main)}.widget-link{font-size:14px;font-weight:700;color:#0a2647;text-decoration:none;margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #f1f5f9;width:100%;transition:color .2s}.widget-link:after{content:"→";font-size:18px;opacity:0;transform:translate(-10px);transition:all .2s}.widget-card:hover .widget-link{color:var(--accent-gold)}.widget-card:hover .widget-link:after{opacity:1;transform:translate(0)}.dark .hero-section{background:#0f172a}.dark .hero-title{color:#f1f5f9}.dark .hero-subtitle{color:#cbd5e1}.dark .btn-pill-outline{color:#f1f5f9;border-color:#475569}.dark .btn-pill-outline:hover{background-color:#1e293b}.dark .widget-card{background:#1e293b;border-color:#334155}.dark .widget-header,.dark .widget-image-container{background:#334155}.dark .widget-text strong,.dark .widget-text h4{color:#f1f5f9}.dark .widget-text p{color:#cbd5e1}.dark .widget-meta{color:#94a3b8}.dark .widget-rating{color:#f1f5f9}.dark .widget-link{color:#f1f5f9;border-top-color:#334155}.dark .widget-card:hover .widget-link{color:#fbbf24}@media(max-width:1024px){.hero-title{font-size:48px}.floating-widgets-container{grid-template-columns:repeat(2,1fr);margin-top:-60px}.hero-section{padding-bottom:100px}}@media(max-width:768px){.hero-container{flex-direction:column-reverse;text-align:center;padding:0 20px}.hero-left{text-align:center;margin-top:30px;padding-right:0}.hero-right{justify-content:center;width:100%}.hero-right>div{height:300px!important}.floating-widgets-container{grid-template-columns:1fr;padding:0 20px;margin-top:-40px}.widget-card{height:auto;min-height:auto}.hero-buttons{justify-content:center}}@media(max-width:480px){.hero-title{font-size:36px;margin-bottom:16px}.hero-subtitle{font-size:16px;margin-bottom:24px}.btn-pill-primary,.btn-pill-outline{padding:14px 28px;font-size:15px}.hero-buttons{flex-direction:column;gap:12px}.hero-buttons button{width:100%}.widget-image-container{height:160px}}.stats-section{padding:80px 20px;background:linear-gradient(135deg,var(--primary-blue) 0%,#061830 100%);color:#fff;margin-top:60px;position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:-50px;left:-50px;width:200px;height:200px;border-radius:50%;background:#ffc4361a;filter:blur(40px)}.stats-container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center;position:relative;z-index:2}.stat-item h3{font-family:var(--font-heading);font-size:48px;font-weight:800;color:var(--accent-gold);margin-bottom:8px;line-height:1}.stat-item p{font-family:var(--font-body);font-size:18px;color:#ffffffe6;font-weight:500;letter-spacing:.5px}.features-section{padding:100px 20px;background-color:#f8fafc}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-title{font-family:var(--font-heading);font-size:42px;font-weight:800;color:var(--primary-blue);margin-bottom:20px;position:relative;display:inline-block}.section-subtitle{font-family:var(--font-body);font-size:18px;color:var(--text-muted);line-height:1.6}.features-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:#fff;padding:40px 30px;border-radius:24px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px -10px #0000001a;border-color:var(--accent-gold)}.feature-icon-wrapper{width:60px;height:60px;background:#f1f5f9;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--primary-blue);transition:all .3s ease}.feature-card:hover .feature-icon-wrapper{background:var(--primary-blue);color:var(--accent-gold)}.feature-title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text-main);margin-bottom:12px}.feature-desc{font-family:var(--font-body);font-size:16px;color:var(--text-muted);line-height:1.6}.dark .features-section{background-color:#0f172a}.dark .feature-card{background-color:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d}.dark .feature-card:hover{border-color:var(--accent-gold);box-shadow:0 20px 40px -10px #00000080}.dark .section-title,.dark .feature-title{color:#f1f5f9}.dark .section-subtitle,.dark .feature-desc{color:#94a3b8}.dark .feature-icon-wrapper{background:#ffffff0d;color:#f1f5f9}@media(max-width:1024px){.stats-container{grid-template-columns:repeat(2,1fr);gap:40px}}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:20px}.stats-section{padding:60px 20px;margin-top:40px}}.featured-courses-section{padding:100px 20px;background-color:#fff}.course-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.course-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #f1f5f9;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s ease;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a;border-color:#e2e8f0}.course-thumbnail{width:100%;height:180px;position:relative;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-card:hover .course-thumbnail img{transform:scale(1.05)}.course-badge{position:absolute;top:12px;left:12px;background:#0a2647e6;color:#fff;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.course-content{padding:20px 24px;flex:1;display:flex;flex-direction:column;text-align:center}.course-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:8px;line-height:1.4}.course-meta-centered{display:flex;justify-content:center;margin-bottom:16px}.course-icon-wrapper{width:40px;height:40px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.course-footer{margin-top:auto;padding-top:16px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.course-price{display:flex;flex-direction:column}.original-price{font-size:14px;color:var(--text-light);text-decoration:line-through}.current-price{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--primary-blue)}.btn-pill-sm{background-color:#0a26470d;color:var(--primary-blue);padding:10px 20px;border-radius:99px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s}.course-card:hover .btn-pill-sm{background-color:var(--primary-blue);color:#fff}.dark .featured-courses-section{background-color:#0f172a}.dark .course-card{background-color:#1e293b;border-color:#334155}.dark .course-title{color:#f1f5f9}.dark .course-meta{color:#94a3b8}.dark .current-price{color:#f1f5f9}.dark .course-footer{border-top-color:#334155}@media(max-width:1024px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.course-grid{grid-template-columns:1fr;max-width:400px}.featured-courses-section{padding:60px 20px}}.testimonials-section{padding:100px 20px;background-color:#f8fafc;text-align:center}.testimonials-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.testimonial-card{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--accent-gold)}.quote-icon{position:absolute;top:20px;left:20px;font-size:40px;color:#0a26471a;font-family:serif;line-height:1}.student-avatar{width:80px;height:80px;border-radius:50%;background:#f1f5f9;margin-bottom:20px;overflow:hidden;border:3px solid white;box-shadow:0 4px 6px #0000001a}.student-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-text{font-family:var(--font-body);font-size:16px;color:var(--text-muted);line-height:1.6;margin-bottom:20px;font-style:italic}.student-info h4{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:4px}.student-info p{font-size:14px;color:var(--primary-blue);font-weight:600}.dark .testimonials-section{background-color:#0f172a}.dark .testimonial-card{background-color:#1e293b;border-color:#334155}.dark .testimonial-text{color:#cbd5e1}.dark .student-info h4{color:#f1f5f9}.dark .student-info p{color:var(--accent-gold)}.dark .quote-icon{color:#ffffff1a}@media(max-width:1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.testimonials-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{width:100%;padding-right:45px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%)!important;background:transparent!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;margin:0!important;padding:4px!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease;z-index:2;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.password-toggle-btn:hover{color:#0ea5e9}.password-toggle-btn:active{color:#0284c7}.password-toggle-btn:focus{outline:none}.password-toggle-btn svg{width:20px;height:20px;pointer-events:none}.password-toggle-btn::selection{background:transparent}.auth-page{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;align-items:center;justify-content:center;padding:80px 20px}.auth-card{background:#fff;max-width:420px;width:100%;padding:40px 34px;border-radius:16px;box-shadow:0 25px 60px #00000040;text-align:center}.auth-card h2{font-size:30px;margin-bottom:10px;color:#0f2027}.auth-subtitle{font-size:14px;color:#475569;margin-bottom:30px;line-height:1.6}.input-group label{font-size:13px;font-weight:600;color:#0f2027;margin-bottom:6px;display:block}.input-group input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #cbd5e1;font-size:14px;outline:none;transition:border .2s ease,box-shadow .2s ease}.auth-btn{width:100%;padding:14px;margin-top:10px;background:#ffcc70;color:#000;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #00000040}.auth-footer{margin-top:22px;font-size:14px;color:#475569}.auth-footer span{color:#0f2027;font-weight:600;cursor:pointer}.auth-footer span:hover{text-decoration:underline}.dark .auth-card{background:#020617;color:#e6f0f3}.dark .auth-card h2,.dark .input-group label{color:#ffcc70}.dark .auth-subtitle,.dark .auth-footer{color:#cbd5e1}.dark .input-group input{background:#020617;border:1px solid #334155;color:#e6f0f3}.password-strength-meter{margin-top:8px;font-family:Inter,sans-serif}.strength-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.strength-label{color:#64748b;font-weight:500}.strength-value{font-weight:700;text-transform:capitalize}.strength-value.weak{color:#ef4444}.strength-value.moderate{color:#f59e0b}.strength-value.strong{color:#10b981}.strength-bars{display:flex;gap:4px;height:4px;margin-bottom:8px}.bar{flex:1;border-radius:2px;transition:background-color .3s ease;background-color:#e2e8f0}.dark .bar{background-color:#334155}.strength-feedback{list-style:none;padding:0;margin:8px 0 0}.strength-feedback li{font-size:12px;color:#64748b;line-height:1.4;margin-bottom:2px}.dark .strength-feedback li{color:#94a3b8}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);padding:20px}.admin-login-card{width:100%;max-width:420px;background:#fff;padding:42px 36px;border-radius:18px;box-shadow:0 30px 80px #00000040;text-align:center}.dark .admin-login-card{background:#020617}.admin-login-card h2{font-size:28px;font-weight:700;margin-bottom:8px;color:#0f2027}.dark .admin-login-card h2{color:#ffcc70}.subtitle{font-size:14px;color:#64748b;margin-bottom:28px}.input-group{text-align:left;margin-bottom:18px}.input-group label{font-size:13px;font-weight:600;color:#334155;margin-bottom:6px;display:block}.dark .input-group label{color:#cbd5e1}.input-group input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #cbd5e1;font-size:14px;outline:none;transition:border .2s ease,box-shadow .2s ease}.input-group input:focus{border-color:#ffcc70;box-shadow:0 0 0 3px #ffcc704d}.admin-login-card button[type=submit]{width:100%;margin-top:10px;padding:12px;border-radius:12px;border:none;background:#ffcc70;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.admin-login-card button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px #00000040}.admin-login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.admin-login-footer{margin-top:20px;font-size:14px;color:#64748b}.admin-login-footer span{cursor:pointer;font-weight:600}.admin-login-footer span:hover{color:#ffcc70}@media(max-width:480px){.admin-login-card{padding:32px 24px}}.study-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2f7);padding:80px 20px 60px}.dark .study-page{background:linear-gradient(180deg,#020617,#020617)}.study-container{max-width:1100px;margin:auto;text-align:center}.study-container h2{font-size:36px;font-weight:700;margin-bottom:10px;color:#0f2027}.dark .study-container h2{color:#ffcc70}.study-subtitle{font-size:16px;color:#475569;max-width:700px;margin:0 auto 50px;line-height:1.6}.dark .study-subtitle{color:#cbd5e1}.study-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.study-card{background:#fff;border-radius:18px;padding:30px 26px;border:1px solid #e5e7eb;text-align:left;transition:transform .25s ease,box-shadow .25s ease}.study-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}.study-card h3{font-size:22px;margin-bottom:12px;color:#0f2027}.dark .study-card h3{color:#ffcc70}.study-card p{font-size:15px;color:#475569;margin-bottom:18px;line-height:1.6}.dark .study-card p{color:#cbd5e1}.study-card button{padding:10px 18px;background:#ffcc70;color:#000;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.study-card button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000040}.subject-list{margin-top:20px}.subject-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:#f8fafc;margin-bottom:10px}.subject-row span{font-size:15px;font-weight:500}.subject-row button{background:transparent;color:#ffcc70;font-weight:600;padding:6px 10px}.subject-row button:hover{text-decoration:underline}.loading-text,.empty-text{font-size:14px;color:#64748b}.dark .subject-row{background:#020617}.dark .loading-text,.dark .empty-text{color:#cbd5e1}@media(max-width:640px){.study-container h2{font-size:28px}.study-grid{grid-template-columns:1fr}}.subjects-page{max-width:1200px;margin:0 auto;padding:40px 20px 80px;background:linear-gradient(135deg,#f8fafc,#e8f0fe);min-height:100vh}.dark .subjects-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.subjects-header{text-align:center;margin-bottom:60px;padding-bottom:30px;border-bottom:2px solid rgba(10,38,71,.1)}.dark .subjects-header{border-bottom-color:#ffffff1a}.subjects-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#0a2647,#ffc436);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Outfit,sans-serif;letter-spacing:-.5px}.subjects-header p{font-size:1.125rem;color:#576f8c;font-weight:500;font-family:Inter,sans-serif}.dark .subjects-header p{color:#cbd5e1}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.subject-card{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:2rem 1.75rem;cursor:pointer;border:2px solid rgba(10,38,71,.08);box-shadow:0 8px 24px #0a26471f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#0a2647,#ffc436);transform:scaleX(0);transition:transform .3s ease}.dark .subject-card{background:#1e293be6;border-color:#ffffff14}.subject-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0a26472e;border-color:#ffc4364d}.subject-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#0a2647;font-family:Outfit,sans-serif}.subject-card span{font-size:.95rem;font-weight:700;color:#ffc436;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.dark .subject-card span{color:#ffc436}@media(max-width:640px){.subjects-page{padding:30px 16px 60px}.subjects-header{margin-bottom:40px}.subjects-header h1{font-size:2rem}.subjects-header p{font-size:1rem}.subjects-grid{grid-template-columns:1fr;gap:1.5rem}}.topics-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2f7);padding:80px 20px 60px}.dark .topics-page{background:linear-gradient(180deg,#020617,#020617)}.topics-container{max-width:1100px;margin:auto;text-align:center}.topics-container h2{font-size:36px;font-weight:700;margin-bottom:10px;color:#0f2027}.dark .topics-container h2{color:#ffcc70}.topics-subtitle{font-size:16px;color:#475569;max-width:680px;margin:0 auto 40px;line-height:1.6}.dark .topics-subtitle{color:#cbd5e1}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.topic-card{background:#fff;border-radius:16px;padding:26px 22px;text-align:left;border:1px solid #e5e7eb;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.topic-card h4{font-size:18px;margin-bottom:10px;color:#0f2027}.topic-card span{font-size:14px;font-weight:600;color:#ffcc70}.topic-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}.dark .topic-card{background:#020617;border-color:#334155}.dark .topic-card h4{color:#e6f0f3}.no-topics{font-size:15px;color:#64748b;margin-top:20px}.dark .no-topics{color:#cbd5e1}.topics-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;font-size:16px;color:#475569}@media(max-width:640px){.topics-container h2{font-size:28px}}.sets-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2f7);padding:80px 20px 60px}.dark .sets-page{background:linear-gradient(180deg,#020617,#020617)}.sets-container{max-width:1100px;margin:auto;text-align:center}.sets-container h2{font-size:36px;font-weight:700;margin-bottom:10px;color:#0f2027}.dark .sets-container h2{color:#ffcc70}.sets-subtitle{font-size:16px;color:#475569;max-width:700px;margin:0 auto 40px;line-height:1.6}.dark .sets-subtitle{color:#cbd5e1}.sets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.set-card{background:#fff;border-radius:18px;padding:26px 22px;border:1px solid #e5e7eb;cursor:pointer;text-align:left;transition:transform .25s ease,box-shadow .25s ease}.set-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}.set-badge{display:inline-block;padding:6px 14px;border-radius:999px;background:#ffcc7033;color:#0f2027;font-weight:700;font-size:14px;margin-bottom:14px}.dark .set-badge{background:#ffcc7026;color:#ffcc70}.set-info{display:flex;justify-content:space-between;align-items:center}.set-questions{font-size:14px;color:#475569}.set-action{font-size:14px;font-weight:600;color:#ffcc70}.dark .set-card{background:#020617;border-color:#334155}.dark .set-questions{color:#cbd5e1}@media(max-width:640px){.sets-container h2{font-size:28px}.set-info{flex-direction:column;align-items:flex-start;gap:8px}}.mock-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2f7);padding:80px 20px;overflow-x:hidden;max-width:100vw;width:100%;position:relative}.mock-page *,.mock-page *:before,.mock-page *:after{box-sizing:border-box}.instruction-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.instruction-modal{background:#fff;border-radius:12px;max-width:95vw;width:95vw;max-height:95vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.instruction-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;border-radius:20px 20px 0 0;text-align:center}.instruction-header h2{font-size:32px;font-weight:700;margin:0 0 12px}.test-info{font-size:16px;opacity:.95;margin:0;font-weight:500}.instruction-content{padding:32px;display:flex;flex-direction:column;gap:24px}.instruction-section{background:#f8fafc;padding:24px;border-radius:12px;border-left:4px solid #667eea}.instruction-section.warning{background:#fef3c7;border-left-color:#f59e0b}.instruction-section h3{font-size:18px;font-weight:700;margin:0 0 16px;color:#1e293b}.instruction-section ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.instruction-section li{font-size:15px;line-height:1.6;color:#475569}.instruction-section li strong{color:#1e293b}.legend-box{display:inline-block;width:18px;height:18px;border-radius:4px;vertical-align:middle;margin-right:6px}.legend-box.attempted{background:#22c55e}.legend-box.marked{background:#8b5cf6}.legend-box.unattempted{background:#e5e7eb}.instruction-footer{padding:24px 32px 32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.start-test-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px 48px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #10b98166}.start-test-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98180}.start-test-btn:active{transform:translateY(0)}.back-btn{background:#e5e7eb;color:#475569;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#d1d5db;transform:translateY(-2px)}.mock-header{max-width:1200px;margin:auto auto 24px;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;flex-wrap:wrap;gap:12px}.mock-header h2{font-size:28px;font-weight:700}.timer{background:#ffcc70;padding:6px 16px;border-radius:999px;font-weight:700}.mock-layout{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:24px;width:100%;box-sizing:border-box;overflow-x:hidden}.mock-layout.submitted-view{display:block}.mock-sidebar{background:#fff;padding:20px;border-radius:16px;border:1px solid #e5e7eb;max-height:calc(100vh - 180px);overflow-y:auto;overflow-x:hidden;position:sticky;top:100px;min-width:0;scrollbar-gutter:stable}.mock-sidebar::-webkit-scrollbar{width:6px}.mock-sidebar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.mock-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.mock-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.palette-title{font-size:16px;font-weight:600;margin-bottom:12px}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.palette-btn{padding:10px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease}.palette-btn:hover{transform:scale(1.05)}.unattempted{background:#e5e7eb}.attempted{background:#22c55e;color:#fff}.marked{background:#8b5cf6;color:#fff}.marked-attempted{background:linear-gradient(135deg,#22c55e,#8b5cf6);color:#fff}.legend{font-size:13px;display:flex;flex-direction:column;gap:6px}.exit-btn{margin-top:20px;width:100%;background:none;border:none;color:#475569;cursor:pointer;font-weight:600}.mock-main{background:#fff;padding:28px;border-radius:18px;border:1px solid #e5e7eb;min-height:400px;display:flex;flex-direction:column;overflow-x:hidden;max-width:100%;min-width:0}.question-box{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;max-width:100%}.question-box h3{margin-bottom:16px;overflow-wrap:break-word;word-wrap:break-word}.question-box img{max-width:100%;height:auto;border-radius:8px;margin-top:10px;display:block}.option{display:flex;gap:10px;padding:12px;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:10px;cursor:pointer;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.option.selected{border-color:#ffcc70;background:#ffcc7033}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:12px}.left-actions{display:flex;gap:10px;flex-wrap:wrap}.action-bar button{padding:10px 18px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;font-size:14px;font-weight:600;color:#0f2027;cursor:pointer;transition:all .2s ease}.action-bar button:hover:not(:disabled){background:#f8fafc;transform:translateY(-1px);box-shadow:0 6px 14px #0000001f}.action-bar button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.action-bar .primary{background:#ffcc70;font-weight:700}.action-bar .primary{background:#ffcc70;border-color:#ffcc70;color:#000;font-weight:700}.action-bar .primary:hover:not(:disabled){background:#fbbf24}.action-bar button.marked{background:#8b5cf626;border-color:#8b5cf6;color:#6d28d9}.action-bar button.marked:hover{background:#8b5cf640}.dark .action-bar button{background:#020617;border-color:#334155;color:#e6f0f3}.dark .action-bar button:hover:not(:disabled){background:#020617}.dark .action-bar .primary{background:#ffcc70;color:#000}.dark .action-bar button.marked{background:#8b5cf633;color:#c4b5fd}.result-card{text-align:center}.result-stats{display:flex;justify-content:center;gap:40px;margin:24px 0}.stat-box{display:flex;flex-direction:column;align-items:center}.result-stats strong{font-size:28px;display:block}.result-stats span{font-size:14px;color:#64748b}.result-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.review-box{margin-top:24px;text-align:left}.review-item{padding:12px;border-bottom:1px solid #e5e7eb}.answer-content img{max-width:100%;height:auto;display:block}@media(max-width:900px){.mock-layout{display:flex;flex-direction:column}.mock-main{order:1;min-height:auto}.mock-sidebar{order:2;width:100%;position:static;max-height:400px}.instruction-modal{max-height:95vh;border-radius:16px}.instruction-header{padding:24px;border-radius:16px 16px 0 0}.instruction-header h2{font-size:24px}.test-info{font-size:14px}.instruction-content{padding:20px;gap:16px}.instruction-section{padding:16px}.instruction-section h3{font-size:16px}.instruction-section li{font-size:14px}.instruction-footer{padding:16px 20px 24px;flex-direction:column}.start-test-btn,.back-btn{width:100%;padding:14px 24px}}.section-header-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1;font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;margin-bottom:20px;box-shadow:0 2px 6px #0ea5e926;text-transform:uppercase;letter-spacing:.5px;border:1px solid #7dd3fc}.dark .section-header-badge{background:linear-gradient(135deg,#0c4a6e,#075985);color:#e0f2fe;border-color:#0369a1;box-shadow:0 2px 6px #0000004d}.section-divider{height:1px;background:#e5e7eb;margin:12px 0 24px;width:100%}.result-actions button{padding:10px 15px;margin-right:10px;background:#00a8ff;color:#fff;border:none;cursor:pointer}@media(max-width:480px){.mock-page{padding:60px 10px 20px}.mock-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.mock-header h2{font-size:20px;line-height:1.3}.result-card .result-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin:20px 0}.stat-box{background:#f8fafc;padding:12px;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-box strong{font-size:20px;margin-bottom:4px;display:block}.stat-box span{font-size:12px}.result-actions{flex-direction:column;gap:10px}.result-actions button{width:100%;margin:0;padding:14px;font-size:15px;justify-content:center}.action-bar{flex-direction:column;gap:12px;align-items:stretch}.left-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.left-actions button{width:100%;padding:12px 8px;font-size:13px;white-space:nowrap}.action-bar .primary{width:100%;margin-top:10px}}@media print{@page{margin:.3cm!important;size:A4 portrait}.mock-header,.mock-sidebar,.action-bar,.result-actions,.instruction-overlay,nav,.navbar,footer,.footer,button,.timer,.exit-btn,.palette,.legend,.palette-title,.section-title{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}html,body{margin:0!important;padding:0!important;width:100%!important;height:auto!important}.mock-page{background:#fff!important;padding:0!important;margin:0!important;min-height:auto!important;height:auto!important}.mock-layout{display:block!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;gap:0!important}.mock-main{border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;max-width:100%!important;width:100%!important;min-height:auto!important}.result-card{page-break-inside:avoid;padding:0!important;margin:0!important;width:100%!important}.result-card h3{font-size:14px!important;margin:0 0 5px!important;padding:0!important;text-align:center;font-weight:700;line-height:1.2!important}.result-card:before{content:"Mock Test Results - Naya Savera";display:block;font-size:12px!important;font-weight:700;text-align:center;margin:0!important;padding:3px 0!important;border-bottom:1px solid #000;line-height:1.2!important}.result-stats{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:3px!important;margin:5px 0!important;padding:0!important;page-break-inside:avoid}.stat-box{border:1px solid #ccc!important;padding:3px 2px!important;margin:0!important;text-align:center;page-break-inside:avoid}.stat-box strong{font-size:11px!important;display:block;margin:0!important;padding:0!important;line-height:1.1!important}.stat-box span{font-size:8px!important;display:block;margin:0!important;padding:0!important;line-height:1.1!important}.review-box{margin:8px 0 0!important;padding:0!important}.review-item{page-break-inside:avoid;padding:5px 0!important;margin:0!important;border-bottom:1px solid #ddd}.review-item strong{font-size:10px!important;display:block;margin:0 0 3px!important;padding:0!important;line-height:1.2!important;font-weight:700}.review-item>div{margin:2px 0!important;padding:0!important}.review-item>div>div{display:flex;align-items:flex-start;gap:4px;margin:0 0 2px!important;padding:0!important;font-size:9px!important;line-height:1.2!important}.review-item span{font-size:9px!important;line-height:1.2!important;margin:0!important;padding:0!important}img{max-width:100%!important;max-height:120px!important;page-break-inside:avoid;margin:2px 0!important;padding:0!important}.review-item:nth-child(20n){page-break-after:always}*{color:#000!important;background:#fff!important;box-shadow:none!important}body{margin:0!important;padding:0!important}.answer-content{color:#000!important;font-size:9px!important;line-height:1.2!important}.review-item>div>div:last-child{color:#0a5c0a!important}p,div,span,li{line-height:1.2!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{margin:0!important;padding:0!important;line-height:1.2!important}.subscriptions-section h3{display:none!important}}.share-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.share-modal-content{background:#fff;padding:30px;border-radius:20px;width:90%;max-width:480px;box-shadow:0 10px 40px #0003;transform:translateY(0);animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.share-modal-header h3{margin:0;font-size:20px;color:#0f172a;font-weight:700;font-family:var(--font-heading, sans-serif)}.close-btn{background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.close-btn:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.share-options-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:30px}.share-btn{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;background:transparent!important;border:none;padding:0;cursor:pointer;transition:transform .2s;width:64px}.share-btn:hover{transform:translateY(-4px)}.share-icon-wrapper{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#cbd5e1;font-size:0;box-shadow:0 4px 6px #0000000d;transition:box-shadow .2s}.share-btn:hover .share-icon-wrapper{box-shadow:0 8px 12px #00000026}.share-btn.whatsapp .share-icon-wrapper{background:#25d366}.share-btn.facebook .share-icon-wrapper{background:#1877f2}.share-btn.telegram .share-icon-wrapper{background:#08c;padding-right:2px}.share-btn.twitter .share-icon-wrapper{background:#000}.share-btn.linkedin .share-icon-wrapper{background:#0077b5}.share-btn span{font-size:11px;font-weight:500;color:#64748b;text-align:center;line-height:1.2}.copy-link-section{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 8px 8px 16px;transition:border-color .2s}.copy-link-section:focus-within{border-color:#3b82f6;background:#fff}.link-box{flex:1;font-size:13px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:12px;font-family:monospace}.copy-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;color:#3b82f6;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s}.copy-btn:hover{background:#f0f9ff;border-color:#3b82f6}.copy-btn.copied{background:#ecfdf5;border-color:#10b981;color:#10b981}@media(max-width:480px){.share-modal-content{padding:24px 20px}.share-options-grid{gap:16px}.share-btn{width:60px}.share-icon-wrapper{width:50px;height:50px}}.paper-generator{width:100%;max-width:900px;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);padding:36px;border-radius:24px;border:2px solid rgba(229,231,235,.5);box-shadow:0 20px 60px #00000014,0 0 1px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;margin-top:24px}.paper-generator:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);background-size:200% 100%;animation:gradientShift 3s ease infinite}.dark .paper-generator{background:linear-gradient(135deg,#0f172af2,#020617f2);border-color:#33415580;box-shadow:0 20px 60px #00000080,0 0 1px #ffffff1a}.generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}.dark .generator-header{border-bottom-color:#334155}.generator-header h3{font-size:24px;font-weight:800;color:#1e293b;margin:0 0 8px;letter-spacing:-.5px}.dark .generator-header h3{color:#e2e8f0}.generator-header p{font-size:14px;color:#64748b;margin:0}.dark .generator-header p{color:#94a3b8}.btn-back{padding:10px 20px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6b72804d}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6b728066}.generator-selection label{display:block;font-size:14px;font-weight:700;color:#1e293b;margin-bottom:16px;letter-spacing:.3px;text-transform:uppercase;font-size:12px}.dark .generator-selection label{color:#60a5fa}.set-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:24px}.set-btn{padding:16px 24px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);color:#1e293b;box-shadow:0 2px 8px #0000000a}.dark .set-btn{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;color:#cbd5e1;box-shadow:0 2px 8px #0000004d}.set-btn:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001f;border-color:#3b82f6}.dark .set-btn:hover{border-color:#60a5fa;box-shadow:0 8px 16px #00000080}.set-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.dark .set-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#60a5fa;box-shadow:0 8px 20px #3b82f680}.selection-info{background:linear-gradient(135deg,#dbeafe,#e0e7ff);padding:20px 24px;border-radius:12px;border-left:5px solid #3b82f6;box-shadow:0 4px 12px #3b82f61a}.dark .selection-info{background:linear-gradient(135deg,#1e3a8a,#312e81);border-left-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.selection-info p{margin:0 0 16px;font-size:15px;color:#1e40af;font-weight:500}.dark .selection-info p{color:#bfdbfe}.btn-proceed{width:100%;padding:14px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #3b82f666;letter-spacing:.5px;position:relative;overflow:hidden}.btn-proceed:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-proceed:hover:before{width:300px;height:300px}.btn-proceed:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3b82f680}.customization-form{display:flex;flex-direction:column;gap:28px}.form-section{background:#fff9;padding:24px;border-radius:16px;border:2px solid rgba(229,231,235,.8)}.dark .form-section{background:#0f172a99;border-color:#334155cc}.form-section h4{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 20px;letter-spacing:.3px;text-transform:uppercase;font-size:14px}.dark .form-section h4{color:#60a5fa}.form-group label{display:block;font-size:14px;font-weight:700;color:#1e293b;margin-bottom:8px;letter-spacing:.3px;text-transform:uppercase;font-size:12px}.dark .form-group label{color:#60a5fa}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border-radius:12px;border:2px solid #e5e7eb;font-size:15px;background:#fff;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 4px #00000005}.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background:#0f172a;border-color:#334155;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}.dark .form-group input:focus,.dark .form-group select:focus,.dark .form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26,0 4px 12px #60a5fa33}.form-group textarea{min-height:100px;resize:vertical;line-height:1.6}.improved-checkbox{margin:20px 0}.improved-checkbox label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;font-weight:600;color:#1e293b}.dark .improved-checkbox label{color:#e2e8f0}.improved-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.btn-generate{width:100%;padding:16px;margin-top:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #3b82f666;position:relative;overflow:hidden;letter-spacing:.5px}.btn-generate:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-generate:hover:before{width:300px;height:300px}.btn-generate:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3b82f680}.btn-generate:active{transform:translateY(-1px)}.preset-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-color:#bae6fd!important}.dark .preset-section{background:linear-gradient(135deg,#0c4a6e,#075985)!important;border-color:#0369a1!important}.preset-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.preset-btn{padding:14px 20px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);color:#1e293b;box-shadow:0 2px 8px #0000000a;text-align:center}.dark .preset-btn{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;color:#cbd5e1;box-shadow:0 2px 8px #0000004d}.preset-btn:hover{transform:translateY(-3px);box-shadow:0 8px 16px #3b82f633;border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.dark .preset-btn:hover{border-color:#60a5fa;box-shadow:0 8px 16px #60a5fa4d;background:linear-gradient(135deg,#1e3a8a,#1e40af)}.preset-btn:active{transform:translateY(-1px)}.preset-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.dark .preset-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#60a5fa;box-shadow:0 8px 20px #3b82f680}.form-section.collapsible h4{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:-12px -12px 0;border-radius:12px;transition:all .3s ease}.form-section.collapsible h4:hover{background:#3b82f60d}.dark .form-section.collapsible h4:hover{background:#60a5fa1a}.collapsible-content{margin-top:20px;animation:slideDown .3s ease-out}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.form-row .form-group{margin-bottom:0}.form-group input[type=range]{width:100%;height:8px;border-radius:5px;background:linear-gradient(to right,#3b82f6 0% 50%,#e5e7eb 50% 100%);outline:none;-webkit-appearance:none;appearance:none;padding:0;box-shadow:none;border:none}.dark .form-group input[type=range]{background:linear-gradient(to right,#60a5fa 0% 50%,#334155 50% 100%)}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 2px 8px #3b82f666;transition:all .2s ease}.form-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #3b82f699}.form-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;box-shadow:0 2px 8px #3b82f666;transition:all .2s ease}.form-group input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #3b82f699}.dark .form-group input[type=range]::-webkit-slider-thumb{background:#60a5fa;box-shadow:0 2px 8px #60a5fa66}.dark .form-group input[type=range]::-moz-range-thumb{background:#60a5fa;box-shadow:0 2px 8px #60a5fa66}.form-group input[type=number]{-moz-appearance:textfield;appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}@media(max-width:768px){.paper-generator{padding:24px}.preset-buttons,.form-row{grid-template-columns:1fr}.generator-header{flex-direction:column;align-items:flex-start;gap:16px}.btn-back{width:100%}}.tooltip{position:relative;display:inline-block;cursor:help}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#1e293b;color:#fff;text-align:center;border-radius:8px;padding:8px 12px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:12px;box-shadow:0 4px 12px #0000004d}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.dark .tooltip .tooltiptext{background-color:#e2e8f0;color:#1e293b}.btn-generate.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.btn-generate.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}.message{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px}.message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-left:4px solid #10b981}.message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-left:4px solid #ef4444}.dark .message.success{background:linear-gradient(135deg,#064e3b,#065f46);color:#a7f3d0}.dark .message.error{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fecaca}.advanced-generator-container{padding:20px;background:#f8fafc;height:calc(100vh - 100px);display:flex;flex-direction:column}.generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.generator-header h2{margin:0;color:#1e293b;font-size:1.5rem}.gen-actions{display:flex;gap:10px}.btn-generate{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:background .2s}.btn-generate:hover{background:#1d4ed8}.btn-secondary{background:#e2e8f0;color:#475569;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600}.generator-layout{display:grid;grid-template-columns:280px 1fr 320px;gap:20px;flex:1;overflow:hidden}.panel{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:15px;display:flex;flex-direction:column;overflow:hidden}.panel h3{margin-top:0;padding-bottom:10px;border-bottom:2px solid #f1f5f9;color:#334155;font-size:1.1rem}.config-panel{background:#fff}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:.85rem;color:#64748b;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:4px;font-size:.9rem}.form-row{display:flex;gap:10px}.form-row .form-group{flex:1}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.bank-panel{background:#fff;padding:2px!important;gap:2px}.filters{display:flex;gap:8px;flex-wrap:wrap;align-content:flex-start;margin-bottom:8px;padding-bottom:0;border-bottom:none;flex-shrink:0;flex-grow:0;align-items:center;max-height:48px;min-height:0}.filters select,.filters input{padding:5px;margin:0;height:32px;line-height:normal;border:1px solid #cbd5e1;border-radius:4px;font-size:.85rem;max-width:140px;background-color:#fff}.question-list{flex:1;overflow-y:auto;padding-right:5px;margin-top:0;min-height:0}.bank-item{background:#fff;border:1px solid #e2e8f0;padding:12px;margin-bottom:10px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.bank-item:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.bank-item.added{background:#f0fdf4;border-color:#86efac}.q-preview-wrapper{flex:1;min-width:0;display:flex;flex-direction:row;align-items:flex-start;gap:8px}.set-badge-mini{flex-shrink:0;background:#e2e8f0;color:#475569;font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:700;margin-top:2px}.q-preview-content{font-size:.95rem;font-weight:500;color:#0f172a;max-height:80px;overflow:hidden;position:relative;line-height:1.4}.q-preview-content p{margin:0;display:inline}.q-preview-content img{max-height:50px;width:auto;display:inline-block;margin:2px;vertical-align:middle;border:1px solid #eee;border-radius:4px}.q-preview-content table{font-size:.7em;width:100%;border-collapse:collapse}.q-preview-content td{border:1px solid #ccc;padding:2px}.q-preview-content:after{display:none}.bank-item.added .q-preview-content:after{display:none}.action-btn{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .2s}.btn-add{background:#3b82f6;color:#fff}.btn-add:hover{background:#2563eb}.btn-remove{background:#ef4444;color:#fff}.btn-remove:hover{background:#dc2626}.empty-msg{text-align:center;color:#94a3b8;margin-top:50px}.structure-panel{background:#fff}.sections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.btn-small{padding:4px 8px;font-size:.75rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer}.sections-tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:15px;border-bottom:1px solid #e2e8f0}.section-tab{padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-bottom:none;border-radius:6px 6px 0 0;font-size:.8rem;cursor:pointer;white-space:nowrap}.section-tab.active{background:#fff;font-weight:700;color:#2563eb;border-top:2px solid #2563eb}.active-section-editor{flex:1;display:flex;flex-direction:column;overflow:hidden}.section-name-input{font-weight:700;color:#1e293b;margin-bottom:6px}.section-inst-input{font-style:italic;color:#64748b}.section-questions{flex:1;overflow-y:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px;margin-bottom:10px;min-height:0;max-height:100%}.count-label{margin:0 0 10px;font-size:.75rem;color:#94a3b8;text-transform:uppercase}.paper-q-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px dashed #e2e8f0;font-size:.85rem}.pq-num{font-weight:700;color:#64748b}.pq-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:#334155}.remove-icon{color:#ef4444;cursor:pointer;font-weight:700}.btn-danger-small{width:100%;background:#fee2e2;color:#dc2626;border:none;padding:6px;border-radius:4px;font-size:.8rem;cursor:pointer}.btn-danger-small:hover{background:#fecaca}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.admin-container{min-height:100vh;padding:70px 20px 80px;background:linear-gradient(180deg,#f8fafc,#eef2f7);display:flex;flex-direction:column;align-items:center;color:#0f172a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell}.dark .admin-container{background:linear-gradient(180deg,#020617,#020617);color:#e6f0f3}.admin-container h2{font-size:32px;font-weight:700;margin-bottom:28px;letter-spacing:.4px;color:#0f2027}.dark .admin-container h2{color:#ffcc70}.admin-mode-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;width:100%;max-width:900px}.admin-mode-switch button{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;padding:20px 24px;border-radius:16px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.admin-mode-switch button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.admin-mode-switch button:hover:before{left:100%}.admin-mode-switch button:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:#3b82f6}.admin-mode-switch button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;font-weight:700;box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.dark .admin-mode-switch button{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;color:#cbd5e1;box-shadow:0 2px 8px #0000004d}.dark .admin-mode-switch button:hover{border-color:#60a5fa;box-shadow:0 12px 24px #00000080}.dark .admin-mode-switch button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#60a5fa;box-shadow:0 8px 20px #3b82f680}.admin-form{width:100%;max-width:900px;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);padding:36px;border-radius:24px;border:2px solid rgba(229,231,235,.5);box-shadow:0 20px 60px #00000014,0 0 1px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.admin-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);background-size:200% 100%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.dark .admin-form{background:linear-gradient(135deg,#0f172af2,#020617f2);border-color:#33415580;box-shadow:0 20px 60px #00000080,0 0 1px #ffffff1a}.admin-form label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:#1e293b;letter-spacing:.3px;text-transform:uppercase;font-size:12px}.dark .admin-form label{color:#60a5fa}.admin-form select,.admin-form input,.admin-form textarea{width:100%;padding:14px 16px;margin-bottom:20px;border-radius:12px;border:2px solid #e5e7eb;font-size:15px;background:#fff;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 4px #00000005}.admin-form textarea{min-height:120px;resize:vertical;line-height:1.6}.admin-form select:focus,.admin-form input:focus,.admin-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}.dark .admin-form select,.dark .admin-form input,.dark .admin-form textarea{background:#0f172a;border-color:#334155;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.dark .admin-form select:focus,.dark .admin-form input:focus,.dark .admin-form textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26,0 4px 12px #60a5fa33}.test-settings-box{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);padding:24px;margin:24px 0;border-radius:16px;border:2px solid rgba(229,231,235,.5);box-shadow:0 8px 24px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;width:100%;max-width:900px}.test-settings-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);background-size:200% 100%;animation:gradientShift 3s ease infinite}.dark .test-settings-box{background:linear-gradient(135deg,#0f172af2,#020617f2);border-color:#33415580;box-shadow:0 8px 24px #0006}.test-settings-title{margin:0 0 20px;font-size:14px;font-weight:700;color:#1e293b;letter-spacing:.3px;text-transform:uppercase;font-size:12px}.dark .test-settings-title{color:#60a5fa}.test-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.test-setting-item{display:flex;flex-direction:column;gap:8px}.test-setting-item label{font-size:14px;font-weight:700;color:#1e293b;margin:0;letter-spacing:.3px;text-transform:uppercase;font-size:12px}.dark .test-setting-item label{color:#60a5fa}.test-setting-item input{margin:0!important;padding:14px 16px;border-radius:12px;border:2px solid #e5e7eb;font-size:15px;background:#fff;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 4px #00000005}.dark .test-setting-item input{background:#0f172a;border-color:#334155;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.test-setting-item input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}.dark .test-setting-item input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26,0 4px 12px #60a5fa33}.test-settings-save-btn{padding:14px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #3b82f666;letter-spacing:.5px;height:fit-content;position:relative;overflow:hidden}.test-settings-save-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.test-settings-save-btn:hover:before{width:300px;height:300px}.test-settings-save-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3b82f680}.question-form-card{width:100%;max-width:900px;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);padding:36px;border-radius:24px;border:2px solid rgba(229,231,235,.5);box-shadow:0 20px 60px #00000014,0 0 1px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;margin-top:24px}.question-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);background-size:200% 100%;animation:gradientShift 3s ease infinite}.dark .question-form-card{background:linear-gradient(135deg,#0f172af2,#020617f2);border-color:#33415580;box-shadow:0 20px 60px #00000080,0 0 1px #ffffff1a}.question-form-card label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:#1e293b;letter-spacing:.3px;text-transform:uppercase;font-size:12px}.dark .question-form-card label{color:#60a5fa}.question-form-card input,.question-form-card textarea{width:100%;padding:14px 16px;margin-bottom:20px;border-radius:12px;border:2px solid #e5e7eb;font-size:15px;background:#fff;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 4px #00000005}.dark .question-form-card input,.dark .question-form-card textarea{background:#0f172a;border-color:#334155;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.question-form-card input:focus,.question-form-card textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}.dark .question-form-card input:focus,.dark .question-form-card textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26,0 4px 12px #60a5fa33}.question-form-card textarea{min-height:320px;resize:vertical;line-height:1.6;font-family:Courier New,monospace}.question-form-card .admin-help{font-size:14px;color:#64748b;margin-bottom:16px;padding:12px 16px;background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:8px}.dark .question-form-card .admin-help{color:#94a3b8;background:#60a5fa1a;border-left-color:#60a5fa}.marking-scheme-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.options-group{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}.full-width{width:100%}.admin-submit-btn{width:100%;padding:16px;margin-top:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #3b82f666;position:relative;overflow:hidden;letter-spacing:.5px}.admin-submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.admin-submit-btn:hover:before{width:300px;height:300px}.admin-submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3b82f680}.admin-submit-btn:active{transform:translateY(-1px)}.button-group{display:flex;gap:14px;margin-top:12px}.button-group button{flex:1}.admin-cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:16px;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #ef444466;letter-spacing:.5px}.admin-cancel-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ef444480}.manage-questions{margin-top:20px}.manage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px;flex-wrap:wrap}.manage-header h3{font-size:20px;font-weight:600;color:#0f2027;margin:0}.dark .manage-header h3{color:#ffcc70}.search-filter-section{display:flex;gap:16px;align-items:center;margin-bottom:24px;flex-wrap:wrap;padding:16px;background:#f5f5f5;border-radius:12px;border:2px solid #e5e7eb}.dark .search-filter-section{background:#1e293b;border-color:#334155}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-input{width:100%;padding:10px 16px;border:2px solid #ddd;border-radius:8px;font-size:14px;background:#fff;transition:all .3s ease;font-family:inherit}.dark .search-input{background:#0f172a;border-color:#475569;color:#e6f0f3}.search-input:focus{outline:none;border-color:#ffcc70;box-shadow:0 0 0 3px #ffcc701a}.clear-search-btn{position:absolute;right:12px;background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:4px;transition:all .2s ease}.clear-search-btn:hover{color:#ffcc70}.filter-set-number{display:flex;align-items:center}.set-filter{padding:10px 14px;border:2px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s ease;font-family:inherit}.dark .set-filter{background:#0f172a;border-color:#475569;color:#e6f0f3}.set-filter:focus{outline:none;border-color:#ffcc70;box-shadow:0 0 0 3px #ffcc701a}.filter-info{font-size:13px;color:#666;font-weight:500;white-space:nowrap}.dark .filter-info{color:#cbd5e1}.filters-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;width:100%;margin-top:12px;padding-top:12px;border-top:1px solid #ddd}.dark .filters-row{border-top-color:#475569}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:150px}.filter-group label{font-size:12px;font-weight:600;color:#666;margin:0}.dark .filter-group label{color:#cbd5e1}.filter-select{padding:8px 12px;border:2px solid #ddd;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;transition:all .3s ease;font-family:inherit}.dark .filter-select{background:#0f172a;border-color:#475569;color:#e6f0f3}.filter-select:focus{outline:none;border-color:#ffcc70;box-shadow:0 0 0 3px #ffcc701a}.reset-filters-btn,.export-btn{padding:8px 14px;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:fit-content}.reset-filters-btn:hover{background:#4b5563;transform:translateY(-2px)}.export-btn{background:#3b82f6}.export-btn:hover{background:#2563eb;transform:translateY(-2px)}.dark .reset-filters-btn{background:#475569}.dark .reset-filters-btn:hover{background:#64748b}.dark .export-btn{background:#3b82f6}.dark .export-btn:hover{background:#2563eb}.bulk-actions{display:flex;align-items:center;gap:16px}.select-all{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:#555}.dark .select-all{color:#cbd5e1}.select-all input{cursor:pointer;width:18px;height:18px}.delete-selected-btn{padding:10px 16px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.delete-selected-btn:hover{background:#dc2626;transform:translateY(-2px)}.no-questions{padding:40px;text-align:center;background:#f5f5f5;border-radius:12px;color:#666}.dark .no-questions{background:#1e293b;color:#cbd5e1}.reset-filter-btn{margin-top:16px;padding:10px 20px;background:#ffcc70;color:#0f2027;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-filter-btn:hover{background:#ffb84d;transform:translateY(-2px)}.questions-list{display:flex;flex-direction:column;gap:16px;max-height:800px;overflow-y:auto}.question-card{display:flex;gap:16px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.dark .question-card{background:#1e293b;border-color:#334155}.question-card:hover{box-shadow:0 4px 12px #00000014;border-color:#ffcc70}.question-checkbox{display:flex;align-items:flex-start;padding-top:4px}.question-checkbox input{width:18px;height:18px;cursor:pointer;margin-top:2px}.question-content{flex:1}.question-number{font-size:13px;font-weight:600;color:#ffcc70;margin:0 0 8px}.question-text{font-size:15px;font-weight:500;color:#0f2027;margin:0 0 12px;line-height:1.5}.dark .question-text{color:#e6f0f3}.options-display{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.option{padding:8px 12px;background:#f5f5f5;border-left:3px solid #ddd;border-radius:4px;font-size:14px;color:#555}.dark .option{background:#334155;color:#cbd5e1;border-left-color:#475569}.option.correct{background:#4caf501a;border-left-color:#4caf50;color:#2e7d32;font-weight:500}.dark .option.correct{background:#4caf5026;color:#86efac}.correct-ans{font-size:13px;color:#666;margin:0;padding:8px 12px;background:#f9f9f9;border-radius:4px}.dark .correct-ans{background:#334155;color:#cbd5e1}.question-actions{display:flex;gap:8px;align-items:flex-start;padding-top:4px}.edit-btn,.delete-btn,.duplicate-btn{padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.edit-btn{background:#3b82f6;color:#fff}.edit-btn:hover{background:#2563eb;transform:translateY(-2px)}.duplicate-btn{background:#8b5cf6;color:#fff}.duplicate-btn:hover{background:#7c3aed;transform:translateY(-2px)}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626;transform:translateY(-2px)}.admin-help{font-size:13px;color:#475569;margin-bottom:18px}.dark .admin-help{color:#cbd5e1}@media(max-width:640px){.options-group{grid-template-columns:1fr}.admin-container h2{font-size:26px}.manage-header{flex-direction:column;align-items:flex-start}.bulk-actions{width:100%;flex-direction:column}.delete-selected-btn{width:100%}.search-filter-section{flex-direction:column}.search-box,.filter-set-number,.set-filter{width:100%}.filter-info{width:100%;text-align:center}.question-card{flex-direction:column}.question-actions{width:100%;flex-direction:row}.edit-btn,.delete-btn,.duplicate-btn{flex:1}.questions-list{max-height:none}}.manage-questions-simple{width:100%;max-width:1000px;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);padding:40px;border-radius:24px;border:2px solid rgba(229,231,235,.5);box-shadow:0 20px 60px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.manage-questions-simple:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);background-size:200% 100%;animation:gradientShift 3s ease infinite}.dark .manage-questions-simple{background:linear-gradient(135deg,#0f172af2,#020617f2);border-color:#33415580;box-shadow:0 20px 60px #00000080}.manage-questions-simple h3{font-size:28px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 32px;letter-spacing:-.5px}.dark .manage-questions-simple h3{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.manage-step{margin-bottom:24px;padding:20px;background:#fff9;border-radius:16px;border:2px solid rgba(229,231,235,.8);transition:all .3s ease}.manage-step:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.dark .manage-step{background:#0f172a99;border-color:#334155cc}.dark .manage-step:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.manage-step label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1e293b;margin-bottom:12px;text-transform:none;letter-spacing:0}.manage-step label:before{content:"";width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.dark .manage-step label{color:#60a5fa}.manage-select{width:100%;padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;background:#fff;color:#1e293b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-weight:500;box-shadow:0 2px 4px #00000005}.dark .manage-select{background:#0f172a;border-color:#334155;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.manage-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}.dark .manage-select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26,0 4px 12px #60a5fa33}.manage-select:disabled{opacity:.5;cursor:not-allowed}.manage-search-input{width:100%;padding:14px 18px 14px 44px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%233b82f6" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>') no-repeat 14px center;color:#1e293b;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 4px #00000005}.dark .manage-search-input{background:#0f172a url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%2360a5fa" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>') no-repeat 14px center;border-color:#334155;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.manage-search-input::placeholder{color:#94a3b8;font-weight:400}.dark .manage-search-input::placeholder{color:#64748b}.manage-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}.dark .manage-search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26,0 4px 12px #60a5fa33}.questions-container{margin-top:36px;padding-top:28px;border-top:3px solid transparent;border-image:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899) 1}.dark .questions-container{border-image:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6) 1}.questions-info{margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-left:5px solid #3b82f6;border-radius:12px;box-shadow:0 4px 12px #3b82f61a}.dark .questions-info{background:linear-gradient(135deg,#1e3a8a,#312e81);border-left-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.questions-info p{margin:0;font-size:16px;color:#1e40af;font-weight:600}.dark .questions-info p{color:#bfdbfe}.questions-list-simple{display:flex;flex-direction:column;gap:24px}.question-card-simple{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:20px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.question-card-simple:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s ease}.question-card-simple:hover:before{opacity:1}.dark .question-card-simple{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;box-shadow:0 4px 12px #0000004d}.question-card-simple:hover{border-color:#3b82f6;box-shadow:0 12px 32px #3b82f626;transform:translateY(-4px)}.dark .question-card-simple:hover{border-color:#60a5fa;box-shadow:0 12px 32px #60a5fa40}.question-card-simple.selected{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f633;background:linear-gradient(135deg,#dbeafe4d,#e0e7ff4d)}.dark .question-card-simple.selected{border-color:#60a5fa;box-shadow:0 8px 24px #60a5fa4d;background:linear-gradient(135deg,#1e3a8a4d,#312e814d)}.question-checkbox-input{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6;border-radius:4px}.bulk-delete-btn{padding:10px 18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ef44444d;letter-spacing:.3px;white-space:nowrap}.bulk-delete-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.question-header-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.dark .question-header-simple{border-bottom-color:#334155}.question-number-simple{font-size:17px;font-weight:800;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:8px 16px;border-radius:10px;width:fit-content;box-shadow:0 4px 12px #3b82f64d;letter-spacing:.5px}.dark .question-number-simple{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px #60a5fa66}.set-badge{font-size:13px;font-weight:700;color:#6b7280;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:6px 12px;border-radius:8px;letter-spacing:.3px}.dark .set-badge{color:#cbd5e1;background:linear-gradient(135deg,#334155,#1e293b)}.question-text-simple{font-size:16px;color:#1e293b;line-height:1.7;margin:16px 0;font-weight:600;letter-spacing:.2px}.dark .question-text-simple{color:#e2e8f0}.options-display-simple{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.option-simple{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:12px;font-size:14px;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;box-shadow:0 2px 4px #00000005}.option-simple:hover{transform:translate(4px);box-shadow:0 4px 8px #00000014}.dark .option-simple{background:linear-gradient(135deg,#0f172a,#020617);border-color:#475569}.option-simple.correct-answer{background:linear-gradient(135deg,#dcfce7,#d1fae5);border-color:#22c55e;box-shadow:0 4px 12px #22c55e33;font-weight:600}.dark .option-simple.correct-answer{background:linear-gradient(135deg,#064e3b,#022c22);border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.option-letter{font-weight:800;color:#3b82f6;min-width:28px;font-size:15px;background:#3b82f61a;padding:4px 8px;border-radius:6px}.dark .option-letter{color:#60a5fa;background:#60a5fa26}.option-text{color:#1e293b;flex:1;word-break:break-word;font-weight:500}.dark .option-text{color:#e2e8f0}.checkmark{color:#22c55e;font-weight:800;font-size:18px;animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.question-actions-simple{display:flex;gap:14px;margin-top:20px;padding-top:20px;border-top:2px solid #f1f5f9}.dark .question-actions-simple{border-top-color:#334155}.btn-edit,.btn-delete{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;letter-spacing:.3px;position:relative;overflow:hidden}.btn-edit:before,.btn-delete:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-edit:hover:before,.btn-delete:hover:before{width:300px;height:300px}.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-edit:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3b82f666}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-delete:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ef444466}.no-questions{text-align:center;padding:60px 20px;color:#9ca3af}.dark .no-questions{color:#64748b}.no-questions p{font-size:16px;margin:0}.admin-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e5e7eb;padding-bottom:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab-btn{padding:12px 24px;background:transparent;color:#64748b;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:400;transition:all .3s ease;border-radius:6px 6px 0 0;flex-shrink:0}.admin-tab-btn.active{background:#2563eb;color:#fff;border-bottom-color:#2563eb;font-weight:600}.dark .admin-tab-btn{color:#cbd5e1}.dark .admin-tab-btn.active{background:#3b82f6;border-bottom-color:#3b82f6}.admin-overview{width:100%;max-width:1400px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.stat-card{padding:24px;border-radius:12px;color:#fff;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card.stat-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.stat-pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.stat-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card.stat-green{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-card h3{margin:0 0 8px;font-size:16px;opacity:.9}.stat-card p{margin:0;font-size:36px;font-weight:700}.section-title{margin-bottom:20px;color:#1f2937;font-size:20px;font-weight:600}.dark .section-title{color:#e2e8f0}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px}.action-card{padding:24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;text-align:left;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;align-items:flex-start;width:100%}.dark .action-card{background:#1e293b;border-color:#334155;box-shadow:0 2px 4px #0003}.action-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.dark .action-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.action-icon{font-size:32px;margin-bottom:12px}.action-card h4{margin:0 0 6px;color:#1f2937;font-size:18px;font-weight:600}.dark .action-card h4{color:#f1f5f9}.action-card p{margin:0;font-size:14px;color:#6b7280}.dark .action-card p{color:#94a3b8}.platform-info-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;margin-top:20px;box-shadow:0 2px 4px #00000005}.dark .platform-info-card{background:#1e293b;border-color:#334155}.info-title{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600}.dark .info-title{color:#f1f5f9}.info-grid{display:grid;gap:12px}.info-row{display:flex;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-radius:8px;align-items:center}.dark .info-row{background:#0f172a}.info-row span{color:#6b7280;font-weight:500}.dark .info-row span{color:#94a3b8}.info-row strong{color:#1f2937;font-size:16px}.dark .info-row strong{color:#f1f5f9}@media(max-width:1024px){.admin-container{padding:60px 20px}.stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.manage-questions-simple{padding:20px}.options-display-simple{grid-template-columns:1fr}.question-header-simple{flex-direction:column;align-items:flex-start;gap:8px}.question-actions-simple{flex-direction:column}.btn-edit,.btn-delete{width:100%}.admin-container{padding:80px 16px 40px}.admin-container h2{font-size:24px;margin-bottom:20px}.admin-form,.test-settings-box,.question-form-card{padding:20px}.button-group{flex-direction:column}.filters-row{flex-direction:column;align-items:stretch}.filter-group{width:100%}.manage-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;width:calc(100% + 32px);max-width:none;border-bottom:1px solid #e5e7eb;margin-bottom:24px}}@media(max-width:480px){.stats-grid,.quick-actions-grid{grid-template-columns:1fr}.admin-tab-btn{padding:10px 16px;font-size:14px}.stat-card p{font-size:28px}.admin-mode-switch{grid-template-columns:1fr}.question-checkbox input{width:24px;height:24px}.admin-form label{font-size:13px}.admin-form input,.admin-form select,.admin-form textarea{font-size:16px;padding:12px}}.section-config-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:inset 0 2px 4px #00000003}.radio-group{display:flex;gap:12px}.radio-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:#475569;transition:all .2s ease}.radio-btn:hover:not(.disabled){border-color:#3b82f6;color:#3b82f6}.radio-btn.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb;box-shadow:0 0 0 1px #3b82f6}.radio-btn.disabled{opacity:.6;cursor:not-allowed;background:#f1f5f9}.radio-btn input{accent-color:#2563eb;margin:0}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;border:1px solid #cbd5e1;border-radius:8px;padding:10px 40px 10px 14px;font-size:14px;color:#334155;font-weight:500;width:100%;cursor:pointer;transition:all .2s ease}.filter-select:hover:not(:disabled){border-color:#3b82f6;background-color:#f8fafc}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0;opacity:.8}.import-list-container{margin-top:24px;max-height:500px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 2px 4px #00000005}.import-question-item{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid #f1f5f9;background:#fff;transition:all .2s ease;cursor:pointer}.import-question-item:last-child{border-bottom:none}.import-question-item:hover{background:#f8fafc}.import-question-item.selected{background:#eff6ff}.import-question-checkbox-wrapper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.import-question-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6;margin:0}.import-question-content{flex:1;min-width:0}.question-text-preview{font-size:14px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.question-section-tag{font-size:11px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:12px;margin-top:4px;display:inline-block}.import-question-meta{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:12px}.import-question-badge{font-size:11px;font-weight:600;color:#2563eb;background:#dbeafe;padding:4px 8px;border-radius:6px;white-space:nowrap;text-transform:uppercase}.import-marks-badge{font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:6px;min-width:40px;text-align:center}.import-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0}.select-all-btn{font-size:13px;font-weight:600;color:#3b82f6;background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.select-all-btn:hover{background:#eff6ff}.import-stats{font-size:13px;color:#64748b;font-weight:500}.filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}@media(max-width:768px){.filters-grid{grid-template-columns:1fr 1fr}}.option-editor .ql-container{height:70px!important;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.option-editor .ql-toolbar{border-top-left-radius:8px;border-top-right-radius:8px;padding:2px 8px!important}.option-editor .ql-editor{min-height:50px;font-size:14px}.user-management{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #2563eb}.stat-card h4{margin:0 0 10px;color:#6b7280;font-size:14px;font-weight:500}.stat-value{margin:0;font-size:32px;font-weight:700;color:#1f2937}.controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}.filters{display:flex;gap:12px;flex:1;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.filter-select{padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.btn-primary{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s ease}.btn-primary:hover{background:#1d4ed8}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f9fafb}.users-table th{padding:16px;text-align:left;font-weight:600;color:#374151;font-size:14px;border-bottom:2px solid #e5e7eb}.users-table td{padding:16px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#4b5563}.users-table tbody tr:hover{background:#f9fafb}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.badge-user{background:#dbeafe;color:#1e40af}.badge-admin{background:#f3e8ff;color:#6b21a8}.badge-active{background:#d1fae5;color:#065f46}.badge-blocked{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px}.btn-icon{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .3s ease}.btn-edit{background:#dbeafe}.btn-edit:hover{background:#bfdbfe}.btn-block{background:#fef3c7}.btn-block:hover{background:#fde68a}.btn-delete{background:#fee2e2}.btn-delete:hover{background:#fecaca}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h3{margin:0 0 20px;color:#1f2937}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:500;font-size:14px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.form-group input[type=checkbox]{width:auto;margin-right:8px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-secondary{padding:10px 20px;background:#e5e7eb;color:#374151;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s ease}.loading{text-align:center;padding:40px;font-size:18px;color:#6b7280}@media(max-width:768px){.controls-bar{flex-direction:column;align-items:stretch}.filters{flex-direction:column}.search-input{min-width:100%}.table-container{background:transparent;box-shadow:none;overflow:visible}.users-table,.users-table tbody,.users-table tr,.users-table td{display:block;width:100%}.users-table thead{display:none}.users-table tr{background:#fff;margin-bottom:15px;border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000000d;border:1px solid #e5e7eb}.users-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:12px 0;border-bottom:1px solid #f3f4f6;font-size:14px}.users-table td:last-child{border-bottom:none;padding-bottom:0}.users-table td:before{content:attr(data-label);font-weight:600;color:#6b7280;text-align:left;margin-right:15px;flex-shrink:0}.action-buttons{justify-content:flex-end}.modal-content{padding:20px;width:95%}}.content-management{padding:20px 0}.content-management h2{margin-bottom:24px;color:#1f2937}.cm-tabs{display:flex;gap:12px;margin-bottom:32px;border-bottom:2px solid #e5e7eb;padding-bottom:0}.cm-tabs button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:500;color:#64748b;transition:all .3s ease;border-radius:6px 6px 0 0}.cm-tabs button:hover{background:#f1f5f9;color:#1f2937}.cm-section{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 12px #00000014}.cm-section h3{margin-bottom:24px;color:#1f2937;font-size:22px}.cm-form{margin-bottom:48px;padding-bottom:32px;border-bottom:2px solid #e5e7eb}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:8px;color:#374151;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.form-group small{margin-top:6px;color:#6b7280;font-size:12px}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-primary{padding:12px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.btn-secondary{padding:12px 28px;background:#e5e7eb;color:#374151;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.cm-list h3{margin-bottom:20px;color:#1f2937}.empty-message{text-align:center;padding:40px 20px;color:#6b7280;font-size:16px}.cm-items{display:grid;gap:20px}.cm-item{background:#f9fafb;padding:20px;border-radius:12px;border:2px solid #e5e7eb;transition:all .3s ease}.cm-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.cm-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.cm-item-header h4{flex:1;margin:0;color:#1f2937;font-size:18px;line-height:1.4}.status-badge,.type-badge,.category-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.draft{background:#fef3c7;color:#92400e}.status-badge.published{background:#d1fae5;color:#065f46}.type-badge.info{background:#dbeafe;color:#1e40af}.type-badge.important{background:#fed7aa;color:#9a3412}.type-badge.critical{background:#fecaca;color:#991b1b}.type-badge.success{background:#d1fae5;color:#065f46}.category-badge{background:#e0e7ff;color:#3730a3}.category-badge.national{background:#fecaca;color:#991b1b}.category-badge.international{background:#dbeafe;color:#1e40af}.category-badge.sports{background:#d1fae5;color:#065f46}.category-badge.economy{background:#fed7aa;color:#9a3412}.category-badge.science{background:#e9d5ff;color:#6b21a8}.category-badge.technology{background:#cffafe;color:#155e75}.category-badge.education{background:#fce7f3;color:#9f1239}.cm-item-excerpt{color:#4b5563;line-height:1.6;margin-bottom:12px}.cm-item-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#6b7280;margin-bottom:16px}.cm-item-actions{display:flex;gap:10px}.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb;transform:translateY(-2px)}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;transform:translateY(-2px)}@media(max-width:768px){.cm-section{padding:20px}.cm-tabs{flex-direction:column;gap:8px}.cm-tabs button{width:100%;text-align:left}.form-row{grid-template-columns:1fr}.cm-item-header{flex-direction:column;align-items:flex-start}.cm-item-meta{flex-direction:column;gap:8px}.cm-item-actions{flex-direction:column}.btn-edit,.btn-delete{width:100%}}.full-width-section{max-width:100%}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-icon-text{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;color:#4b5563;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-icon-text:hover{background:#f3f4f6;color:#1f2937}.affair-professional-form{margin-bottom:40px}.affair-form-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}.affair-main-content{display:flex;flex-direction:column;gap:24px}.input-lg{font-size:18px;padding:14px;width:100%;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box}.quill-wrapper{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.quill-wrapper .ql-container{min-height:200px;font-size:16px}.quill-wrapper .ql-toolbar{border:none;border-bottom:1px solid #e5e7eb;background:#f8fafc}.quill-wrapper .ql-container.ql-snow{border:none}.dynamic-list{display:flex;flex-direction:column;gap:12px}.list-item-row{display:flex;align-items:center;gap:12px}.bullet-indicator{font-size:24px;color:#3b82f6;line-height:1}.list-item-row input{flex:1;padding:10px;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box}.btn-icon-danger{padding:8px;color:#ef4444;background:#fef2f2;border:none;border-radius:6px;cursor:pointer}.btn-add-point{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:2px dashed #cbd5e1;background:#f8fafc;color:#64748b;border-radius:8px;cursor:pointer;margin-top:8px}.btn-add-point:hover{border-color:#3b82f6;color:#3b82f6}.affair-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.sidebar-card h4{margin-bottom:16px;color:#334155;font-size:16px;font-weight:600}.importance-selector{display:flex;gap:8px}.importance-btn{flex:1;padding:6px;font-size:13px;border:1px solid #e2e8f0;background:#fff;border-radius:4px;cursor:pointer;text-transform:capitalize;transition:all .2s}.importance-btn.active.low{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.importance-btn.active.medium{background:#ffedd5;color:#9a3412;border-color:#fed7aa}.importance-btn.active.high{background:#fee2e2;color:#991b1b;border-color:#fecaca}.image-uploader-box{display:flex;flex-direction:column;gap:12px}.upload-label{border:2px dashed #cbd5e1;border-radius:8px;padding:24px;text-align:center;cursor:pointer;background:#fff;transition:all .2s}.upload-label:hover{border-color:#3b82f6;background:#f0f9ff}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#64748b}.preview-container{position:relative;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;width:100%;max-height:250px;display:flex;justify-content:center;background:#000}.preview-container img{max-width:100%;max-height:250px;object-fit:contain}.btn-remove-img{position:absolute;top:8px;right:8px;background:#ffffffe6;color:#ef4444;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a}.url-fallback{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.url-fallback input{flex:1;padding:6px;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;width:100%;box-sizing:border-box}.btn-submit-block{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s}.btn-submit-block:hover{transform:translateY(-1px);box-shadow:0 6px 8px -1px #00000026}.btn-submit-block:disabled{opacity:.7;cursor:not-allowed}.cm-list-modern{margin-top:40px;border-top:2px solid #e5e7eb;padding-top:32px}.affair-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.affair-mini-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:transform .2s;display:flex;flex-direction:column}.affair-mini-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.card-thumb{height:140px;background-size:cover;background-position:center;position:relative;background-color:#f1f5f9}.cat-tag{position:absolute;bottom:8px;left:8px;padding:4px 10px;background:#000000b3;color:#fff;font-size:10px;border-radius:12px;text-transform:capitalize;font-weight:600}.card-body{padding:12px;flex:1;display:flex;flex-direction:column}.card-body h5{font-size:15px;font-weight:600;line-height:1.4;margin:0 0 8px;color:#1e293b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#64748b;margin-bottom:12px}.imp-dot{width:10px;height:10px;border-radius:50%}.imp-dot.low{background:#3b82f6}.imp-dot.medium{background:#f59e0b}.imp-dot.high{background:#ef4444}.card-actions{display:flex;gap:8px;margin-top:auto}.action-btn{flex:1;padding:8px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#64748b;transition:all .2s}.action-btn:hover{background:#f8fafc;color:#1f2937}.action-btn.delete:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}@media(max-width:1024px){.affair-form-grid{grid-template-columns:1fr}.affair-main-content{order:1}.affair-sidebar{order:0;margin-bottom:20px}.side-by-side{flex-direction:column}}.course-management{padding:20px}.course-management h3{margin:0 0 24px;color:#1f2937;font-size:24px}.cm-tabs{display:flex;gap:12px;margin-bottom:30px;border-bottom:2px solid #e5e7eb;padding-bottom:0}.cm-tabs button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#64748b;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:6px 6px 0 0}.cm-tabs button.active{background:#2563eb;color:#fff;border-bottom-color:#2563eb;font-weight:600}.cm-tabs button:hover:not(.active){background:#2563eb1a;color:#2563eb}.cm-section{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.cm-form-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;height:fit-content}.cm-form-card h4{margin:0 0 20px;color:#1f2937;font-size:18px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#374151;font-weight:500;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit}.form-group textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:12px;margin-top:20px}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}.cm-list-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.cm-list-card h4{margin:0 0 20px;color:#1f2937;font-size:18px;font-weight:600}.cm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.cm-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden}.cm-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.cm-item:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.cm-item-icon{font-size:2.5rem;margin-bottom:12px}.cm-item-content h5{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:600}.cm-item-content p{margin:0;color:#6b7280;font-size:13px;line-height:1.4}.cm-item-actions{display:flex;gap:8px;margin-top:12px}.cm-item-actions button{flex:1;padding:8px;background:#f3f4f6;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s ease}.cm-item-actions button:first-child:hover{background:#dbeafe}.cm-item-actions button:last-child:hover{background:#fee2e2}.cm-list{display:flex;flex-direction:column;gap:12px}.cm-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.cm-list-item:hover{background:#fff;box-shadow:0 2px 8px #00000014}.cm-list-content h5{margin:0 0 4px;color:#1f2937;font-size:15px;font-weight:600}.cm-list-content p{margin:0;color:#6b7280;font-size:13px}.course-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.course-green:before{background:linear-gradient(90deg,#10b981,#34d399)}.course-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.course-orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.course-red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.course-yellow:before{background:linear-gradient(90deg,#eab308,#facc15)}.course-pink:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.course-indigo:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.subscription-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #00000026;z-index:10}.subscription-badge.premium{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.subscription-badge.free{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.publish-status-badge{position:absolute;top:50px;right:12px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #00000026;z-index:10}.publish-status-badge.published{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.publish-status-badge.draft{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.cm-item-actions .btn-publish{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cm-item-actions .btn-publish:hover{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05)}.cm-item-actions .btn-unpublish{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.cm-item-actions .btn-unpublish:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:scale(1.05)}.subscription-settings-section{margin-top:24px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h5{margin:0;font-size:16px;font-weight:700;color:#0c4a6e}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{position:relative;width:50px;height:26px;background:#cbd5e1;border-radius:999px;transition:all .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.toggle-switch.gold-toggle input[type=checkbox]:checked+.toggle-slider{background:linear-gradient(135deg,#eab308,#ca8a04)}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px)}.featured-toggle-card{background:#fffbeb;border:2px solid #fcd34d;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;transition:all .3s ease}.featured-toggle-card:hover{box-shadow:0 4px 12px #eab30826;background:#fff9db}.featured-label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.5px}.featured-toggle-card .toggle-switch{width:auto;margin:0}.toggle-label{font-size:14px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.subscription-fields{margin-top:20px;padding-top:20px;border-top:2px dashed #bae6fd}.checkbox-group{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e0f2fe}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;border-radius:6px;transition:all .3s ease}.checkbox-label:hover{background:#f0f9ff}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#10b981}.checkbox-label span{font-size:14px;color:#475569;font-weight:500}@media(max-width:1024px){.cm-section,.form-row{grid-template-columns:1fr}.cm-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.cm-tabs{flex-direction:column}.cm-tabs button{width:100%;text-align:left}.cm-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:12px}}.admin-test-config{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.admin-test-config h3{font-size:20px;font-weight:700;margin:0 0 20px;color:#1e293b}.config-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}.config-card{background:linear-gradient(135deg,#f8fafc,#eef2f7);border:2px solid #e5e7eb;border-radius:12px;padding:18px;transition:all .3s ease}.config-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #cbd5e1}.config-header h4{margin:0;color:#1e293b;font-size:16px;font-weight:600}.duration-badge{background:#667eea;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.config-display{display:flex;flex-direction:column;gap:12px}.config-display p{margin:0;font-size:14px;color:#475569;display:flex;justify-content:space-between}.config-display p strong{color:#1e293b}.btn-edit{align-self:flex-start;background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.btn-edit:hover{background:#5568d3;transform:translateY(-2px)}.config-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#1e293b}.form-group input,.form-group select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group label{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569;cursor:pointer;margin:0}.checkbox-group input[type=checkbox]{cursor:pointer}.form-actions{display:flex;gap:12px;margin-top:12px}.btn-save,.btn-cancel{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save{background:#10b981;color:#fff}.btn-save:hover{background:#059669;transform:translateY(-2px)}.btn-cancel{background:#ef4444;color:#fff}.btn-cancel:hover{background:#dc2626;transform:translateY(-2px)}@media(max-width:768px){.config-list{grid-template-columns:1fr}}.course-access-management{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.course-access-management h2{color:#0f2027;margin-bottom:8px;font-size:24px}.course-access-management .subtitle{color:#64748b;margin-bottom:24px;font-size:14px}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.message.success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.message.error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.tab-btn{background:transparent;border:none;padding:12px 20px;cursor:pointer;color:#64748b;font-weight:500;font-size:15px;border-bottom:3px solid transparent;transition:all .3s ease;margin-bottom:-2px}.tab-btn:hover{color:#2563eb}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.view-section{margin-top:24px}.filter-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item label{font-weight:500;color:#0f2027;font-size:14px}.filter-item select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;background:#fff;color:#0f2027}.filter-item select:hover{border-color:#2563eb}.filter-item select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.loading{text-align:center;padding:40px;color:#64748b;font-size:16px}.empty-state{text-align:center;padding:60px 20px;background:#f8fafc;border-radius:8px;color:#64748b}.empty-state p{font-size:16px;margin:0}.overrides-list{overflow-x:auto;margin-top:24px}.overrides-list table{width:100%;border-collapse:collapse;font-size:14px}.overrides-list thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.overrides-list th{padding:14px 12px;text-align:left;font-weight:600;color:#0f2027}.overrides-list tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.overrides-list tbody tr:hover{background:#f8fafc}.overrides-list td{padding:14px 12px}.user-cell{display:flex;flex-direction:column;gap:4px}.user-cell .name{font-weight:500;color:#0f2027}.user-cell .email{font-size:12px;color:#64748b}.course-name{font-weight:500;color:#0f2027}.badge{display:inline-block;padding:6px 12px;border-radius:6px;font-weight:500;font-size:13px;white-space:nowrap}.badge.free{background:#22c55e1a;color:#16a34a}.badge.premium{background:#a855f71a;color:#a855f7}.date{color:#64748b;font-size:13px}.btn-delete{padding:6px 12px;background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);border-radius:6px;cursor:pointer;font-weight:500;font-size:13px;transition:all .3s ease}.btn-delete:hover:not(:disabled){background:#ef444433;border-color:#ef444466}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.create-section{max-width:600px;margin-top:24px}.create-section form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:500;color:#0f2027;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease;background:#fff;color:#0f2027}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cbd5e1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;transition:all .3s ease}.radio-label:hover{background:#f8fafc;border-color:#2563eb}.radio-label input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:#2563eb}.radio-label span{color:#0f2027;font-weight:500;font-size:14px}.btn-submit{padding:12px 24px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #2563eb4d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(prefers-color-scheme:dark){.course-access-management{background:#1a1a1a;box-shadow:0 2px 8px #0000004d}.course-access-management h2{color:#fff}.course-access-management .subtitle{color:#b0b0b0}.filter-item label,.form-group label,.radio-label span,.user-cell .name,.course-name,.overrides-list th,.tab-btn{color:#fff}.tabs{border-bottom-color:#333}.tab-btn{color:#b0b0b0}.tab-btn.active{color:#60a5fa;border-bottom-color:#60a5fa}.tab-btn:hover{color:#60a5fa}.filter-item select,.form-group input,.form-group select,.form-group textarea{background:#2a2a2a!important;color:#fff!important;border-color:#555!important}.filter-item select::placeholder,.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#888!important}.filter-item select:hover,.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#60a5fa!important;background:#333!important}.filter-item select:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#60a5fa!important;box-shadow:0 0 0 3px #60a5fa1a!important;background:#333!important}.filter-item select option,.form-group select option{background:#2a2a2a!important;color:#fff!important}.overrides-list thead{background:#2a2a2a;border-bottom-color:#333}.overrides-list tbody tr{border-bottom-color:#333}.overrides-list tbody tr:hover{background:#252525}.overrides-list td{color:#e0e0e0}.user-cell .email,.date{color:#a0a0a0}.radio-label{border-color:#444;background:#252525;color:#fff}.radio-label:hover{background:#2a2a2a;border-color:#60a5fa}.btn-delete{background:#ef444426;color:#ff6b6b;border-color:#ef44444d}.btn-delete:hover:not(:disabled){background:#ef444440;border-color:#ef444480}.empty-state{background:#252525;color:#b0b0b0}.loading{color:#b0b0b0}.message{border-color:#ffffff1a}.message.success{background:#22c55e26;color:#4ade80}.message.error{background:#ef444426;color:#ff6b6b;border-color:#ef44444d}}@media(max-width:768px){.course-access-management{padding:20px}.filter-group{grid-template-columns:1fr}.overrides-list table{font-size:12px}.overrides-list th,.overrides-list td{padding:10px 8px}.create-section{max-width:100%}}.contact-messages-container{padding:20px;max-width:1400px;margin:0 auto}.contact-messages-container h2{font-size:28px;color:#0f2027;margin-bottom:30px}.dark .contact-messages-container h2{color:#f1f5f9}.contact-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:24px;border-radius:12px;text-align:center;border:2px solid #e6f0f3;transition:all .3s ease}.dark .stat-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#334155}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.stat-value{font-size:36px;font-weight:700;color:#ffcc70;margin-bottom:8px}.stat-label{font-size:14px;color:#666;font-weight:500}.contact-filters{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-buttons button{padding:10px 20px;border:2px solid #e6f0f3;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;color:#0f2027}.dark .filter-buttons button{background:#1e293b;border-color:#334155;color:#f1f5f9}.filter-buttons button:hover{border-color:#ffcc70;background:#ffcc701a}.filter-buttons button.active{background:#ffcc70;border-color:#ffcc70;color:#0f2027}.search-input{flex:1;min-width:300px;padding:10px 16px;border:2px solid #e6f0f3;border-radius:8px;font-size:15px}.dark .search-input{background:#1e293b;border-color:#334155;color:#f1f5f9}.search-input:focus{outline:none;border-color:#ffcc70}.messages-list{display:grid;gap:16px}.message-card{background:#fff;border:2px solid #e6f0f3;border-radius:12px;padding:20px;transition:all .3s ease}.dark .message-card{background:#1e293b;border-color:#334155}.message-card:hover{border-color:#ffcc70;box-shadow:0 4px 12px #0000001a}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.message-date{font-size:13px;color:#999}.dark .message-date{color:#94a3b8}.message-info{font-size:16px;color:#0f2027;margin-bottom:8px}.dark .message-info{color:#f1f5f9}.message-subject{font-size:14px;color:#666;margin-bottom:8px}.dark .message-subject{color:#cbd5e1}.message-preview{font-size:14px;color:#999;margin-bottom:16px;line-height:1.6}.dark .message-preview{color:#94a3b8}.message-actions{display:flex;gap:10px;flex-wrap:wrap}.message-actions button{padding:8px 16px;border:none;background:#ffcc70;color:#0f2027;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .3s ease}.message-actions button:hover{background:#ffb84d;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.dark .modal-content{background:#1e293b}.modal-header{padding:24px;border-bottom:2px solid #e6f0f3;display:flex;justify-content:space-between;align-items:center}.dark .modal-header{border-bottom-color:#334155}.modal-header h3{margin:0;font-size:24px;color:#0f2027}.dark .modal-header h3{color:#f1f5f9}.close-btn{background:none;border:none;font-size:32px;cursor:pointer;color:#999;line-height:1;padding:0;width:32px;height:32px}.close-btn:hover{color:#ff6b6b}.detail-row{margin-bottom:16px;font-size:15px;color:#0f2027}.dark .detail-row{color:#f1f5f9}.detail-row strong{color:#666;margin-right:8px}.dark .detail-row strong{color:#cbd5e1}.message-content{margin:24px 0}.message-text{background:#f9fafb;padding:16px;border-radius:8px;border-left:4px solid #ffcc70;margin-top:8px;white-space:pre-wrap;line-height:1.6;color:#0f2027}.dark .message-text{background:#334155;color:#f1f5f9}.admin-notes{margin-top:24px}.admin-notes textarea{width:100%;padding:12px;border:2px solid #e6f0f3;border-radius:8px;font-family:inherit;font-size:14px;margin-top:8px;resize:vertical}.dark .admin-notes textarea{background:#334155;border-color:#475569;color:#f1f5f9}.admin-notes button{margin-top:12px;padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.admin-notes button:hover{background:#45a049}.modal-footer{padding:20px 24px;border-top:2px solid #e6f0f3;display:flex;gap:12px;justify-content:flex-end}.dark .modal-footer{border-top-color:#334155}.modal-footer button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-primary{background:#ffcc70;color:#0f2027}.btn-primary:hover{background:#ffb84d}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-danger{background:#ff6b6b;color:#fff}.btn-danger:hover{background:#ff5252}.modal-footer button:not(.btn-primary):not(.btn-danger){background:#e6f0f3;color:#0f2027}.dark .modal-footer button:not(.btn-primary):not(.btn-danger){background:#334155;color:#f1f5f9}.reply-modal{max-width:800px}.reply-compose{margin:20px 0}.reply-compose label{display:block;margin-bottom:8px;color:#0f2027}.dark .reply-compose label{color:#f1f5f9}.reply-compose textarea{width:100%;padding:12px;border:2px solid #e6f0f3;border-radius:8px;font-family:inherit;font-size:15px;resize:vertical}.dark .reply-compose textarea{background:#334155;border-color:#475569;color:#f1f5f9}.reply-options{margin:16px 0}.reply-options label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#0f2027}.dark .reply-options label{color:#f1f5f9}.reply-options input[type=checkbox]{width:18px;height:18px;cursor:pointer}.loading,.no-messages{text-align:center;padding:60px 20px;color:#999;font-size:16px}.dark .loading,.dark .no-messages{color:#94a3b8}@media(max-width:768px){.contact-filters{flex-direction:column}.search-input{min-width:100%}.modal-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}.message-actions{flex-direction:column}.message-actions button{width:100%}}.legal-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2f7);padding:100px 20px 60px}.dark .legal-page{background:linear-gradient(180deg,#020617,#020617)}.legal-container{max-width:900px;margin:auto;background:#fff;padding:50px 46px;border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 25px 60px #00000014}.dark .legal-container{background:#020617;border-color:#334155}.legal-container h1{font-size:36px;font-weight:700;margin-bottom:18px;color:#0f2027}.dark .legal-container h1{color:#ffcc70}.legal-container h2{font-size:20px;margin:28px 0 10px;color:#0f2027}.dark .legal-container h2{color:#ffcc70}.legal-container p{font-size:15px;line-height:1.7;color:#475569}.dark .legal-container p{color:#cbd5e1}.legal-intro{font-size:16px;margin-bottom:24px}.legal-footer{margin-top:36px;font-size:14px;color:#64748b}@media(max-width:640px){.legal-container{padding:32px 24px}.legal-container h1{font-size:28px}}.stats-card{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1.75rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 24px #0a26471f;border:1px solid rgba(10,38,71,.08);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a2647,#ffc436);opacity:0;transition:opacity .3s ease}.stats-card:hover:before{opacity:1}.stats-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0a26472e;border-color:#ffc4364d}.dark .stats-card{background:#1e293be6;border-color:#ffffff14}.stats-card-blue{border-left:5px solid #0A2647}.stats-card-purple{border-left:5px solid #6366f1}.stats-card-green{border-left:5px solid #10b981}.stats-card-orange{border-left:5px solid #FFC436}.stats-card-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:linear-gradient(135deg,#0a264714,#ffc43614);transition:all .3s ease}.stats-card:hover .stats-card-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#0a26471f,#ffc43626)}.dark .stats-card-icon{background:#ffc4361a}.stats-card-content{flex:1}.stats-card-title{font-size:.9rem;color:#576f8c;margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.dark .stats-card-title{color:#94a3b8}.stats-card-value{font-size:1.875rem;font-weight:800;color:#0a2647;margin:.5rem 0 .25rem;font-family:Outfit,sans-serif;letter-spacing:-.5px}.dark .stats-card-value{color:#f8fafc}.stats-card-subtitle{font-size:.8rem;color:#94a3b8;margin:0;font-weight:500}.stats-card-trend{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;margin-top:.5rem;padding:.25rem .75rem;border-radius:999px;background:#ffffff80}.stats-card-trend.positive{color:#10b981;background:#10b9811a}.stats-card-trend.negative{color:#ef4444;background:#ef44441a}.quick-actions-container{background:transparent;width:100%}.actions-title{font-size:1.5rem;font-weight:800;color:#0a2647;margin-bottom:1.75rem;font-family:Outfit,sans-serif;display:flex;align-items:center;gap:.75rem}.actions-title:before{content:"⚡";font-size:1.75rem}.dark .actions-title{color:#f8fafc}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem}.action-card{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;border-radius:20px;padding:1.75rem;display:flex;align-items:center;gap:1.5rem;cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0a26471a;border:1px solid rgba(10,38,71,.08);position:relative;overflow:hidden}.action-card:after{content:"→";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%) translate(10px);opacity:0;font-size:1.5rem;font-weight:700;color:#ffc436;transition:all .3s ease}.action-card:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.dark .action-card{background:#1e293be6;border-color:#ffffff14}.action-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0a26472e;border-color:#ffc4364d}.action-card-purple{border-bottom:5px solid #6366f1}.action-card-blue{border-bottom:5px solid #0A2647}.action-card-green{border-bottom:5px solid #10b981}.action-card-orange{border-bottom:5px solid #FFC436}.action-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:linear-gradient(135deg,#0a264714,#ffc43614);flex-shrink:0;transition:all .3s ease}.action-card:hover .action-icon{transform:scale(1.15) rotate(-5deg);background:linear-gradient(135deg,#0a26471f,#ffc43626)}.dark .action-icon{background:#ffc4361a}.action-content{flex:1}.action-content h4{margin:0;font-size:1.1rem;color:#0a2647;font-weight:700;font-family:Outfit,sans-serif;margin-bottom:.25rem}.dark .action-content h4{color:#f8fafc}.action-content p{margin:0;font-size:.85rem;color:#576f8c;font-weight:500}.dark .action-content p{color:#94a3b8}.dashboard-courses-container{margin-top:1.5rem}.courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.courses-title{font-size:1.5rem;font-weight:800;margin:0;color:#0a2647;font-family:Outfit,sans-serif;display:flex;align-items:center;gap:.75rem}.courses-title:before{content:"🎓";font-size:1.75rem}.dark .courses-title{color:#f8fafc}.view-all-btn{background:transparent;border:2px solid #0A2647;color:#0a2647;padding:.625rem 1.5rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;font-family:Inter,sans-serif;position:relative;overflow:hidden}.view-all-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,196,54,.2),transparent);transition:left .5s}.view-all-btn:hover:before{left:100%}.dark .view-all-btn{border-color:#ffc436;color:#ffc436}.view-all-btn:hover{background:linear-gradient(135deg,#0a2647,#144272);color:#fff;transform:translate(4px);box-shadow:0 4px 12px #0a26474d}.dark .view-all-btn:hover{background:linear-gradient(135deg,#ffc436,#ffb800);color:#0a2647}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}.course-card{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0a26471a;border:2px solid rgba(10,38,71,.08);position:relative;overflow:hidden}.course-card:hover{box-shadow:0 12px 32px #0a26472e;transform:translateY(-6px);border-color:#ffc4364d}.course-card-blue{border-left:5px solid #0A2647}.course-card-blue:hover{background:linear-gradient(135deg,#0a26470d,#0a264714)}.course-card-green{border-left:5px solid #10b981}.course-card-green:hover{background:linear-gradient(135deg,#10b9810d,#10b98114)}.course-card-purple{border-left:5px solid #6366f1}.course-card-purple:hover{background:linear-gradient(135deg,#6366f10d,#6366f114)}.course-card-orange{border-left:5px solid #FFC436}.course-card-orange:hover{background:linear-gradient(135deg,#ffc4360d,#ffc43614)}.course-icon{font-size:3rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#0a264714,#ffc43614);border-radius:16px;transition:all .3s ease}.course-card:hover .course-icon{transform:scale(1.1) rotate(-5deg);background:linear-gradient(135deg,#0a26471f,#ffc43626)}.dark .course-icon{background:#ffc4361a}.course-info h4{font-size:1.15rem;font-weight:700;margin:0 0 .5rem;color:#0a2647;font-family:Outfit,sans-serif}.dark .course-info h4{color:#f8fafc}.course-info p{font-size:.9rem;color:#576f8c;margin:0 0 1rem;line-height:1.5;font-weight:500}.dark .course-info p{color:#94a3b8}.progress-bar{width:100%;height:8px;background:#0a26471a;border-radius:999px;overflow:hidden;margin-bottom:.5rem}.dark .progress-bar{background:#ffffff1a}.progress-fill{height:100%;background:linear-gradient(90deg,#0a2647,#ffc436);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #ffc43680}.progress-text{font-size:.85rem;color:#576f8c;font-weight:700}.dark .progress-text{color:#94a3b8}.more-courses-hint{margin-top:1.75rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#0a26470d,#ffc43614);border-left:5px solid #FFC436;border-radius:12px;color:#0a2647;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.dark .more-courses-hint{background:#ffc4361a;border-left-color:#ffc436;color:#ffc436}@media(max-width:768px){.courses-grid{grid-template-columns:1fr}.courses-header{flex-direction:column;align-items:flex-start;gap:1rem}.view-all-btn{width:100%;justify-content:center}}:root{--primary-blue: #0A2647;--accent-gold: #FFC436;--bg-light: #f8fafc;--bg-white: #ffffff;--text-main: #0B2447;--text-muted: #576F8C;--text-light: #94a3b8;--border-light: #e2e8f0;--shadow-sm: 0 2px 8px rgba(10, 38, 71, .08);--shadow-md: 0 4px 16px rgba(10, 38, 71, .12);--shadow-lg: 0 8px 24px rgba(10, 38, 71, .16)}.user-dashboard{padding:2.5rem;max-width:1400px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e8f0fe);font-family:Inter,sans-serif}.dark .user-dashboard{background:linear-gradient(135deg,#0f172a,#1e293b)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(10,38,71,.1)}.dark .dashboard-header{border-bottom-color:#ffffff1a}.dashboard-header h1{font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--primary-blue) 0%,#144272 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Outfit,sans-serif;letter-spacing:-.5px}.dark .dashboard-header h1{background:linear-gradient(135deg,#f8fafc 0%,var(--accent-gold) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-header p{margin:.5rem 0 0;color:var(--text-muted);font-size:1.1rem;font-weight:500}.dark .dashboard-header p{color:#cbd5e1}.header-actions{display:flex;gap:1rem}.btn-export{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--primary-blue) 0%,#144272 100%);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.btn-export:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-export:hover:before{left:100%}.dark .btn-export{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-export:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0a264740}.btn-export:active{transform:translateY(-1px)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;margin-bottom:2rem}.stats-container{grid-column:span 12;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:1.5rem}.main-chart-section{grid-column:span 8}.gauge-section{grid-column:span 4}.bottom-section{grid-column:span 12;display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;margin-top:1.5rem}.subject-chart-section{grid-column:span 12}.actions-section,.courses-section,.recent-attempts-section{grid-column:span 12;margin-top:0}.dashboard-loading{display:flex;justify-content:center;align-items:center;height:60vh;font-size:1.5rem;font-weight:600;color:var(--primary-blue);background:linear-gradient(135deg,#f8fafc,#e8f0fe)}.dark .dashboard-loading{color:var(--accent-gold);background:linear-gradient(135deg,#0f172a,#1e293b)}.recent-tests-table-container{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;box-shadow:var(--shadow-lg);border:1px solid rgba(10,38,71,.1);overflow:hidden;transition:all .3s ease}.recent-tests-table-container:hover{box-shadow:0 12px 32px #0a264733;transform:translateY(-2px)}.dark .recent-tests-table-container{background:#1e293bcc;border-color:#ffffff1a}.recent-tests-table-container h3{margin:0 0 1.75rem;font-size:1.5rem;color:var(--primary-blue);font-weight:800;font-family:Outfit,sans-serif;display:flex;align-items:center;gap:.75rem}.recent-tests-table-container h3:before{content:"📊";font-size:1.75rem}.dark .recent-tests-table-container h3{color:#f8fafc}.recent-tests-table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px;overflow-x:auto}.recent-tests-table th{text-align:left;padding:1.25rem 1rem;color:var(--text-muted);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#0a26470d,#0a264705);border-bottom:2px solid var(--accent-gold);position:sticky;top:0;z-index:10}.dark .recent-tests-table th{color:#94a3b8;background:#ffffff0d;border-bottom-color:var(--accent-gold)}.recent-tests-table td{padding:1.25rem 1rem;color:var(--text-main);border-bottom:1px solid rgba(10,38,71,.08);font-size:.95rem;font-weight:500;transition:all .2s ease}.dark .recent-tests-table td{color:#e2e8f0;border-bottom-color:#ffffff14}.recent-tests-table tbody tr{transition:all .3s ease}.recent-tests-table tbody tr:hover{background:linear-gradient(90deg,#ffc43614,#0a26470d);transform:scale(1.01)}.recent-tests-table tbody tr:hover td{color:var(--primary-blue)}.dark .recent-tests-table tbody tr:hover{background:#ffc4361a}.dark .recent-tests-table tbody tr:hover td{color:#f8fafc}.recent-tests-table .badge{padding:.5rem 1rem;border-radius:999px;font-size:.85rem;font-weight:800;display:inline-block;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.recent-tests-table .badge:hover{transform:scale(1.05)}.empty-state{padding:3rem 2rem;text-align:center;color:var(--text-muted);background:linear-gradient(135deg,#0a264708,#ffc4360d);border-radius:16px;border:2px dashed rgba(10,38,71,.2);margin-top:1.5rem;font-size:1.1rem;font-weight:600}.empty-state:before{content:"📝";display:block;font-size:3rem;margin-bottom:1rem}.dark .empty-state{background:#ffffff08;border-color:#ffffff1a;color:#94a3b8}@media(max-width:1024px){.main-chart-section,.gauge-section,.subject-chart-section{grid-column:span 12}.actions-section,.daily-goal-section,.leaderboard-section,.calendar-section,.notification-section{grid-column:span 12!important;margin-bottom:2rem}.dashboard-grid{gap:1.5rem}}@media(max-width:768px){.user-dashboard{padding:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.dashboard-header h1{font-size:2rem}.stats-container{grid-template-columns:1fr}.recent-tests-table-container{padding:1.5rem;overflow-x:auto}.btn-export{width:100%;justify-content:center}.recent-tests-table{display:block;width:100%}.recent-tests-table thead{display:none}.recent-tests-table tbody{display:block;width:100%}.recent-tests-table tr{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-light);border-radius:12px;margin-bottom:1rem;padding:1rem;box-shadow:var(--shadow-sm)}.recent-tests-table tr:last-child{margin-bottom:0}.recent-tests-table td{display:flex;justify-content:flex-start;align-items:flex-start;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--border-light);text-align:left}.recent-tests-table td:before{content:attr(data-label);font-weight:700;color:var(--text-muted);min-width:90px;flex-shrink:0;font-size:.8rem;text-transform:uppercase}.cell-content{flex:1;font-weight:500;color:var(--text-main);word-break:break-word;text-align:left!important;align-items:flex-start!important}.topic-cell{gap:2px}.recent-tests-table td[data-label=Course] .cell-content,.recent-tests-table td[data-label=Subject] .cell-content{font-weight:600;color:var(--primary-blue)}}@media(max-width:480px){.dashboard-header h1{font-size:1.75rem}.recent-tests-table-container h3{font-size:1.25rem}}.chart-card,.weakness-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:var(--shadow-sm);height:100%;border:1px solid var(--border-light)}.chart-card h3,.weakness-card h3{margin:0 0 1.5rem;color:var(--primary-blue);font-size:1.2rem;font-weight:700}.weakness-item{margin-bottom:1.2rem}.weakness-item:last-child{margin-bottom:0}.topic-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem;font-weight:600;color:var(--text-main)}.topic-score{color:var(--text-muted)}.progress-bg{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:.8rem}.progress-fill{height:100%;border-radius:4px;transition:width 1s ease-in-out}.practice-btn{width:100%;padding:.5rem;background:#fff;border:1px solid #ef4444;color:#ef4444;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.practice-btn:hover{background:#ef4444;color:#fff}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-header h3{margin:0}.badge-warning{background:#fef2f2;color:#ef4444;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.empty-weakness{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted)}.course-progress-container{margin-top:1rem}.course-progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:.3rem;font-weight:600}.course-progress-track{height:6px;background:#0000000d;border-radius:3px;overflow:hidden}.course-progress-bar{height:100%;background:currentColor;border-radius:3px}.heatmap-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:var(--shadow-sm);grid-column:span 12;margin-bottom:2rem;border:1px solid var(--border-light)}.heatmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.heatmap-header h3{margin:0;color:var(--primary-blue);font-size:1.2rem;font-weight:700}.heatmap-legend{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.legend-box{width:12px;height:12px;border-radius:2px;transition:all .2s ease}.heatmap-grid-container{overflow-x:auto;padding-bottom:.5rem}.heatmap-grid{display:grid;grid-template-columns:repeat(52,1fr);grid-template-rows:repeat(7,1fr);gap:4px;width:100%;min-width:600px}.heatmap-cell{width:100%;aspect-ratio:1;border-radius:2px;background:#ebedf0;cursor:pointer;transition:all .2s ease}.heatmap-cell:hover{transform:scale(1.2);z-index:10}.level-0{background:#ebedf0}.level-1{background:#9be9a8}.level-2{background:#40c463}.level-3{background:#30a14e}.level-4{background:#216e39}.dark .heatmap-card{background:#1e293bcc;border-color:#ffffff1a}.dark .level-0{background:#161b22}.dark .level-1{background:#0e4429}.dark .level-2{background:#006d32}.dark .level-3{background:#26a641}.dark .level-4{background:#39d353}.custom-tooltip{background:var(--primary-blue)!important;color:#fff!important;border-radius:8px!important;padding:8px 12px!important;font-size:.85rem!important;box-shadow:0 4px 12px #00000026!important}@media(max-width:768px){.heatmap-grid{grid-template-columns:repeat(26,1fr)}}.smart-resume-banner{grid-column:span 12;background:linear-gradient(135deg,#4f46e5,#3730a3);border-radius:16px;padding:2.5rem;color:#fff;position:relative;overflow:hidden;margin-bottom:2rem;box-shadow:0 10px 30px -5px #4f46e54d;display:flex;justify-content:space-between;align-items:center}.banner-content{display:flex;justify-content:space-between;align-items:center;width:100%;z-index:10;flex-wrap:wrap;gap:2rem}.banner-text h1{font-size:2rem;margin:0 0 .5rem;font-weight:800;color:#fff}.banner-text p{font-size:1.1rem;margin:0;opacity:.9;font-weight:400}.banner-actions{display:flex;align-items:center;gap:1.5rem}.last-activity-badge{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 1.25rem;border-radius:12px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1)}.last-activity-badge .label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.8}.last-activity-badge .value{font-size:1.2rem;font-weight:700;margin-top:.2rem}.btn-resume{background:#fff;color:#4f46e5;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000001a}.btn-resume:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.btn-resume .icon{font-size:.8rem;background:#4f46e5;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:2px}.banner-decoration{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.circle{position:absolute;border-radius:50%;background:#ffffff0d}.c1{width:300px;height:300px;top:-100px;right:-50px}.c2{width:200px;height:200px;bottom:-80px;left:10%}.dark .smart-resume-banner{background:linear-gradient(135deg,#312e81,#1e1b4b);box-shadow:0 10px 30px -5px #00000080}@media(max-width:768px){.smart-resume-banner{flex-direction:column;padding:1.5rem;align-items:flex-start;text-align:left}.banner-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.banner-text h1{font-size:1.75rem}.banner-text p{font-size:1rem}.banner-actions{width:100%;flex-direction:column;align-items:stretch;gap:1rem}.last-activity-badge{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.last-activity-badge .value{margin-top:0}.btn-resume{justify-content:center;width:100%}.heatmap-card{padding:1rem}.heatmap-grid-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:1rem}}@media(max-width:480px){.dashboard-header h1{font-size:1.75rem}.recent-tests-table-container h3{font-size:1.25rem}.banner-text h1{font-size:1.5rem}}.notification-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:var(--shadow-sm);height:100%;border:1px solid var(--border-light);display:flex;flex-direction:column}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.notification-header h3{margin:0;color:var(--primary-blue);font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.notification-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;display:inline-block}.btn-clear{background:transparent;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;font-weight:500}.btn-clear:hover{color:var(--primary-blue);text-decoration:underline}.notification-list{flex:1;overflow-y:auto;max-height:350px;padding-right:5px}.notification-item{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-light);cursor:pointer;position:relative;transition:all .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#00000005;border-radius:8px;padding:.75rem;margin:-0px -8px;width:calc(100% + 16px)}.notification-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.notification-content{flex:1}.notification-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.notification-content h4{margin:0;font-size:.95rem;color:var(--text-main);font-weight:600}.notification-content p{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.4}.notification-time{font-size:.7rem;color:#94a3b8;white-space:nowrap;margin-left:.5rem}.unread-indicator{width:6px;height:6px;background:#2563eb;border-radius:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.notification-item.unread .notification-content h4{font-weight:700;color:#0f172a}.empty-notification-content{display:flex;flex:1;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);min-height:200px}.dark .notification-card{background:#1e293bcc;border-color:#ffffff1a}.dark .notification-item:hover{background:#ffffff0d}.dark .notification-content h4{color:#e2e8f0}.dark .notification-content p{color:#94a3b8}.notification-section{grid-column:span 4}@media(max-width:1024px){.notification-section{grid-column:span 12}}.notification-footer{padding-top:1rem;border-top:1px solid var(--border-light);text-align:center;margin-top:auto}.view-all-link{font-size:.85rem;color:var(--primary-blue);font-weight:600;text-decoration:none;transition:all .2s}.view-all-link:hover{text-decoration:underline}@media(max-width:768px){.recent-attempts-section{background:transparent!important;box-shadow:none!important;padding:0!important}.recent-tests-table-container h3{padding-left:.5rem;margin-bottom:1rem}}.daily-goal-section{grid-column:span 12}@media(min-width:1024px){.daily-goal-section{grid-column:span 4;grid-row:span 2}}.goal-tracker-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:var(--shadow-sm);height:100%;border:1px solid var(--border-light);display:flex;flex-direction:column}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.goal-header h3{margin:0;color:var(--primary-blue);font-size:1.1rem;font-weight:700}.goal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.chart-container{position:relative;width:100%;height:120px;display:flex;align-items:center;justify-content:center}.chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:700;color:var(--text-main)}.goal-details{margin-top:1rem;width:100%}.goal-status{font-size:1rem;font-weight:600;color:var(--text-main);margin-bottom:.25rem}.goal-motivation{font-size:.85rem;color:var(--text-muted)}.goal-reached{color:#10b981;display:flex;align-items:center;gap:.5rem;justify-content:center}.btn-edit-goal{background:transparent;border:1px solid var(--border-medium);border-radius:6px;padding:.25rem .75rem;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-edit-goal:hover{background:#f1f5f9}.goal-edit-input{display:flex;flex-direction:column;gap:.5rem;align-items:center}.goal-edit-input input{width:80px;text-align:center;padding:.5rem;border:1px solid var(--border-medium);border-radius:8px;font-size:1rem;font-weight:600}.dark .goal-tracker-card{background:#1e293bcc;border-color:#ffffff1a}.dark .chart-center-text{color:#fff}.dark .goal-status{color:#e2e8f0}.leaderboard-section{grid-column:span 12}@media(min-width:1024px){.leaderboard-section{grid-column:span 4}}.leaderboard-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:var(--shadow-sm);height:100%;border:1px solid var(--border-light);display:flex;flex-direction:column}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.leaderboard-header h3{margin:0;color:var(--primary-blue);font-size:1.1rem;font-weight:700}.period-badge{background:#f1f5f9;color:var(--text-muted);font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:500}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:8px;background:#f8fafc;transition:all .2s}.leaderboard-item:hover{transform:translate(4px);background:#fff;box-shadow:0 4px 6px -1px #0000001a}.rank-1{background:linear-gradient(to right,#fffbeb,#fff);border:1px solid #f9d86a}.rank-2{background:linear-gradient(to right,#f8fafc,#fff);border:1px solid #e2e8f0}.rank-3{background:linear-gradient(to right,#fff7ed,#fff);border:1px solid #fdba74}.rank-icon{width:24px;display:flex;justify-content:center;font-weight:700;color:var(--text-muted)}.user-info{flex:1;display:flex;align-items:center;gap:.75rem;padding-left:.5rem}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.user-name{font-size:.9rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.user-score{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:700;color:var(--text-main);background:#fbbf241a;padding:2px 8px;border-radius:6px}.dark .leaderboard-card{background:#1e293bcc;border-color:#ffffff1a}.dark .leaderboard-item{background:#ffffff0d}.dark .user-name{color:#e2e8f0}.dark .rank-1,.dark .rank-2,.dark .rank-3{background:#ffffff1a;border-color:#fff3}@media(max-width:768px){.leaderboard-section{grid-column:span 12!important}}.calendar-widget-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:var(--shadow-sm);height:100%;border:1px solid var(--border-light);display:flex;flex-direction:column}.calendar-header-custom{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.calendar-header-custom h3{margin:0;color:var(--primary-blue);font-size:1.1rem;font-weight:700}.calendar-container{flex:1;margin-bottom:1rem;display:flex;justify-content:center}.custom-react-calendar{width:100%!important;border:none!important;background:transparent!important;font-family:Inter,sans-serif!important}.react-calendar__navigation{margin-bottom:.5rem!important}.react-calendar__navigation button{font-weight:600;font-size:.9rem}.react-calendar__tile{padding:.5rem .2rem!important;position:relative;border-radius:8px;transition:all .2s;font-weight:500}.react-calendar__tile:enabled:hover{background-color:#f1f5f9!important}.react-calendar__tile--now{background:#e0e7ff!important;color:var(--primary-blue)!important}.react-calendar__tile--active{background:var(--primary-blue)!important;color:#fff!important}.calendar-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%}.dot-red{background-color:#ef4444}.dot-blue{background-color:#3b82f6}.calendar-event-details{padding-top:1rem;border-top:1px solid var(--border-light)}.event-date-title{font-size:.9rem;color:var(--text-muted);margin:0 0 .75rem;font-weight:500}.event-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:#f8fafc;border-left:4px solid var(--primary-blue)}.event-card.test{border-color:#ef4444;background:#fef2f2}.event-icon{font-size:1.25rem}.event-info{display:flex;flex-direction:column}.event-type{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-title{font-size:.95rem;font-weight:600;color:var(--text-main)}.no-event-text{font-size:.9rem;color:var(--text-muted);font-style:italic;margin:0;padding:.5rem 0}.dark .calendar-widget-card{background:#1e293bcc;border-color:#ffffff1a}.dark .react-calendar__tile:enabled:hover{background-color:#ffffff1a!important}.dark .react-calendar__tile--now{background:#2563eb33!important}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.about-page{background:#f9fafb}.about-hero{min-height:70vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,204,112,.1) 0%,transparent 50%);pointer-events:none}.about-hero-content{max-width:900px;z-index:1}.about-hero-content h1{font-size:64px;font-weight:700;color:#ffcc70;letter-spacing:1px;margin-bottom:16px}.about-hero-content p{font-size:22px;color:#e6f0f3;line-height:1.6}.mission-vision{padding:80px 20px;background:#fff}.mv-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.mv-card{background:linear-gradient(135deg,#f0f4f8,#fff);padding:40px;border-radius:15px;text-align:center;border:2px solid #e6f0f3;transition:all .3s ease}.mv-card:hover{transform:translateY(-8px);border-color:#ffcc70;box-shadow:0 12px 24px #ffcc701a}.mv-icon{font-size:56px;margin-bottom:16px;display:inline-block}.mv-card h3{font-size:28px;color:#0f2027;margin-bottom:16px}.mv-card p{color:#555;font-size:16px;line-height:1.8}.values-section{padding:80px 20px;background:#f9fafb;text-align:center}.values-section h2{font-size:48px;color:#0f2027;margin-bottom:60px}.values-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.value-card{background:#fff;padding:30px;border-radius:12px;text-align:left;border-left:5px solid #ffcc70;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.value-card:hover{transform:translateY(-6px);box-shadow:0 8px 16px #0000001a}.value-card h4{font-size:20px;color:#0f2027;margin-bottom:12px}.value-card p{color:#666;line-height:1.7;font-size:15px}.features-section{padding:80px 20px;background:#fff;text-align:center}.features-section h2{font-size:48px;color:#0f2027;margin-bottom:60px}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-item{background:linear-gradient(135deg,#f8f9fa,#fff);padding:40px 30px;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid #e6f0f3}.feature-item:hover{transform:translateY(-10px);box-shadow:0 12px 24px #00000014;border-color:#ffcc70}.feature-icon{font-size:48px;margin-bottom:20px}.feature-item h4{font-size:20px;color:#0f2027;margin-bottom:12px}.feature-item p{color:#666;line-height:1.7;font-size:15px}.about-cta{padding:80px 20px;background:linear-gradient(135deg,#0f2027,#203a43);text-align:center}.cta-content h2{font-size:48px;color:#ffcc70;margin-bottom:16px}.cta-content p{font-size:18px;color:#e6f0f3;margin-bottom:30px}.cta-btn{padding:16px 40px;background-color:#ffcc70;color:#0f2027;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-btn:hover{background:#ffb84d;transform:translateY(-2px);box-shadow:0 10px 20px #ffcc704d}.dark .about-page{background:#0f172a}.dark .mission-vision{background:#1e293b}.dark .mv-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#334155}.dark .mv-card h3{color:#f1f5f9}.dark .mv-card p{color:#cbd5e1}.dark .values-section{background:#0f172a}.dark .values-section h2{color:#f1f5f9}.dark .value-card{background:#1e293b;border-left-color:#ffcc70}.dark .value-card h4{color:#f1f5f9}.dark .value-card p{color:#cbd5e1}.dark .features-section{background:#1e293b}.dark .features-section h2{color:#f1f5f9}.dark .feature-item{background:linear-gradient(135deg,#334155,#1e293b);border-color:#334155}.dark .feature-item h4{color:#f1f5f9}.dark .feature-item p{color:#cbd5e1}@media(max-width:768px){.about-hero-content h1{font-size:42px}.about-hero-content p{font-size:18px}.mv-container{grid-template-columns:1fr;gap:30px}.values-section h2,.features-section h2{font-size:36px;margin-bottom:40px}.cta-content h2{font-size:36px}.features-grid,.values-grid{grid-template-columns:1fr}}.courses-page{background:linear-gradient(135deg,#f8fafc,#e8f0fe)}.dark .courses-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.courses-hero{min-height:70vh;background:linear-gradient(135deg,#0a2647,#144272,#0a2647);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px;position:relative;overflow:hidden}.courses-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(255,196,54,.15) 0%,transparent 50%);pointer-events:none}.courses-hero-content{max-width:900px;z-index:1}.courses-hero-content h1{font-size:4rem;font-weight:800;color:#ffc436;letter-spacing:-.5px;margin-bottom:1.5rem;font-family:Outfit,sans-serif;text-shadow:0 4px 12px rgba(0,0,0,.2)}.courses-hero-content p{font-size:1.375rem;color:#e8f0fe;line-height:1.7;font-family:Inter,sans-serif;font-weight:500}.courses-grid-section{padding:80px 20px;background:linear-gradient(135deg,#fff,#f8fafc);text-align:center}.dark .courses-grid-section{background:linear-gradient(135deg,#1e293b,#0f172a)}.courses-grid-section h2{font-size:3rem;color:#0a2647;margin-bottom:60px;font-weight:800;font-family:Outfit,sans-serif;background:linear-gradient(135deg,#0a2647,#ffc436);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .courses-grid-section h2{background:linear-gradient(135deg,#f8fafc,#ffc436);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.courses-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.course-card{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2.25rem;border-radius:20px;text-align:center;border:2px solid rgba(10,38,71,.08);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0a26471f;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#0a2647,#ffc436);transform:scaleX(0);transition:transform .3s ease}.course-card:hover:before{transform:scaleX(1)}.dark .course-card{background:#1e293be6;border-color:#ffffff14}.course-card:hover{transform:translateY(-10px);border-color:#ffc43666;box-shadow:0 16px 40px #0a264733}.course-icon{font-size:3.5rem;margin-bottom:1.5rem}.course-card h3{font-size:1.5rem;color:#0a2647;margin-bottom:1rem;font-weight:700;font-family:Outfit,sans-serif}.dark .course-card h3{color:#f8fafc}.course-desc{color:#576f8c;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem;flex-grow:1;font-family:Inter,sans-serif}.course-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;text-align:left;font-size:.9rem;color:#0a2647}.dark .course-meta{color:#cbd5e1}.meta-item{background:linear-gradient(135deg,#0a26470d,#ffc4360d);padding:.75rem;border-radius:10px;border-left:4px solid #FFC436;transition:all .2s ease}.meta-item:hover{background:linear-gradient(135deg,#0a264714,#ffc43614);transform:translate(4px)}.meta-item strong{color:#0a2647;font-weight:700}.dark .meta-item{background:#ffc43614}.dark .meta-item strong{color:#f8fafc}.course-cta{background:linear-gradient(135deg,#ffc436,#ffb800);color:#0a2647;border:none;padding:.875rem 1.75rem;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:auto;font-family:Inter,sans-serif;box-shadow:0 4px 12px #ffc4364d}.course-cta:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ffc43666}.course-benefits{padding:80px 20px;background:#f9fafb;text-align:center}.course-benefits h2{font-size:48px;color:#0f2027;margin-bottom:60px}.benefits-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.benefit-card{background:#fff;padding:30px;border-radius:12px;border:1px solid #e6f0f3;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.benefit-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000001a;border-color:#ffcc70}.benefit-icon{font-size:32px;color:#ffcc70;display:inline-block;background:#ffcc701a;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:20px}.benefit-card h4{font-size:18px;color:#0f2027;margin-bottom:12px}.benefit-card p{color:#666;font-size:14px;line-height:1.7}.courses-cta{padding:80px 20px;background:linear-gradient(135deg,#0f2027,#203a43);text-align:center}.courses-cta .cta-content h2{font-size:48px;color:#ffcc70;margin-bottom:16px}.courses-cta .cta-content p{font-size:18px;color:#e6f0f3;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.courses-cta .cta-btn{padding:16px 40px;background-color:#ffcc70;color:#0f2027;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.courses-cta .cta-btn:hover{background:#ffb84d;transform:translateY(-2px);box-shadow:0 10px 20px #ffcc704d}.dark .courses-page{background:#0f172a}.dark .courses-grid-section{background:#1e293b}.dark .courses-grid-section h2{color:#f1f5f9}.dark .course-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#334155}.dark .course-card h3{color:#f1f5f9}.dark .course-desc{color:#cbd5e1}.dark .meta-item{background:#fbbf240d;border-left-color:#fbbf24}.dark .meta-item strong{color:#f1f5f9}.dark .course-benefits{background:#0f172a}.dark .course-benefits h2{color:#f1f5f9}.dark .benefit-card{background:#1e293b;border-color:#334155}.dark .benefit-card h4{color:#f1f5f9}.dark .benefit-card p{color:#cbd5e1}.dark .benefit-icon{background:#fbbf241a;color:#fbbf24}@media(max-width:768px){.courses-hero-content h1{font-size:42px}.courses-hero-content p{font-size:18px}.courses-grid-section{padding:60px 20px}.courses-grid-section h2,.course-benefits h2{font-size:36px;margin-bottom:40px}.courses-grid,.benefits-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.courses-cta .cta-content h2{font-size:36px}.course-card{padding:25px}}@media(max-width:480px){.courses-hero{min-height:50vh;padding:30px 20px}.courses-hero-content h1{font-size:32px;margin-bottom:1rem}.courses-hero-content p{font-size:16px;line-height:1.5}.courses-grid-section h2,.course-benefits h2{font-size:28px;margin-bottom:30px}.course-card{padding:20px}.course-icon{font-size:3rem}.course-card h3{font-size:1.25rem}.course-cta{width:100%;padding:14px;font-size:16px}.courses-cta{padding:50px 20px}.courses-cta .cta-content h2{font-size:28px}.courses-cta .cta-content p{font-size:16px}}.contact-page{background:#f9fafb}.contact-hero{min-height:60vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px;position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,204,112,.1) 0%,transparent 50%);pointer-events:none}.contact-hero-content{max-width:900px;z-index:1}.contact-hero-content h1{font-size:56px;font-weight:700;color:#ffcc70;letter-spacing:1px;margin-bottom:16px}.contact-hero-content p{font-size:20px;color:#e6f0f3;line-height:1.6}.contact-content{padding:80px 20px;background:#fff}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-info h2{font-size:32px;color:#0f2027;margin-bottom:40px}.info-item{display:flex;gap:20px;margin-bottom:30px;padding:20px;background:#f9fafb;border-radius:12px;border-left:4px solid #ffcc70;transition:all .3s ease}.info-item:hover{box-shadow:0 4px 12px #0000000d;transform:translate(4px)}.info-icon{font-size:32px;min-width:50px;text-align:center}.info-item h4{font-size:16px;color:#0f2027;margin-bottom:8px}.info-item p{color:#666;margin:0;font-size:14px;line-height:1.6}.info-item a{color:#ffcc70;text-decoration:none;font-weight:500;transition:all .3s ease}.info-item a:hover{text-decoration:underline}.social-links{margin-top:40px;padding:30px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:2px solid #e6f0f3}.social-links h4{font-size:18px;color:#0f2027;margin-bottom:20px}.socials{display:flex;gap:12px}.social-btn{width:45px;height:45px;border-radius:50%;background:#ffcc701a;border:2px solid #ffcc70;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none}.social-btn:hover{background:#ffcc70;transform:translateY(-4px)}.contact-form-wrapper h2{font-size:32px;color:#0f2027;margin-bottom:30px}.success-message{background:#4caf501a;border-left:4px solid #4caf50;color:#2e7d32;padding:16px;border-radius:8px;margin-bottom:20px;font-weight:500}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e6f0f3;border-radius:8px;font-size:15px;font-family:inherit;transition:all .3s ease;background:#f9fafb}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffcc70;background:#fff;box-shadow:0 0 0 3px #ffcc701a}.form-group textarea{resize:vertical;min-height:140px}.submit-btn{padding:14px 32px;background:linear-gradient(135deg,#ffcc70,#ffb84d);color:#0f2027;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ffcc704d}.submit-btn:active{transform:translateY(0)}.faq-section{padding:80px 20px;background:#f9fafb;text-align:center}.faq-section h2{font-size:48px;color:#0f2027;margin-bottom:60px}.faq-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.faq-item{background:#fff;padding:30px;border-radius:12px;text-align:left;border-left:4px solid #ffcc70;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.faq-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.faq-item h4{font-size:18px;color:#0f2027;margin-bottom:12px}.faq-item p{color:#666;font-size:14px;line-height:1.7}.dark .contact-page{background:#0f172a}.dark .contact-content{background:#1e293b}.dark .contact-info h2,.dark .contact-form-wrapper h2{color:#f1f5f9}.dark .info-item{background:#334155;border-left-color:#ffcc70}.dark .info-item h4{color:#f1f5f9}.dark .info-item p{color:#cbd5e1}.dark .info-item a{color:#fbbf24}.dark .social-links{background:linear-gradient(135deg,#334155,#1e293b);border-color:#475569}.dark .social-links h4{color:#f1f5f9}.dark .social-btn{background:#fbbf241a;border-color:#fbbf24}.dark .social-btn:hover{background:#fbbf24}.dark .form-group input,.dark .form-group textarea{background:#334155;border-color:#475569;color:#f1f5f9}.dark .form-group input:focus,.dark .form-group textarea:focus{background:#1e293b;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.dark .faq-section{background:#0f172a}.dark .faq-section h2{color:#f1f5f9}.dark .faq-item{background:#1e293b;border-left-color:#ffcc70}.dark .faq-item h4{color:#f1f5f9}.dark .faq-item p{color:#cbd5e1}@media(max-width:768px){.contact-hero-content h1{font-size:42px}.contact-container{grid-template-columns:1fr;gap:40px}.contact-info h2,.contact-form-wrapper h2{font-size:26px}.faq-section h2{font-size:36px;margin-bottom:40px}.faq-grid{grid-template-columns:1fr}.socials{justify-content:center}}@media(max-width:480px){.contact-hero{padding:60px 20px;min-height:40vh}.contact-hero-content h1{font-size:32px}.contact-hero-content p{font-size:16px}.contact-content{padding:40px 16px}.info-item{flex-direction:column;text-align:center;gap:12px}.info-icon{width:100%;margin-bottom:8px}.contact-form{gap:16px}.submit-btn{width:100%;padding:14px;font-size:16px}.faq-section h2{font-size:28px}}.profile-page{min-height:100vh;background:linear-gradient(135deg,#f9fafb,#fff);padding:100px 20px 40px}.profile-header{text-align:center;margin-bottom:50px}.profile-header h1{font-size:48px;color:#0f2027;margin-bottom:8px}.profile-header p{font-size:18px;color:#666}.profile-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:40px}.profile-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e6f0f3;border-radius:16px;padding:40px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.profile-card:hover{border-color:#ffcc70;box-shadow:0 8px 24px #ffcc701a}.profile-top{display:flex;align-items:center;gap:30px;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #e6f0f3}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#ffcc70,#ffb84d);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#0f2027;box-shadow:0 4px 12px #ffcc7033}.profile-header-info h2{font-size:28px;color:#0f2027;margin-bottom:8px}.profile-header-info p{color:#666;font-size:14px;margin:4px 0}.join-date{color:#999!important;font-size:13px!important}.profile-message{padding:16px;border-radius:8px;margin-bottom:24px;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-message{background:#4caf501a;border-left:4px solid #4caf50;color:#2e7d32}.profile-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#0f2027}.form-group input{padding:12px 16px;border:2px solid #e6f0f3;border-radius:8px;font-size:15px;background:#f9fafb;transition:all .3s ease;font-family:inherit}.form-group input:disabled{background:#e6f0f3;color:#999;cursor:not-allowed}.form-group input.editable{background:#fff;border-color:#ffcc70}.form-group input:focus{outline:none;border-color:#ffcc70;background:#fff;box-shadow:0 0 0 3px #ffcc701a}.profile-actions{display:flex;gap:12px;margin-top:16px}.edit-btn,.save-btn,.cancel-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-btn{background:linear-gradient(135deg,#ffcc70,#ffb84d);color:#0f2027;flex:1}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffcc704d}.save-btn{background:#4caf50;color:#fff;flex:1}.save-btn:hover{background:#45a049;transform:translateY(-2px)}.cancel-btn{background:#e6f0f3;color:#0f2027;border:2px solid #ddd}.cancel-btn:hover{background:#ddd}.profile-sidebar{display:flex;flex-direction:column;gap:30px}.stats-box{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e6f0f3;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000000d}.stats-box h3{font-size:20px;color:#0f2027;margin-bottom:20px;border-bottom:2px solid #ffcc70;padding-bottom:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e6f0f3}.stat-item:last-child{border-bottom:none}.stat-label{font-size:14px;color:#666}.stat-value{font-size:22px;font-weight:700;color:#ffcc70}.settings-box{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e6f0f3;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000000d}.settings-box h3{font-size:20px;color:#0f2027;margin-bottom:20px;border-bottom:2px solid #ffcc70;padding-bottom:12px}.settings-item{padding:12px 0;border-bottom:1px solid #e6f0f3}.settings-item:last-child{border-bottom:none}.settings-item label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#555}.settings-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.quick-actions{display:flex;flex-direction:column;gap:12px}.action-btn{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.action-btn.primary{background:linear-gradient(135deg,#ffcc70,#ffb84d);color:#0f2027}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffcc704d}.action-btn.secondary{background:#e6f0f3;color:#0f2027;border:2px solid transparent}.action-btn.secondary:hover{border-color:#ffcc70;background:#ffcc701a}.action-btn.danger{background:#ff6b6b;color:#fff}.action-btn.danger:hover{background:#ff5252;transform:translateY(-2px)}.security-section{max-width:1200px;margin:60px auto 0;padding:40px;background:#fff;border:2px solid #e6f0f3;border-radius:16px;box-shadow:0 4px 12px #0000000d}.security-section h3{font-size:28px;color:#0f2027;margin-bottom:30px;border-bottom:2px solid #ffcc70;padding-bottom:16px}.security-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.security-item{display:flex;gap:20px;padding:20px;background:#f9fafb;border-radius:12px;border-left:4px solid #ffcc70;transition:all .3s ease}.security-item:hover{box-shadow:0 4px 12px #0000000d;transform:translate(4px)}.security-icon{font-size:32px;min-width:50px;text-align:center}.security-item h4{font-size:16px;color:#0f2027;margin-bottom:8px}.security-item p{color:#666;font-size:14px;margin-bottom:12px;line-height:1.6}.link-btn{background:none;border:none;color:#ffcc70;font-weight:600;cursor:pointer;font-size:13px;transition:all .3s ease;padding:0}.link-btn:hover{color:#ffb84d;text-decoration:underline}.link-btn.danger{color:#ff6b6b}.link-btn.danger:hover{color:#ff5252}.dark .profile-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark .profile-header h1{color:#f1f5f9}.dark .profile-header p{color:#cbd5e1}.dark .profile-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#334155}.dark .profile-top{border-bottom-color:#475569}.dark .profile-avatar{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a}.dark .profile-header-info h2{color:#f1f5f9}.dark .profile-header-info p{color:#cbd5e1}.dark .form-group label{color:#f1f5f9}.dark .form-group input{background:#334155;border-color:#475569;color:#f1f5f9}.dark .form-group input:disabled{background:#475569;color:#94a3b8}.dark .form-group input.editable{background:#1e293b;border-color:#fbbf24}.dark .form-group input:focus{border-color:#fbbf24;background:#1e293b;box-shadow:0 0 0 3px #fbbf241a}.dark .cancel-btn{background:#475569;color:#f1f5f9;border-color:#64748b}.dark .cancel-btn:hover{background:#64748b}.dark .stats-box,.dark .settings-box{background:linear-gradient(135deg,#1e293b,#334155);border-color:#334155}.dark .stats-box h3,.dark .settings-box h3{color:#f1f5f9;border-bottom-color:#fbbf24}.dark .stat-item{border-bottom-color:#475569}.dark .stat-label{color:#cbd5e1}.dark .stat-value{color:#fbbf24}.dark .settings-item{border-bottom-color:#475569}.dark .settings-item label{color:#cbd5e1}.dark .action-btn.secondary{background:#334155;color:#f1f5f9}.dark .action-btn.secondary:hover{border-color:#fbbf24;background:#fbbf241a}.dark .security-section{background:#1e293b;border-color:#334155}.dark .security-section h3{color:#f1f5f9;border-bottom-color:#fbbf24}.dark .security-item{background:#334155;border-left-color:#fbbf24}.dark .security-item h4{color:#f1f5f9}.dark .security-item p{color:#cbd5e1}.dark .link-btn{color:#fbbf24}.dark .link-btn:hover{color:#f59e0b}@media(max-width:968px){.profile-container{grid-template-columns:1fr}.profile-top{flex-direction:column;text-align:center;gap:20px}.security-section{margin-left:20px;margin-right:20px}}@media(max-width:640px){.profile-page{padding:80px 16px 30px}.profile-header h1{font-size:32px}.profile-card,.security-section{padding:24px}.profile-actions{flex-direction:column}.security-items{grid-template-columns:1fr}}.blogs-page{min-height:100vh;padding:60px 20px 40px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.blogs-container{max-width:1200px;margin:0 auto}.blogs-header{text-align:center;margin-bottom:50px;animation:fadeInDown .6s ease-out}.blogs-title{font-size:42px;font-weight:700;color:#1f2937;margin:0 0 12px}.blogs-subtitle{font-size:18px;color:#6b7280;margin:0}.blogs-controls{margin-bottom:40px;display:flex;flex-direction:column;gap:20px}.search-bar{display:flex;align-items:center;background:#fff;border-radius:12px;padding:0 16px;box-shadow:0 4px 6px #00000012;gap:12px;max-width:500px;margin:0 auto;width:100%}.search-icon{color:#9ca3af;flex-shrink:0}.search-bar input{flex:1;border:none;outline:none;padding:12px 0;font-size:15px;background:transparent}.search-bar input::placeholder{color:#d1d5db}.search-button{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease;flex-shrink:0}.search-button:hover{background:#1d4ed8;transform:translateY(-2px)}.category-filter{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.category-btn{padding:8px 16px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:20px;cursor:pointer;font-weight:500;font-size:13px;transition:all .2s ease}.category-btn:hover{border-color:#2563eb;color:#2563eb}.category-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:40px}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #00000012;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.blog-card-image{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:#0000;transition:background .3s ease}.blog-card:hover .image-overlay{background:#0000001a}.blog-card-content{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.category-badge{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;width:fit-content}.blog-card-title{font-size:18px;font-weight:600;color:#1f2937;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:14px;color:#6b7280;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9ca3af;padding:12px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.meta-left{display:flex;gap:12px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px}.meta-item svg{width:12px;height:12px}.meta-right{display:flex;gap:12px}.meta-item.views{color:#16a34a;font-weight:500}.blog-card-footer{display:flex;justify-content:space-between;align-items:center}.read-time{font-size:12px;color:#9ca3af}.read-more-link{display:inline-flex;align-items:center;gap:6px;color:#2563eb;text-decoration:none;font-weight:600;font-size:13px;transition:all .2s ease}.read-more-link:hover{color:#1d4ed8;gap:10px}.blogs-loading-container{display:flex;justify-content:center;align-items:center;padding:100px 20px;width:100%;min-height:400px}.blogs-loading-container .loading-card{width:100%;max-width:450px;margin:0 auto;padding:40px 24px}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:20px;text-align:center;color:#dc2626;margin:40px 0}.error-message p{margin:0 0 12px}.retry-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease}.retry-btn:hover{background:#b91c1c}.empty-state{text-align:center;padding:80px 20px;color:#9ca3af;font-size:18px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:40px;padding-top:40px;border-top:2px solid rgba(0,0,0,.1)}.pagination-btn{background:#fff;border:1px solid #e5e7eb;color:#2563eb;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#2563eb;color:#fff;border-color:#2563eb}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:8px}.pagination-page{width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-weight:500;font-size:13px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-page:hover{border-color:#2563eb;color:#2563eb}.pagination-page.active{background:#2563eb;color:#fff;border-color:#2563eb}@media(max-width:768px){.blogs-page{padding:50px 16px 32px}.blogs-title{font-size:28px}.blogs-subtitle{font-size:16px}.blogs-grid{grid-template-columns:1fr;gap:16px}.search-bar{max-width:100%}.category-filter{gap:8px}.category-btn{padding:6px 12px;font-size:12px}.blog-card-meta{flex-direction:column;align-items:flex-start;gap:8px}.meta-left,.pagination{gap:8px}.pagination-btn{padding:6px 12px;font-size:12px}.pagination-pages{gap:4px}.pagination-page{width:32px;height:32px;font-size:11px}}@media(max-width:480px){.blogs-title{font-size:24px}.blogs-subtitle{font-size:14px;line-height:1.5}.search-bar{padding:0 12px}.search-bar input{font-size:14px}.blog-card-image{height:160px}.blog-card-title{font-size:16px;line-height:1.3}.blog-card-content{padding:16px}.pagination{flex-direction:column;width:100%}.pagination-btn{width:100%;text-align:center;justify-content:center}}.loading-spinner-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0a2647d9,#144272e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.loading-spinner-container{text-align:center;animation:slideUp .4s ease}.loading-spinner{width:80px;height:80px;margin:0 auto 1.5rem;position:relative}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;border-radius:50%}.loading-spinner:before{width:100%;height:100%;border:6px solid rgba(255,196,54,.2);border-top-color:#ffc436;animation:spin 1s linear infinite}.loading-spinner:after{width:60px;height:60px;top:10px;left:10px;border:6px solid rgba(10,38,71,.2);border-top-color:#0a2647;animation:spin 1.5s linear infinite reverse}.loading-text{font-size:1.125rem;font-weight:600;color:#fff;font-family:Inter,sans-serif;margin-bottom:.5rem}.loading-subtext{font-size:.9rem;color:#fffc;font-family:Inter,sans-serif}.skeleton{background:linear-gradient(90deg,#0a264714,#0a26471f,#0a264714);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:12px}.dark .skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:12px}.skeleton-text.large{height:24px}.skeleton-text.small{height:12px}.skeleton-card{height:200px;width:100%}.skeleton-avatar{width:60px;height:60px;border-radius:50%}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-bar-container{width:100%;height:6px;background:#0a26471a;border-radius:999px;overflow:hidden;margin-top:1rem}.dark .progress-bar-container{background:#ffffff1a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0a2647,#ffc436);border-radius:999px;transition:width .3s ease;box-shadow:0 0 10px #ffc43680;animation:progress-glow 2s ease-in-out infinite}@keyframes progress-glow{0%,to{box-shadow:0 0 10px #ffc43680}50%{box-shadow:0 0 20px #ffc436cc}}.dots-loader{display:flex;gap:8px;justify-content:center;align-items:center}.dot{width:12px;height:12px;border-radius:50%;background:#ffc436;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.spinner-small{width:20px;height:20px;border:3px solid rgba(10,38,71,.2);border-top-color:#0a2647;border-radius:50%;animation:spin .8s linear infinite}.spinner-medium{width:40px;height:40px;border:4px solid rgba(10,38,71,.2);border-top-color:#0a2647;border-radius:50%;animation:spin .8s linear infinite}.spinner-large{width:60px;height:60px;border:5px solid rgba(10,38,71,.2);border-top-color:#0a2647;border-radius:50%;animation:spin .8s linear infinite}.spinner-gold{border-color:#ffc43633;border-top-color:#ffc436}.loading-card{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:2rem;box-shadow:0 8px 24px #0a26471f;border:1px solid rgba(10,38,71,.08);text-align:center;max-width:400px}.dark .loading-card{background:#1e293bf2;border-color:#ffffff14}.loading-card-icon{font-size:3rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}.loading-card-title{font-size:1.25rem;font-weight:700;color:#0a2647;margin-bottom:.5rem;font-family:Outfit,sans-serif}.dark .loading-card-title{color:#f8fafc}.loading-card-description{font-size:.95rem;color:#576f8c;font-family:Inter,sans-serif}.dark .loading-card-description{color:#cbd5e1}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.blog-post-page{min-height:100vh;background:#f9fafb;padding:40px 20px}.dark .blog-post-page{background:#0f172a}.blog-post-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 12px #00000014}.dark .blog-post-container{background:#1e293b;box-shadow:0 4px 12px #0000004d}.back-btn{padding:10px 20px;background:#e5e7eb;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:24px;color:#374151}.dark .back-btn{background:#334155;color:#e2e8f0}.back-btn:hover{background:#d1d5db;transform:translate(-4px)}.dark .back-btn:hover{background:#475569}.post-featured-image{width:100%;height:400px;border-radius:12px;overflow:hidden;margin-bottom:32px}.post-featured-image img{width:100%;height:100%;object-fit:cover}.post-header{margin-bottom:32px}.post-category-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;font-size:13px;font-weight:600;margin-bottom:16px}.post-title{font-size:42px;font-weight:700;line-height:1.2;margin-bottom:20px;color:#1f2937}.dark .post-title{color:#f9fafb}.post-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;color:#6b7280;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.dark .post-meta{color:#9ca3af;border-bottom-color:#334155}.post-author,.post-date,.post-read-time,.post-views{display:flex;align-items:center;gap:6px}.post-content{font-size:18px;line-height:1.8;color:#374151;margin-bottom:40px}.dark .post-content{color:#e2e8f0}.post-content h2{font-size:32px;margin-top:40px;margin-bottom:16px;color:#1f2937}.dark .post-content h2{color:#f9fafb}.post-content h3{font-size:24px;margin-top:32px;margin-bottom:12px;color:#1f2937}.dark .post-content h3{color:#f9fafb}.post-content p{margin-bottom:20px}.post-content ul,.post-content ol{margin:20px 0;padding-left:30px}.post-content li{margin-bottom:10px}.post-content a{color:#3b82f6;text-decoration:underline}.post-content a:hover{color:#2563eb}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:24px 0}.post-content blockquote{border-left:4px solid #3b82f6;padding-left:20px;margin:24px 0;font-style:italic;color:#4b5563}.dark .post-content blockquote{border-left-color:#60a5fa;color:#cbd5e1}.post-content code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:16px}.dark .post-content code{background:#334155}.post-content pre{background:#1f2937;color:#e5e7eb;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0}.post-content pre code{background:none;padding:0;color:inherit}.post-tags{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:20px 0;border-top:2px solid #e5e7eb;border-bottom:2px solid #e5e7eb;margin-bottom:32px}.dark .post-tags{border-color:#334155}.post-tags strong{color:#1f2937}.dark .post-tags strong{color:#f9fafb}.tag{padding:6px 14px;background:#e0f2fe;color:#0369a1;border-radius:12px;font-size:13px;font-weight:500}.dark .tag{background:#1e3a5f;color:#7dd3fc}.post-share{padding:24px 0;border-bottom:2px solid #e5e7eb;margin-bottom:32px}.dark .post-share{border-bottom-color:#334155}.post-share p{font-weight:600;margin-bottom:12px;color:#1f2937}.dark .post-share p{color:#f9fafb}.share-buttons{display:flex;gap:12px;flex-wrap:wrap}.share-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.share-btn:hover{background:#2563eb;transform:translateY(-2px)}.post-footer{text-align:center}.back-home-btn{padding:12px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-home-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.blog-post-loading,.blog-post-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#f9fafb}.blog-post-loading .loading-card{width:100%;max-width:420px;padding:40px 32px}.blog-post-error h2{font-size:32px;margin-bottom:16px;color:#1f2937}.dark .blog-post-error h2{color:#f9fafb}.blog-post-error p{font-size:18px;color:#6b7280;margin-bottom:24px}.dark .blog-post-error p{color:#9ca3af}@media(max-width:768px){.blog-post-page{padding:20px 16px}.blog-post-container{padding:24px 20px}.post-featured-image{height:250px}.post-title{font-size:32px}.post-meta{gap:12px;font-size:13px}.post-content{font-size:16px}.post-content h2{font-size:26px}.post-content h3{font-size:20px}}.current-affairs-preview{padding:80px 20px;background:#f9fafb}.dark .current-affairs-preview{background:#0f172a}.current-affairs-preview .container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:40px;margin-bottom:12px;color:#1f2937}.dark .section-header h2{color:#f9fafb}.section-header p{font-size:18px;color:#6b7280}.dark .section-header p{color:#9ca3af}.affairs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.affair-card{background:#fff;padding:0;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;cursor:pointer;overflow:hidden;display:flex;flex-direction:column}.dark .affair-card{background:#1e293b;box-shadow:0 4px 12px #0000004d}.affair-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.affair-image-container{width:100%;height:200px;overflow:hidden;position:relative;background-color:#f3f4f6}.affair-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.affair-card:hover .affair-image{transform:scale(1.05)}.affair-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.affair-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.affair-category{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.affair-date{font-size:13px;color:#6b7280;font-weight:500}.dark .affair-date{color:#9ca3af}.affair-title{font-size:18px;font-weight:600;margin-bottom:12px;color:#1f2937;line-height:1.4}.dark .affair-title{color:#f9fafb}.affair-description{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:12px;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;max-width:100%}.affair-description p,.affair-description div,.affair-description li{max-width:100%;white-space:normal!important;overflow-wrap:break-word}.affair-description img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}.affair-description pre{white-space:pre-wrap;word-wrap:break-word}.dark .affair-description{color:#cbd5e1}.affair-key-points{margin:12px 0 0;padding-left:20px}.affair-key-points li{font-size:13px;color:#6b7280;margin-bottom:6px;line-height:1.5}.dark .affair-key-points li{color:#9ca3af}.view-all-container{text-align:center}.view-all-btn{padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}@media(max-width:768px){.current-affairs-preview{padding:60px 20px}.section-header h2{font-size:32px}.section-header p{font-size:16px}.affairs-grid{grid-template-columns:1fr;gap:16px}.affair-card{padding:20px}.affair-title{font-size:16px}}.announcement-banner{position:relative;padding:20px 60px;display:flex;align-items:center;justify-content:center;gap:16px;animation:slideDown .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.announcement-critical{background:linear-gradient(120deg,#dc2626e6,#ef4444e6);color:#fff;border-bottom:3px solid #b91c1c}.announcement-important{background:linear-gradient(120deg,#d97706e6,#f59e0be6);color:#fff;border-bottom:3px solid #b45309}.announcement-info{background:linear-gradient(120deg,#2563ebe6,#3b82f6e6);color:#fff;border-bottom:3px solid #1d4ed8}.announcement-success{background:linear-gradient(120deg,#059669e6,#10b981e6);color:#fff;border-bottom:3px solid #047857}.announcement-content{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;text-align:center;max-width:1000px}.announcement-icon{font-size:28px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.announcement-text{display:flex;flex-direction:column;align-items:center;gap:4px}.announcement-text strong{font-size:17px;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.announcement-message{font-size:15px;font-weight:500;opacity:.95}.announcement-link{padding:8px 18px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:20px;text-decoration:none;color:inherit;font-weight:600;font-size:13px;transition:all .3s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.announcement-link:hover{background:#fff;color:#1f2937;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.announcement-link:after{content:"→";font-size:14px}.announcement-dismiss{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:#0000001a;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;color:#ffffffe6;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.announcement-dismiss:hover{background:#fff;color:#ef4444;transform:translateY(-50%) rotate(90deg)}.announcement-indicators{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;display:none}@media(max-width:768px){.announcement-banner{padding:16px 40px 16px 20px;flex-direction:column;justify-content:center;text-align:center}.announcement-content{flex-direction:column;gap:12px}.announcement-text{align-items:center}.announcement-dismiss{top:10px;right:10px;transform:none;width:28px;height:28px;font-size:14px}.announcement-dismiss:hover{transform:rotate(90deg)}}.announcements-page{min-height:100vh;padding:60px 20px 40px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.announcements-container{max-width:1000px;margin:0 auto}.announcements-header{margin-bottom:40px;animation:fadeInDown .6s ease-out}.announcements-header .header-content{display:flex;align-items:center;gap:16px;margin-top:20px}.page-title{font-size:36px;font-weight:700;color:#1f2937;margin:0}.page-subtitle{font-size:16px;color:#6b7280;margin:8px 0 0}.announcements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.announcement-card{background:#fff;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #00000012;border-left:4px solid #2563eb;position:relative;overflow:hidden}.announcement-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px #00000026}.announcement-card.announcement-critical{border-left-color:#dc2626}.announcement-card.announcement-important{border-left-color:#d97706}.announcement-card.announcement-success{border-left-color:#059669}.announcement-card.announcement-info{border-left-color:#2563eb}.announcement-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.announcement-card-title-section{display:flex;gap:12px;flex:1}.announcement-card-icon{font-size:24px;flex-shrink:0}.announcement-card-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.4}.announcement-card-date{font-size:13px;color:#9ca3af;margin:0}.dismiss-button{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.dismiss-button:hover{background:#fecaca;border-color:#dc2626}.announcement-card-body{margin-bottom:12px}.announcement-card-message{font-size:14px;color:#4b5563;margin:0 0 12px;line-height:1.6}.announcement-card-link{display:inline-flex;align-items:center;gap:6px;color:#2563eb;text-decoration:none;font-weight:500;font-size:13px;transition:all .2s ease}.announcement-card-link:hover{color:#1d4ed8;transform:translate(2px)}.announcement-expiry{font-size:12px;color:#f59e0b;background:#fef3c7;padding:6px 8px;border-radius:4px;margin-bottom:12px;display:inline-block}.announcement-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e5e7eb}.announcement-type-badge{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:4px;background:#f3f4f6;color:#6b7280}.dismissed-announcements-section{margin-top:50px;padding-top:40px;border-top:2px solid rgba(0,0,0,.1)}.section-title{font-size:20px;font-weight:600;color:#374151;margin-bottom:20px}.dismissed-announcements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.dismissed-announcement-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;opacity:.7;transition:all .2s ease}.dismissed-announcement-item:hover{opacity:1;background:#fff;border-color:#d1d5db}.dismissed-content{display:flex;gap:12px;flex:1;min-width:0}.dismissed-title{font-size:14px;font-weight:500;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dismissed-date{font-size:12px;color:#9ca3af;margin:4px 0 0}.undo-button{background:#dbeafe;border:1px solid #93c5fd;color:#1d4ed8;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.undo-button:hover{background:#bfdbfe;border-color:#60a5fa}.announcement-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.announcement-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;border-left:4px solid #2563eb}.announcement-modal.announcement-critical{border-left-color:#dc2626}.announcement-modal.announcement-important{border-left-color:#d97706}.announcement-modal.announcement-success{border-left-color:#059669}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e5e7eb;gap:16px}.modal-title-section{display:flex;gap:12px;flex:1}.modal-icon{font-size:32px;flex-shrink:0}.modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0;line-height:1.3}.modal-close-button{background:#f3f4f6;border:none;width:40px;height:40px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;flex-shrink:0}.modal-close-button:hover{background:#e5e7eb;color:#1f2937}.modal-body{padding:24px}.modal-message{font-size:16px;color:#4b5563;line-height:1.8;margin:0 0 16px}.modal-link{display:inline-flex;align-items:center;gap:8px;color:#2563eb;text-decoration:none;font-weight:500;font-size:14px;transition:all .2s ease;padding:8px 12px;background:#dbeafe;border-radius:6px}.modal-link:hover{background:#bfdbfe;color:#1d4ed8}.modal-footer{padding:20px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.modal-meta{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.type-badge{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:4px;background:#f3f4f6;color:#6b7280}.date{font-size:12px;color:#9ca3af}.expiry-info{font-size:12px;color:#f59e0b;margin:0}.modal-actions{padding:20px 24px;display:flex;gap:12px;justify-content:flex-end}.action-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.action-button.dismiss{background:#fee2e2;color:#dc2626}.action-button.dismiss:hover{background:#fecaca;transform:translateY(-2px)}.action-button.close{background:#dbeafe;color:#2563eb}.action-button.close:hover{background:#bfdbfe;transform:translateY(-2px)}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af}.empty-state p{font-size:16px;margin-top:16px}.loading-spinner{text-align:center;padding:60px 20px;font-size:18px;color:#6b7280}.back-button{font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.announcements-page{padding:50px 16px 32px}.page-title{font-size:28px}.announcements-grid{grid-template-columns:1fr;gap:16px}.modal-header{flex-direction:column;gap:12px}.modal-title-section{width:100%}.modal-close-button{width:36px;height:36px}.modal-actions{flex-direction:column}.action-button{width:100%}}.course-page{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto}.course-page-loading,.course-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.course-page-error button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.course-page-error button:hover{background:#2563eb;transform:translateY(-2px)}.course-header{margin-bottom:3rem}.back-button{background:transparent;border:none;color:#3b82f6;font-size:16px;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.5rem}.back-button:hover{background:#3b82f61a;transform:translate(-4px)}.dark .back-button{color:#60a5fa}.course-title-section{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.dark .course-title-section{background:#1e293b}.course-icon{font-size:4rem;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:20px}.course-title-section h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#0f172a,#334155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .course-title-section h1{background:linear-gradient(135deg,#f8fafc,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.course-title-section p{font-size:1.1rem;color:#64748b;margin:0}.dark .course-title-section p{color:#94a3b8}.subjects-section h2{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:#0f172a}.dark .subjects-section h2{color:#f8fafc}.no-subjects{text-align:center;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.dark .no-subjects{background:#1e293b}.no-subjects p{font-size:1.1rem;color:#64748b}.dark .no-subjects p{color:#94a3b8}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.subject-card{background:#fff;border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014;border:2px solid transparent;position:relative;overflow:hidden}.dark .subject-card{background:#1e293b}.subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.subject-card:hover:before{transform:scaleX(1)}.subject-card:hover{box-shadow:0 8px 24px #0000001f;border-color:#3b82f6}.subject-card-inner{display:flex;flex-direction:column;gap:1rem}.subject-card h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.dark .subject-card h3{color:#f8fafc}.subject-type{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:#3b82f6;border-radius:8px;font-size:.875rem;font-weight:600;width:fit-content}.dark .subject-type{color:#60a5fa}.subject-arrow{font-size:1.5rem;color:#3b82f6;margin-top:auto;transition:transform .3s ease}.subject-card:hover .subject-arrow{transform:translate(8px)}@media(max-width:768px){.course-page{padding:1rem}.course-title-section{flex-direction:column;text-align:center;padding:1.5rem}.course-icon{width:80px;height:80px;font-size:3rem}.course-title-section h1{font-size:1.5rem}.course-title-section p{font-size:1rem}.subjects-grid{grid-template-columns:1fr}.subjects-section h2{font-size:1.5rem}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--radius-md:.375rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--navbar-height:70px}html,body{width:100%;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.app-content{padding-top:var(--navbar-height)}.light{--nav-bg:#0f2027;--chart-axis:#64748b;--chart-grid:#e2e8f0;color:#000;background:#fff}.dark{--nav-bg:#000814;--chart-axis:#94a3b8;--chart-grid:#ffffff1a;color:#fff;background:#0f172a}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}