@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary:#0a0d16;--bg-secondary:#111524;--bg-tertiary:#171d31;--glass-bg:#171d3173;--glass-border:#ffffff0f;--glass-border-focus:#38bdf866;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--app-bg:#0a0d16d9;--app-shadow:0 0 40px #000c;--banner-bg:linear-gradient(135deg, #171d31b3 0%, #111524b3 100%);--modal-overlay-bg:#04060cd9;--accent-cyan:#38bdf8;--accent-blue:#2563eb;--accent-purple:#818cf8;--accent-gradient:linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--accent-gradient-hover:linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);--severity-critical-bg:#ef444426;--severity-critical-text:#ef4444;--severity-critical-border:#ef444440;--severity-medium-bg:#f9731626;--severity-medium-text:#f97316;--severity-medium-border:#f9731640;--severity-light-bg:#10b98126;--severity-light-text:#10b981;--severity-light-border:#10b98140;--shadow-sm:0 2px 8px -2px #00000080;--shadow-md:0 4px 20px -4px #000000b3;--shadow-lg:0 10px 30px -10px #000000e6;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}body.light-theme{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--glass-bg:#ffffffbf;--glass-border:#0f172a14;--glass-border-focus:#0ea5e980;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 3px #0f172a08, 0 1px 2px #0f172a0f;--shadow-md:0 4px 6px -1px #0f172a0d, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a0f, 0 4px 6px -4px #0f172a0f;--app-bg:#ffffffd9;--app-shadow:0 0 40px #0f172a0d;--banner-bg:linear-gradient(135deg, #fffc 0%, #f1f5f9cc 100%);--modal-overlay-bg:#0f172a59;--severity-critical-bg:#ef444412;--severity-critical-text:#dc2626;--severity-critical-border:#ef444426;--severity-medium-bg:#f9731612;--severity-medium-text:#ea580c;--severity-medium-border:#f9731626;--severity-light-bg:#10b98112;--severity-light-text:#059669;--severity-light-border:#10b98126;background-image:radial-gradient(at 0 0,#38bdf814 0,#0000 50%),radial-gradient(at 100% 100%,#818cf814 0,#0000 50%)}body.light-theme .google-login-btn-header{background:#0f172a0a}body.light-theme .google-login-btn-header:hover{background:#0f172a14}body.light-theme .google-login-btn-banner{background:var(--text-primary);color:#fff;box-shadow:0 4px 12px #0f172a1a}body.light-theme .google-login-btn-banner:hover{background:#1e293b}body.light-theme .dev-test-login-btn-header{color:#4f46e5;background:#4f46e50f;border-color:#4f46e533}body.light-theme .dev-test-login-btn-header:hover{color:#3730a3;background:#4f46e51f}body.light-theme .dev-test-login-btn-banner{color:#4f46e5;background:#4f46e514;border-color:#4f46e540}body.light-theme .dev-test-login-btn-banner:hover{color:#3730a3;background:#4f46e526}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(at 0 0,#38bdf812 0,#0000 50%),radial-gradient(at 100% 100%,#818cf812 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4{letter-spacing:-.025em;font-weight:700;line-height:1.25}a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-purple)}.app-container{background-color:var(--app-bg);border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);max-width:500px;min-height:100vh;box-shadow:var(--app-shadow);transition:background-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;margin:0 auto;display:flex;position:relative}.main-content{animation:fadeIn var(--transition-normal);flex-direction:column;flex:1;gap:24px;padding:20px 16px 100px;display:flex}.app-header{z-index:100;background:var(--app-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);transition:background var(--transition-normal), border-color var(--transition-normal);justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.logo-section{align-items:center;gap:10px;display:flex}.logo-icon{background:var(--accent-gradient);border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #38bdf84d}.logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.05em;-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.search-wrapper{width:100%;position:relative}.search-input{background-color:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);outline:none;padding:14px 16px 14px 46px;font-size:.95rem;font-weight:500}.search-input:focus{border-color:var(--glass-border-focus);background-color:var(--bg-tertiary);box-shadow:0 0 12px #38bdf826}.search-icon{color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input:focus+.search-icon{color:var(--accent-cyan)}.brands-section{flex-direction:column;gap:12px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.9rem;font-weight:700}.brands-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;cursor:grab;gap:12px;padding:4px 0 12px;display:flex;overflow-x:auto}.brands-container:active{cursor:grabbing}.brands-container::-webkit-scrollbar{height:3px}.brands-container::-webkit-scrollbar-track{border-radius:var(--radius-full);background:#ffffff05}.brands-container::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}.brands-container::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.brand-pill{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;height:40px;transition:all var(--transition-normal);flex-shrink:0;justify-content:center;align-items:center;padding:10px 18px;display:flex}.brand-pill:hover,.brand-pill.active{border-color:var(--accent-cyan);background:#38bdf814;transform:translateY(-2px);box-shadow:0 4px 15px #38bdf826}.brand-pill.active{background:var(--accent-gradient);border-color:#0000}.brand-pill .brand-name{color:var(--text-secondary);transition:color var(--transition-fast);white-space:nowrap;font-size:.85rem;font-weight:600}.brand-pill.active .brand-name{color:var(--text-primary)}.problems-feed{flex-direction:column;gap:16px;display:flex}.no-results{text-align:center;background:var(--glass-bg);border:1px dashed var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);padding:40px 20px}.no-results-icon{margin-bottom:12px;font-size:2.5rem;display:block}.problem-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);flex-direction:column;gap:14px;padding:16px;display:flex;position:relative;overflow:hidden}.problem-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1f;transform:translateY(-2px)}.problem-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.problem-card.severity-critical:before{background-color:var(--severity-critical-text)}.problem-card.severity-medium:before{background-color:var(--severity-medium-text)}.problem-card.severity-light:before{background-color:var(--severity-light-text)}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title-group{flex-direction:column;gap:4px;display:flex}.card-car-model{color:var(--accent-cyan);border-radius:var(--radius-full);background:#38bdf814;align-self:flex-start;padding:2px 8px;font-size:.8rem;font-weight:700}.card-title{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.3}.severity-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;font-weight:800;display:inline-flex}.severity-badge.critical{background:var(--severity-critical-bg);color:var(--severity-critical-text);border-color:var(--severity-critical-border)}.severity-badge.medium{background:var(--severity-medium-bg);color:var(--severity-medium-text);border-color:var(--severity-medium-border)}.severity-badge.light{background:var(--severity-light-bg);color:var(--severity-light-text);border-color:var(--severity-light-border)}.card-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.metadata-group{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.75rem;font-weight:600;display:flex}.metadata-item{white-space:nowrap;align-items:center;gap:4px;display:flex}.svg-icon-small{flex-shrink:0;width:14px;height:14px;display:inline-block}.upvote-badge{border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0a;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;display:flex}.upvote-badge.voted{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#38bdf826}.fab-btn{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;cursor:pointer;z-index:90;width:56px;height:56px;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:fixed;bottom:24px;right:calc(50% - 226px);box-shadow:0 8px 25px #38bdf866}@media (width<=500px){.fab-btn{right:24px}}.fab-btn:hover{background:var(--accent-gradient-hover);transform:scale(1.08)rotate(90deg);box-shadow:0 10px 30px #38bdf880}.modal-overlay{background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(8px);transition:background var(--transition-normal);z-index:1000;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border:1px solid var(--glass-border);width:100%;max-width:500px;max-height:90vh;animation:slideUp var(--transition-normal);border-bottom:none;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 -10px 40px #000c}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.modal-title-group{flex-direction:column;gap:4px;display:flex}.modal-subtitle{color:var(--accent-cyan);text-transform:uppercase;font-size:.8rem;font-weight:700}.modal-close-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;display:flex}.modal-close-btn:hover{color:var(--text-primary);background:#ffffff1a}.modal-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.detail-severity-panel{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.detail-severity-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.detail-desc-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);padding:16px;font-size:.9rem;line-height:1.5}.detail-solution-box{border-radius:var(--radius-md);background:#10b9810d;border:1px solid #10b98126;flex-direction:column;gap:8px;padding:16px;display:flex}.solution-title{color:var(--severity-light-text);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.solution-content{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.detail-action-row{gap:12px;display:flex}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 15px #38bdf833}.btn-primary:hover{background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 20px #38bdf84d}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:.9rem;font-weight:700;display:flex}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff26}.btn-secondary.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#38bdf81a}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:700}.form-input,.form-select,.form-textarea{box-sizing:border-box;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;min-width:0;max-width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:12px;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--glass-border-focus);box-shadow:0 0 10px #38bdf81a}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row>*{min-width:0}.severity-select-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.severity-option{border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-tertiary);padding:12px 8px;font-size:.8rem;font-weight:700}.severity-option.active.light{border-color:var(--severity-light-text);background:var(--severity-light-bg);color:var(--severity-light-text)}.severity-option.active.medium{border-color:var(--severity-medium-text);background:var(--severity-medium-bg);color:var(--severity-medium-text)}.severity-option.active.critical{border-color:var(--severity-critical-text);background:var(--severity-critical-bg);color:var(--severity-critical-text)}.comments-section{border-top:1px solid var(--glass-border);flex-direction:column;gap:16px;padding-top:20px;display:flex}.comments-header{color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.comment-count{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);padding:2px 8px;font-size:.8rem}.comments-list{flex-direction:column;gap:12px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.comment-card{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px;display:flex}.comment-header{justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.comment-author{color:var(--accent-cyan)}.comment-date{color:var(--text-muted)}.comment-body{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.comment-input-wrapper{gap:8px;display:flex}.comment-input{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);outline:none;flex:1;padding:10px 12px;font-size:.85rem}.comment-input:focus{border-color:var(--glass-border-focus)}.comment-send-btn{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:38px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.comment-send-btn:hover{background:var(--accent-gradient-hover);transform:scale(1.03)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.brand-pill,.problem-card,.btn-primary,.btn-secondary{-webkit-user-select:none;user-select:none}.card-thumbnail{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--glass-border);align-self:center;width:52px;height:52px;margin-left:8px}.detail-image{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--glass-border);width:100%;max-height:220px;margin-bottom:8px}.upload-zone{border:2px dashed var(--glass-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:var(--bg-tertiary);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.upload-zone:hover{border-color:var(--glass-border-focus);background:#38bdf80a}.upload-preview-container{border-radius:var(--radius-md);border:1px solid var(--glass-border);width:100%;height:160px;position:relative;overflow:hidden}.upload-preview{object-fit:cover;width:100%;height:100%}.upload-remove-btn{background:var(--app-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;transition:background var(--transition-fast);justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;top:8px;right:8px}.upload-remove-btn:hover{background:#ef4444;border-color:#0000}.loading-spinner{border:3px solid #38bdf81a;border-top-color:var(--accent-cyan);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.google-login-btn-header{border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;align-items:center;padding:8px 14px;font-size:.75rem;font-weight:700;display:flex}.google-login-btn-header:hover{background:#ffffff1f;border-color:#38bdf84d}.user-profile-section{align-items:center;gap:10px;display:flex}.user-avatar{border-radius:var(--radius-full);border:1px solid var(--accent-cyan);object-fit:cover;width:32px;height:32px}.user-avatar-placeholder{border-radius:var(--radius-full);background:var(--accent-gradient);width:32px;height:32px;color:var(--text-primary);justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.logout-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.logout-btn:hover{color:#ef4444;background:#ef444414}.login-prompt-banner{background:var(--banner-bg);border:1px solid var(--glass-border);border-left:4px solid var(--accent-cyan);border-radius:var(--radius-md);animation:fadeIn var(--transition-normal);align-items:center;gap:12px;padding:16px;display:flex}.login-prompt-banner-icon{color:var(--accent-cyan);border-radius:var(--radius-sm);background:#38bdf814;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.login-prompt-banner-text-group{flex-direction:column;flex:1;gap:2px;display:flex}.login-prompt-banner-title{color:var(--text-primary);font-size:.85rem;font-weight:800}.login-prompt-banner-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.35}.google-login-btn-banner{background:var(--text-primary);color:#000;border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;align-items:center;padding:8px 12px;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 4px 12px #ffffff1a}.google-login-btn-banner:hover{background:#e2e8f0;transform:translateY(-1px)}.comment-login-prompt{border:1px dashed var(--glass-border);border-radius:var(--radius-md);text-align:center;background:#ffffff05;flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px;display:flex}.comment-login-prompt .prompt-text{color:var(--text-secondary);font-size:.8rem;font-weight:600}.google-login-btn-small{border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:flex}.google-login-btn-small:hover{background:#ffffff1f;border-color:#38bdf84d;transform:translateY(-1px)}.search-wrapper.disabled{opacity:.6;background:#0003}.search-wrapper.disabled .search-input{cursor:not-allowed}.upvote-badge.disabled,.btn-secondary.disabled{opacity:.6;cursor:not-allowed!important}.upvote-badge.disabled:hover,.btn-secondary.disabled:hover{border-color:var(--glass-border)!important;background:#ffffff0a!important;transform:none!important}.dev-test-login-btn-header{color:#a5b4fc;border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:#818cf81a;border:1px solid #818cf84d;align-items:center;padding:8px 12px;font-size:.75rem;font-weight:700;display:flex}.dev-test-login-btn-header:hover{color:var(--text-primary);background:#818cf833;border-color:#818cf8;box-shadow:0 0 10px #818cf833}.login-prompt-banner-buttons{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.dev-test-login-btn-banner{color:#a5b4fc;border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:#818cf826;border:1px solid #818cf866;justify-content:center;align-items:center;padding:8px 12px;font-size:.75rem;font-weight:800;display:flex}.dev-test-login-btn-banner:hover{color:var(--text-primary);background:#818cf840;border-color:#818cf8}.dev-test-login-btn-small{color:#a5b4fc;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:#818cf81a;border:1px solid #818cf84d;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:flex}.dev-test-login-btn-small:hover{color:var(--text-primary);background:#818cf833;border-color:#818cf8;transform:translateY(-1px)}.header-actions{align-items:center;gap:8px;display:flex}.theme-toggle-btn,.lang-toggle-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover,.lang-toggle-btn:hover{border-color:var(--accent-cyan);background:#38bdf814;transform:translateY(-1px)}.theme-toggle-btn:active,.lang-toggle-btn:active{transform:translateY(1px)}.lang-toggle-btn{width:42px;font-family:var(--font-sans);letter-spacing:.05em;font-size:.75rem;font-weight:800}.lang-text{color:var(--text-primary)}.filters-section{flex-direction:column;gap:12px;display:flex}.filters-section.disabled{opacity:.6;pointer-events:none}.filters-grid{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.filters-grid .form-group{min-width:0}