@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root,[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fc;--bg-tertiary:#f0f2f7;--bg-card:#fff;--bg-card-hover:#f8f9fc;--bg-input:#f5f6fa;--bg-input-focus:#fff;--bg-overlay:#00000080;--bg-navbar:#ffffffe0;--bg-sidebar:#fdfdff;--border:#e2e5f1;--border-hover:#c6cade;--border-focus:#111;--text-primary:#000;--text-secondary:#1e293b;--text-muted:#64748b;--text-inverse:#fff;--accent:#000;--accent-hover:#1e293b;--accent-light:#0000000d;--accent-2:#334155;--accent-3:#475569;--accent-gradient:linear-gradient(135deg, #000, #333);--success:#10b981;--success-light:#10b9811a;--danger:#ef4444;--danger-light:#ef44441a;--warning:#f59e0b;--warning-light:#f59e0b1a;--info:#0ea5e9;--info-light:#0ea5e91a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-xl:0 16px 48px #0000001f;--shadow-accent:0 4px 12px #0000001a;--shadow-accent-lg:0 8px 24px #00000026;--radius:14px;--radius-sm:10px;--radius-lg:20px;--radius-xl:28px;--scrollbar-track:#f0f2f7;--scrollbar-thumb:#c6cade;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--bg-card:#111;--bg-card-hover:#1a1a1a;--bg-input:#141414;--bg-input-focus:#1a1a1a;--bg-overlay:#000c;--bg-navbar:#000000eb;--bg-sidebar:#0a0a0a;--border:#ffffff1a;--border-hover:#ffffff2e;--border-focus:#fff;--text-primary:#fff;--text-secondary:#f8fafc;--text-muted:#cbd5e1;--text-inverse:#000;--accent:#fff;--accent-hover:#e2e8f0;--accent-light:#ffffff1a;--accent-gradient:linear-gradient(135deg, #fff, #ccc);--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 30px #000000b3;--shadow-xl:0 16px 48px #000c;--shadow-accent:0 4px 12px #ffffff1a;--shadow-accent-lg:0 8px 24px #ffffff26;--scrollbar-track:#000;--scrollbar-thumb:#333;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{opacity:.8}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all .25s}.card-glass{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow-md);background:#ffffff08;border:1px solid #ffffff14}[data-theme=light] .card-glass{background:#ffffffb3;border:1px solid #0000000d}.card:hover,.card-glass:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.hover-glow:hover{box-shadow:0 0 20px #ffffff0d}[data-theme=light] .hover-glow:hover{box-shadow:0 0 20px #0000000d}.card-interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-3px)}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-primary);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .btn-primary{box-shadow:0 4px 12px #ffffff1a}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--text-primary);background:var(--bg-tertiary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-sm{border-radius:8px;padding:8px 16px;font-size:.8rem}.btn-lg{border-radius:14px;padding:14px 28px;font-size:1rem}.btn-xl{border-radius:16px;padding:16px 36px;font-size:1.05rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.8rem;font-weight:600}.form-input{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;padding:11px 16px;font-size:.9rem;transition:all .2s}.form-input:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text-muted)}select.form-input{cursor:pointer}select.form-input option{background:var(--bg-card);color:var(--text-primary)}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-light);color:var(--text-primary);border:1px solid var(--border)}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-info{background:var(--info-light);color:var(--info)}.badge-free{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.loading-screen{min-height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--text-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-sm{max-width:800px;margin:0 auto;padding:0 24px}.page-header{margin-bottom:32px;padding:40px 0 32px}.page-title{letter-spacing:-.02em;font-size:2rem;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:8px;font-size:.95rem}.section{padding:80px 0}.section-title{text-align:center;letter-spacing:-.02em;margin-bottom:16px;font-size:2.2rem;font-weight:800}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:560px;margin:0 auto 48px;line-height:1.7}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}.pt-2{padding-top:.5rem!important}.pt-4{padding-top:1rem!important}.pt-8{padding-top:2rem!important}.mb-2{margin-bottom:.5rem!important}.mb-4{margin-bottom:1rem!important}.mb-8{margin-bottom:2rem!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1rem!important}.mt-8{margin-top:2rem!important}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-card{text-align:center;padding:24px}.stat-number{letter-spacing:-.02em;font-size:2.2rem;font-weight:800}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.82rem;font-weight:500}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-size:.875rem;font-weight:500}.alert-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger)}.alert-success{background:var(--success-light);border:1px solid var(--success);color:var(--success)}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:var(--bg-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap;padding:14px 16px;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px;font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--accent-light)}.divider{background:var(--border);height:1px;margin:32px 0}.theme-toggle{background:var(--bg-tertiary);border:1.5px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;width:52px;height:28px;padding:0 3px;transition:all .3s;display:flex;position:relative}.theme-toggle:after{content:"";background:var(--accent-gradient);border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;left:3px;box-shadow:0 2px 6px #0000004d}[data-theme=dark] .theme-toggle:after{background:#fff;transform:translate(24px)}.theme-toggle-icon{z-index:1;font-size:.75rem;transition:opacity .2s;position:absolute}.theme-toggle .sun{opacity:1;left:6px}.theme-toggle .moon{opacity:.5;right:6px}[data-theme=dark] .theme-toggle .sun{opacity:.5}[data-theme=dark] .theme-toggle .moon{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.5s forwards fadeInUp}.fade-in{animation:.4s forwards fadeIn}.scale-in{animation:.3s forwards scaleIn}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.stagger>:nth-child(7){animation-delay:.3s}.stagger>:nth-child(8){animation-delay:.35s}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:48px 0}.section-title{font-size:1.6rem}.container{padding:0 16px}.page-title{font-size:1.5rem}}@media (width>=769px) and (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.navbar{z-index:100;background:var(--bg-navbar);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background .3s;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.navbar-logo{align-items:center;transition:opacity .2s;display:flex}.navbar-logo:hover{opacity:.85}.navbar-logo-img{z-index:10;width:auto;height:70px;display:block}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-links a,.navbar-links>span{color:var(--text-primary);border-radius:8px;align-items:center;padding:7px 14px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.navbar-links a:hover{color:var(--text-primary);background:var(--accent-light)}.navbar-links a.btn-primary{color:var(--bg-primary)}.navbar-links a.btn-primary:hover{opacity:.9;color:var(--bg-primary);background:var(--text-primary)}.navbar-user{color:var(--accent)!important;font-weight:600!important}.navbar-right{align-items:center;gap:12px;display:flex}.navbar-burger{cursor:pointer;background:0 0;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-burger span{background:var(--text-primary);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.navbar-user-dropdown{margin-left:8px;position:relative}.navbar-user-trigger{transition:all .2s}.navbar-user-trigger:hover{background:var(--bg-tertiary)!important;border-color:var(--accent)!important}.navbar-user-menu{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);z-index:1000;border-radius:16px;flex-direction:column;gap:4px;width:180px;padding:8px;animation:.2s reveal-down;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 25px #00000026}@keyframes reveal-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-user-menu a,.navbar-user-menu button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 14px;font-size:.88rem;font-weight:600;transition:all .2s}.navbar-user-menu a:hover,.navbar-user-menu button:hover{background:var(--bg-tertiary);color:var(--accent)}.navbar-user-menu .logout-btn{border-top:1px solid var(--border);border-radius:0 0 10px 10px;margin-top:4px;padding-top:10px}.navbar-user-menu .logout-btn:hover{color:#ef4444}@media (width<=768px){.navbar-burger{display:flex}.navbar-links{background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;flex-direction:column;gap:4px;padding:20px;transition:all .3s;position:fixed;top:64px;left:0;right:0;transform:translateY(-120%)}.navbar-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.navbar-links a,.navbar-links>span{border-radius:10px;width:100%;padding:12px 16px}.navbar-user-dropdown{width:100%;margin:4px 0}.navbar-user-trigger{width:100%;justify-content:flex-start!important}.navbar-user-menu{width:100%;box-shadow:none;background:var(--bg-tertiary);border:none;margin-top:8px;padding:0;position:static}}.landing{min-height:100vh}.hero{padding:0 0 60px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(100px);opacity:.15;border-radius:50%;position:absolute}[data-theme=dark] .hero-orb{opacity:.2}.hero-orb-1{background:var(--accent);width:500px;height:500px;top:-200px;left:-150px}.hero-orb-2{background:var(--accent-2);width:400px;height:400px;top:50px;right:-100px}.hero-orb-3{background:var(--accent-3);width:250px;height:250px;bottom:0;left:50%}.hero-content{z-index:1;position:relative}.hero-flex{justify-content:space-between;align-items:center;gap:100px;margin-bottom:60px;display:flex}.hero-text{text-align:left;flex:1}.hero-image-container{flex:1;justify-content:flex-end;display:flex}.hero-main-image{filter:drop-shadow(0 20px 40px #0003);border-radius:24px;width:100%;max-width:600px;height:auto}.hero-badge{margin-bottom:24px;font-size:.85rem;display:inline-flex}.hero-title{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 0 36px;font-size:1.15rem;line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-bottom:0;display:flex}.hero-stats-inline{border-top:1px solid var(--border);gap:48px;margin-top:48px;padding-top:32px;animation-delay:.6s;display:flex}.hero-stat{flex-direction:column;gap:4px;display:flex}.hero-stat-num{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.hero-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.category-card{cursor:pointer;flex-direction:column;padding:28px;transition:all .25s;display:flex}.category-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-4px)}.category-icon{margin-bottom:14px;font-size:2.2rem}.category-name{margin-bottom:6px;font-size:1.1rem;font-weight:700}.category-desc{color:var(--text-secondary);flex:1;font-size:.85rem;line-height:1.6}.category-arrow{color:var(--accent);margin-top:14px;font-size:.9rem;font-weight:600;transition:transform .2s}.category-card:hover .category-arrow{transform:translate(4px)}.feature-card{padding:28px;transition:all .25s}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-3px)}.feature-icon{margin-bottom:14px;font-size:1.8rem}.feature-title{margin-bottom:6px;font-size:1.05rem;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.pricing-preview{max-width:750px;margin:0 auto}.pricing-card{padding:32px}.pricing-badge{margin-bottom:16px;display:inline-flex}.pricing-price{letter-spacing:-.02em;margin:14px 0;font-size:2.8rem;font-weight:900}.pricing-price span{color:var(--text-secondary);font-size:1rem;font-weight:400}.pricing-card h3{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.pricing-card ul{flex-direction:column;gap:10px;list-style:none;display:flex}.pricing-card li{color:var(--text-secondary);font-size:.88rem}.pricing-featured{border-color:var(--accent);box-shadow:var(--shadow-accent)}.cta-banner{text-align:center;background:var(--accent-light);border-color:#0000;padding:56px}[data-theme=dark] .cta-banner{background:#6366f114}.cta-banner h2{letter-spacing:-.02em;margin-bottom:12px;font-size:1.8rem;font-weight:800}.cta-banner p{color:var(--text-secondary);margin-bottom:28px}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius);background-size:200% 100%;height:200px;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.features-section{background:var(--bg-secondary)}@media (width<=992px){.hero-flex{text-align:center;flex-direction:column;gap:40px}.hero-text{text-align:center}.hero-subtitle{margin:0 auto 36px}.hero-cta{justify-content:center}.hero-image-container{display:none}}@media (width<=768px){.hero{padding:80px 0 48px}.hero-stats{gap:20px;padding:24px 20px}.pricing-preview{grid-template-columns:1fr}.cta-banner{padding:32px 20px}}.marquee-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:18px 0;overflow:hidden}.marquee-track{gap:48px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.marquee-item{white-space:nowrap;color:var(--text-secondary);align-items:center;gap:10px;font-size:.88rem;font-weight:600;display:flex}.marquee-item span{color:var(--accent);font-size:1.1rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.highlight-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.highlight-card{text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:32px 24px;transition:all .25s}.highlight-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-3px)}.highlight-icon{margin-bottom:14px;font-size:2.2rem}.highlight-title{margin-bottom:6px;font-size:1rem;font-weight:700}.highlight-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.step-card{text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:32px 28px;transition:all .25s;position:relative}.step-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-3px)}.step-number{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;width:48px;height:48px;box-shadow:var(--shadow-accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:1.1rem;font-weight:800;display:flex}.step-title{margin-bottom:8px;font-size:1.1rem;font-weight:700}.step-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.7}@media (width<=768px){.highlight-grid{grid-template-columns:1fr}}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:40px 16px;display:flex;position:relative;overflow:hidden}.auth-bg{pointer-events:none;position:absolute;inset:0}.auth-orb{filter:blur(100px);opacity:.12;border-radius:50%;position:absolute}[data-theme=dark] .auth-orb{opacity:.2}.auth-orb-1{background:var(--accent);width:400px;height:400px;top:-150px;left:-150px}.auth-orb-2{background:var(--accent-2);width:350px;height:350px;bottom:-100px;right:-100px}.auth-card{z-index:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:44px 36px;position:relative}.auth-logo{justify-content:center;margin-bottom:32px;display:flex}.auth-title{letter-spacing:-.02em;text-align:center;margin-bottom:8px;font-size:1.6rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:28px;font-size:.9rem}.auth-form{flex-direction:column;gap:18px;margin-bottom:24px;display:flex}.auth-switch{text-align:center;color:var(--text-secondary);font-size:.88rem}.auth-switch a{color:var(--accent);font-weight:600}.auth-switch a:hover{text-decoration:underline}@media (width<=480px){.auth-card{padding:28px 20px}}.search-container{z-index:100;max-width:700px;margin:32px auto 48px;position:relative}.search-wrapper{align-items:center;display:flex;position:relative}.search-input{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:16px;padding:16px 20px 16px 52px;font-size:1.05rem;transition:all .3s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light);outline:none}.search-icon-fixed{color:var(--text-muted);pointer-events:none;font-size:1.25rem;position:absolute;left:20px}.search-results-dropdown{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-xl);border-radius:16px;max-height:450px;padding:8px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 12px);left:0;right:0;overflow-y:auto}.search-result-item{color:var(--text-primary);border-radius:10px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.search-result-item:hover{background:var(--bg-secondary);transform:translate(4px)}.search-result-icon{background:var(--bg-tertiary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.search-result-info{flex:1}.search-result-name{font-size:.95rem;font-weight:600;display:block}.search-result-type{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.search-no-results{text-align:center;color:var(--text-muted);padding:32px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.search-container{margin:24px 0 32px}.search-input{padding:14px 18px 14px 48px;font-size:1rem}}.test-tabs-container{margin-bottom:32px}.test-tabs{scrollbar-width:none;gap:12px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.test-tabs::-webkit-scrollbar{display:none}.test-tab{cursor:pointer;color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;background:#ffffff0d;border-radius:50px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.test-tab:hover{color:var(--text-primary);background:#ffffff1a}.test-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #3b82f64d}.empty-tab-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border);border-radius:20px;padding:60px 20px}.empty-icon{margin-bottom:16px;font-size:3.5rem;display:block}.empty-tab-state h3{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:700}.empty-tab-state p{color:var(--text-muted);font-size:.95rem}@media (width<=768px){.test-tabs{gap:8px}.test-tab{padding:10px 20px;font-size:.9rem}}.test-page{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex}.test-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;width:100%;padding:12px 40px;display:flex}.test-title{flex:1;min-width:200px;font-size:1rem;font-weight:700}.test-timer{font-variant-numeric:tabular-nums;color:var(--accent-3);background:var(--info-light);border:1.5px solid var(--accent-3);border-radius:10px;padding:6px 16px;font-size:1.1rem;font-weight:800}.timer-warning{animation:1s ease-in-out infinite pulse;color:var(--danger)!important;background:var(--danger-light)!important;border-color:var(--danger)!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.test-body{flex:1;width:100%;display:flex;overflow:hidden}.test-question-area{flex:1;padding:40px;overflow-y:auto}.question-meta{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.question-text{color:var(--text-primary);max-width:900px;margin-bottom:28px;font-size:1.05rem;line-height:1.75}.options-list{flex-direction:column;gap:10px;max-width:900px;margin-bottom:24px;display:flex}.option-btn{background:var(--bg-secondary);border:1.5px solid var(--border);color:var(--text-primary);text-align:left;cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;font-size:.92rem;line-height:1.5;transition:all .2s;display:flex}.option-btn:hover{border-color:var(--accent);background:var(--accent-light)}.option-btn.option-selected{background:var(--accent-light);border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.option-label{background:var(--bg-tertiary);width:28px;min-width:28px;height:28px;color:var(--text-secondary);border-radius:7px;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex}.option-selected .option-label{background:var(--accent);color:#fff}.question-actions{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.btn-warning{background:var(--warning-light)!important;color:var(--warning)!important;border:1.5px solid var(--warning)!important}.nav-buttons{gap:12px;display:flex}.test-sidebar{background:var(--bg-card);border-left:1px solid var(--border);flex-direction:column;gap:20px;width:280px;min-width:280px;padding:24px;display:flex;overflow-y:auto}.palette-summary{justify-content:space-around;display:flex}.palette-stat{text-align:center}.palette-stat span{font-size:1.4rem;font-weight:800;display:block}.palette-stat small{color:var(--text-muted);font-size:.72rem}.palette-legend{flex-direction:column;gap:8px;display:flex}.leg-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.78rem;display:flex}.leg-dot{border-radius:4px;flex-shrink:0;width:14px;height:14px}.palette-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.palette-btn{aspect-ratio:1;border:1.5px solid var(--clr,var(--border));background:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;font-size:.78rem;font-weight:600;transition:all .2s;position:relative}.palette-btn:after{content:"";background:var(--clr,transparent);opacity:.12;border-radius:8px;position:absolute;inset:0}.palette-btn-active{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)!important}.palette-btn:hover{transform:scale(1.08)}.mobile-palette-btn{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent-lg);z-index:50;border-radius:999px;padding:12px 20px;font-weight:700;display:none;position:fixed;bottom:20px;right:20px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-hover);box-shadow:var(--shadow-xl);border-radius:20px;padding:32px;position:relative;overflow:hidden}.modal-content:before{content:"";background:var(--accent-gradient);height:4px;position:absolute;top:0;left:0;right:0}@media (width<=900px){.test-sidebar{z-index:40;box-shadow:var(--shadow-xl);transition:transform .3s;position:fixed;top:64px;bottom:0;right:0;transform:translate(100%)}.test-sidebar.open{transform:translate(0)}.mobile-palette-btn{align-items:center;gap:8px;display:flex}.test-question-area{max-width:100%}}@media (width<=600px){.test-header{padding:10px 16px}.test-title{font-size:.9rem}.test-question-area{padding:20px 16px}}.result-page{padding:40px 0 80px}.result-hero{text-align:center;margin-bottom:24px;padding:44px}.result-passed{border-color:var(--success);box-shadow:0 0 30px #10b9811a}.result-failed{border-color:var(--accent)}.result-icon{margin-bottom:14px;font-size:3rem}.result-heading{letter-spacing:-.02em;margin-bottom:8px;font-size:1.8rem;font-weight:800}.result-score-ring{width:160px;height:160px;margin:0 auto;position:relative}.ring-svg{width:100%;height:100%}.ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-pct{font-size:2rem;font-weight:900}.ring-score{color:var(--text-secondary);font-size:.85rem;font-weight:600}.solutions-list{flex-direction:column;gap:16px;display:flex}.solution-card{border-left:4px solid var(--border);padding:22px}.sol-correct{border-left-color:var(--success)}.sol-wrong{border-left-color:var(--danger)}.sol-skipped{border-left-color:var(--text-muted)}.sol-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.sol-question{color:var(--text-primary);margin-bottom:14px;font-size:.95rem;line-height:1.75}.sol-options{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.sol-option{border:1px solid var(--border);background:var(--bg-secondary);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:.88rem;display:flex}.sol-opt-correct{background:var(--success-light);border-color:var(--success)}.sol-opt-wrong{background:var(--danger-light);border-color:var(--danger)}.sol-explanation{background:var(--accent-light);color:var(--text-secondary);border-radius:10px;padding:12px 16px;font-size:.85rem;line-height:1.65}.dashboard-page{padding:40px 0 80px}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.dash-tabs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;gap:8px;width:fit-content;max-width:100%;margin-bottom:40px;padding:6px;display:flex;overflow-x:auto}.dash-tab{color:var(--text-primary);opacity:.6;white-space:nowrap;background:0 0;border-radius:12px;padding:10px 24px;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.dash-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm);opacity:1}.dash-tab:hover:not(.active){opacity:1;background:#ffffff0d}.history-item{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.history-item:last-child{border-bottom:none}.result-mini-card{padding:24px;transition:all .3s;position:relative;overflow:hidden}.result-mini-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.result-mini-card:before{content:"";background:var(--accent-gradient);opacity:.8;width:4px;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.dashboard-page{padding:20px 0 40px}.grid-2{grid-template-columns:1fr}}