@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-card:#fff;--color-bg-card-hover:#f8fafc;--color-accent-primary:#4f46e5;--color-accent-primary-hover:#4338ca;--color-accent-secondary:#0ea5e9;--color-accent-tertiary:#8b5cf6;--color-accent-success:#10b981;--color-accent-warning:#f59e0b;--color-accent-danger:#ef4444;--gradient-primary:linear-gradient(135deg, var(--color-accent-primary) 0%, var(--color-accent-tertiary) 100%);--gradient-glow:linear-gradient(135deg, #4f46e566 0%, #8b5cf666 100%);--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-border-primary:#e2e8f0;--color-border-secondary:#cbd5e1;--color-border-accent:#0f172a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 30px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-card:0 4px 20px -2px #0000000f;--shadow-glow:0 0 20px #4f46e54d;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg-primary:#0a0a0a;--color-bg-secondary:#171717;--color-bg-tertiary:#262626;--color-bg-card:#171717;--color-bg-card-hover:#262626;--color-accent-primary:#6366f1;--color-accent-primary-hover:#818cf8;--color-accent-secondary:#0ea5e9;--color-accent-tertiary:#a855f7;--color-text-primary:#f8fafc;--color-text-secondary:#a3a3a3;--color-text-tertiary:#737373;--color-text-muted:#525252;--color-text-inverse:#fff;--color-border-primary:#262626;--color-border-secondary:#404040;--color-border-accent:#fff;--shadow-card:0 0 0 1px #ffffff1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-primary)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-primary)}.btn-secondary:hover{background:var(--color-bg-tertiary)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:all var(--transition-fast)}.card:hover{border-color:var(--color-border-secondary)}.card-glass{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);background:#fff9;border:1px solid #fff6}[data-theme=dark] .card-glass{background:#17171780;border:1px solid #ffffff0d}.card-glass:hover{box-shadow:var(--shadow-xl);border-color:#fff9;transform:translateY(-2px)}[data-theme=dark] .card-glass:hover{border-color:#ffffff1a}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-group label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--color-accent-secondary);box-shadow:0 0 0 2px #3b82f633}.input::placeholder{color:var(--color-text-muted)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:500;display:inline-flex}.badge-primary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.badge-success{color:var(--color-accent-success);background:#10b9811a;border:1px solid #10b98133}.badge-warning{color:var(--color-accent-warning);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-danger{color:var(--color-accent-danger);background:#ef44441a;border:1px solid #ef444433}.container{width:100%;max-width:1200px;padding:0 var(--space-4);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr)}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-fade-in-up{animation:.4s ease-out fadeInUp}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--space-4)}}.navbar{z-index:100;padding:var(--space-4) 0;background:var(--color-bg-primary);transition:all var(--transition-normal);border-bottom:1px solid #0000;position:sticky;top:0}.navbar-scrolled{padding:var(--space-3) 0;-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background:#ffffffb3;border-bottom:1px solid #ffffff4d}[data-theme=dark] .navbar-scrolled{background:#0a0a0ab3;border-bottom:1px solid #ffffff0d}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.navbar-brand{align-items:center;gap:var(--space-2);color:var(--color-text-primary);text-decoration:none;display:flex}.brand-icon{background:var(--gradient-primary);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-inverse);justify-content:center;align-items:center;display:flex}.brand-text{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:700}.navbar-links{align-items:center;gap:var(--space-6);display:flex}.nav-link{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-text-primary)}.nav-actions{align-items:center;gap:var(--space-2);margin-left:var(--space-4);padding-left:var(--space-4);border-left:1px solid var(--color-border-primary);display:flex}.navbar-mobile-toggle{display:none}@media (width<=768px){.navbar-mobile-toggle{display:flex}.navbar-links{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);padding:var(--space-4) var(--space-6);align-items:flex-start;gap:var(--space-4);box-shadow:var(--shadow-md);flex-direction:column;display:none;position:fixed;top:60px;left:0;right:0}.navbar-links.open{animation:.2s ease-out fadeInDown;display:flex}.nav-actions{border-left:none;border-top:1px solid var(--color-border-primary);width:100%;padding-left:0;padding-top:var(--space-4);flex-direction:row;justify-content:space-between;margin-left:0}}.landing{overflow-x:hidden}.hero{min-height:90vh;padding:var(--space-24) 0 var(--space-16);background:var(--color-bg-primary);justify-content:center;align-items:center;display:flex;position:relative}.hero-bg{pointer-events:none;z-index:0;background-image:radial-gradient(circle at 15%,#4f46e526,#0000 25%),radial-gradient(circle at 85% 30%,#0ea5e926,#0000 25%);animation:10s ease-in-out infinite alternate bgPulse;position:absolute;inset:0}@keyframes bgPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.hero-content{text-align:center;z-index:2;max-width:800px;margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8);font-weight:500;display:inline-flex}.hero-title{font-size:clamp(2.5rem, 8vw, var(--text-6xl));margin-bottom:var(--space-6);letter-spacing:-.03em;color:var(--color-text-primary);font-weight:800;line-height:1.1}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-10);line-height:1.6}.hero-actions{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-16);display:flex}.hero-stats{justify-content:center;align-items:center;gap:var(--space-8);display:flex}.stat{text-align:center}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);font-weight:700;display:block}.stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:500}.stat-divider{background:var(--color-border-primary);width:1px;height:40px}.features-section{padding:var(--space-24) 0;background:var(--color-bg-secondary)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-tag{padding:var(--space-1) var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);font-weight:600;display:inline-block}.section-desc{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:var(--space-4) auto 0}.features-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{text-align:left;padding:var(--space-8);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal);background:#fff9;border:1px solid #fff6}[data-theme=dark] .feature-card{background:#17171780;border:1px solid #ffffff0d}.feature-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent-primary);transform:translateY(-5px)}.feature-icon{background:var(--color-bg-secondary);border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-6);color:var(--color-accent-primary);justify-content:center;align-items:center;display:flex}.feature-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.feature-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.how-section{padding:var(--space-24) 0;background:var(--color-bg-primary)}.how-steps{max-width:800px;margin:0 auto}.how-step{align-items:flex-start;gap:var(--space-6);padding:var(--space-8);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background:#fff6;border:1px solid #fff6;display:flex}[data-theme=dark] .how-step{background:#1717174d;border-color:#ffffff0d}.how-step:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-primary);transform:translate(5px)}.step-number{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-tertiary);min-width:40px;font-weight:700}.step-content h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.step-content p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.step-icon{background:var(--color-bg-primary);border-radius:var(--radius-md);width:48px;min-width:48px;height:48px;color:var(--color-accent-primary);justify-content:center;align-items:center;margin-left:auto;display:flex}.step-connector{background:var(--color-border-primary);width:2px;height:32px;margin:0 auto}.promise-section{padding:var(--space-24) 0;background:var(--color-bg-secondary)}.promise-card{max-width:700px;padding:var(--space-12);text-align:center;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);background:#fff9;border:1px solid #fff6;margin:0 auto}[data-theme=dark] .promise-card{background:#17171780;border:1px solid #ffffff0d}.promise-content h2{margin-bottom:var(--space-8)}.promise-list{text-align:left;gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.promise-list li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;display:flex}.promise-list li svg{color:var(--color-accent-primary);min-width:20px;margin-top:2px}.cta-section{padding:var(--space-24) 0;text-align:center;background:var(--gradient-primary);color:var(--color-text-inverse);position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;animation:20s linear infinite rotateGlow;position:absolute;top:-50%;left:-50%}.cta-content{z-index:2;position:relative}.cta-content h2{font-size:var(--text-4xl);margin-bottom:var(--space-4);color:var(--color-text-inverse)}.cta-content p{font-size:var(--text-lg);color:#ffffffe6;margin-bottom:var(--space-8)}.cta-content .btn-primary{background:var(--color-bg-primary);color:var(--color-accent-primary)}.cta-content .btn-primary:hover{background:var(--color-bg-secondary)}.footer{padding:var(--space-12) 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary)}.footer-content{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.footer-tagline{color:var(--color-text-tertiary);font-size:var(--text-sm);margin-top:var(--space-2)}.footer-meta{text-align:right}.footer-meta p{font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer-disclaimer{margin-top:var(--space-2);max-width:400px;font-size:var(--text-xs)!important;color:var(--color-text-muted)!important}@media (width<=768px){.hero{padding:var(--space-20) 0 var(--space-12)}.hero-title{font-size:var(--text-4xl)}.hero-actions{width:100%;padding:0 var(--space-4);flex-direction:column}.hero-actions .btn{width:100%}.hero-stats{gap:var(--space-4);flex-direction:column}.stat-divider{width:40px;height:1px}.features-grid{grid-template-columns:1fr}.how-step{flex-direction:column}.step-icon{margin-left:0;margin-top:var(--space-4)}.footer-content{text-align:center;flex-direction:column}.footer-meta{text-align:center}.promise-card{padding:var(--space-8)}}.auth-page{min-height:100vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-bg{pointer-events:none;position:absolute;inset:0}.auth-container{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);width:100%;max-width:440px;padding:var(--space-10);box-shadow:var(--shadow-lg);z-index:2;position:relative}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);text-decoration:none;display:inline-flex}.auth-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth-header p{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-accent-danger);font-size:var(--text-sm);text-align:center;background:#ef44441a;border:1px solid #ef44444d}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{left:var(--space-4);color:var(--color-text-muted);pointer-events:none;z-index:1;position:absolute}.input-with-icon .input{padding-left:calc(var(--space-4) + 26px);padding-right:var(--space-4)}.input-with-icon .input:focus+.input-icon,.input-with-icon .input:focus~.input-icon{color:var(--color-accent-primary)}.input-toggle{right:var(--space-3);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;display:flex;position:absolute}.input-toggle:hover{color:var(--color-text-primary)}.auth-submit{width:100%;margin-top:var(--space-2)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-primary)}.auth-footer p{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-footer a{color:var(--color-accent-primary);font-weight:600}.dashboard{background:var(--color-bg-secondary);min-height:100vh;padding-top:80px}.dashboard-content{z-index:1;padding-bottom:var(--space-16);position:relative}.dash-header{margin-bottom:var(--space-8);padding:var(--space-12) var(--space-8);background:var(--gradient-primary);border-radius:var(--radius-2xl);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.dash-header:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;animation:20s linear infinite rotateGlow;position:absolute;top:-50%;left:-50%}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dash-greeting h1{font-size:var(--text-3xl);align-items:center;gap:var(--space-3);color:var(--color-text-inverse);z-index:2;display:flex;position:relative}.greeting-icon{color:#ffffffe6;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.dash-greeting p{color:#fffc;font-size:var(--text-base);margin-top:var(--space-2);z-index:2;position:relative}.empty-state{text-align:center;padding:var(--space-8);align-items:center;gap:var(--space-4);background:var(--color-bg-secondary);flex-direction:column;display:flex}.empty-icon{background:var(--color-bg-primary);width:80px;height:80px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state h3{font-size:var(--text-lg);margin:0;font-weight:600}.empty-state p{color:var(--color-text-secondary);max-width:300px;margin:0 0 var(--space-2) 0}.recent-activity-list{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);flex-direction:column;padding:0;display:flex;overflow:hidden}.activity-item{padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-4);color:inherit;border-bottom:1px solid var(--color-border-primary);transition:background-color var(--transition-fast);text-decoration:none;display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:var(--color-bg-primary)}.activity-icon-container{border-radius:var(--radius-md);background-color:var(--color-bg-primary);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.activity-thumb{object-fit:cover;width:100%;height:100%}.activity-icon-placeholder{color:var(--color-text-muted)}.activity-details{flex:1;min-width:0}.activity-details h4{font-size:var(--text-md);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-weight:600;overflow:hidden}.activity-brand{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.activity-time{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0;display:flex}.dash-search-container{margin-bottom:var(--space-8)}.dash-search{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.search-icon{color:var(--color-text-muted);min-width:20px;margin-left:var(--space-2)}.search-input{min-width:0;color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-text-muted)}.search-btn{min-width:100px}.dash-actions{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.action-card{align-items:center;gap:var(--space-4);padding:var(--space-6);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-2xl);color:var(--color-text-primary);box-shadow:var(--shadow-md);transition:all var(--transition-normal);background:#fff9;border:1px solid #fff6;text-decoration:none;display:flex}[data-theme=dark] .action-card{background:#17171780;border:1px solid #ffffff0d}.action-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent-primary);transform:translateY(-4px)}.action-icon{background:var(--color-bg-secondary);border-radius:var(--radius-md);width:48px;min-width:48px;height:48px;color:var(--color-accent-primary);justify-content:center;align-items:center;display:flex}.action-info h3{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:600}.action-info p{font-size:var(--text-sm);color:var(--color-text-secondary)}.action-arrow{color:var(--color-text-muted);margin-left:auto}.dash-stats{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{align-items:center;gap:var(--space-4);padding:var(--space-5);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background:#fff9;border:1px solid #fff6;display:flex}[data-theme=dark] .stat-card{background:#17171780;border:1px solid #ffffff0d}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card--link{color:inherit;cursor:pointer;text-decoration:none}.stat-card--link:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 45%, transparent)}.stat-card--link:hover .stat-card-icon{background:color-mix(in srgb, var(--color-accent-primary) 14%, transparent);color:var(--color-accent-primary)}.stat-card-icon{background:var(--color-bg-secondary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.stat-card-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;display:block}.stat-card-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.dash-recent h2{font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--color-text-primary)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-2xl);border:1px dashed var(--color-border-secondary);background:#fff6;flex-direction:column;display:flex}[data-theme=dark] .empty-state{border-color:var(--color-border-secondary);background:#1717174d}.empty-icon{background:var(--color-bg-secondary);border-radius:var(--radius-full);width:64px;height:64px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.empty-state h3{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.empty-state p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:300px}@media (width<=1024px){.dash-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dash-actions,.dash-stats{grid-template-columns:1fr}.dash-greeting h1{font-size:var(--text-xl)}}@media (width<=480px){.dash-search{padding:var(--space-3);flex-wrap:wrap}.search-input{width:100%;margin-bottom:var(--space-2)}.search-btn{width:100%}}.scan-page{padding-top:var(--space-12);padding-bottom:var(--space-16);max-width:1200px;margin:0 auto}.scan-header{text-align:center;margin-bottom:var(--space-8)}.scan-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.scan-header p{color:var(--color-text-secondary);font-size:var(--text-lg);max-width:62ch;margin-left:auto;margin-right:auto;line-height:1.6}.method-picker{gap:var(--space-3);max-width:720px;margin:0 auto var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.method-tab{align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);color:var(--color-text-secondary);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;display:flex}.method-tab:hover:not(:disabled){border-color:var(--color-accent-primary);transform:translateY(-2px)}.method-tab:disabled{opacity:.55;cursor:not-allowed}.method-tab.is-active{border-color:var(--color-accent-primary);color:var(--color-accent-primary);box-shadow:var(--shadow-sm);background:#6366f114}.method-label{font-size:var(--text-sm);font-weight:600}.method-hint{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;line-height:1.3}.method-tab.is-active .method-hint{color:var(--color-accent-primary);opacity:.8}.scan-stage{max-width:720px;margin:0 auto var(--space-6);position:relative}.scan-panel{border-radius:var(--radius-2xl);padding:0;position:relative;overflow:hidden}.scan-panel[hidden]{display:none}.scan-stage .scan-panel{padding:0}.panel-body,.dropzone{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);flex-direction:column;min-height:340px;display:flex}.panel-icon{background:var(--gradient-primary);width:56px;height:56px;color:var(--color-text-inverse);margin-bottom:var(--space-3);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.panel-title{font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:700}.panel-desc{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:42ch;margin:0 0 var(--space-5);line-height:1.6}.panel-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.panel-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);white-space:nowrap;display:inline-flex}.panel-note{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-5) 0 0;max-width:44ch;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5;display:flex}.dropzone{cursor:pointer;border:2px dashed var(--color-border-secondary);border-radius:var(--radius-2xl);margin:var(--space-3);min-height:314px;transition:all var(--transition-normal)}.dropzone:hover{border-color:var(--color-accent-primary);background:#6366f10a}.scan-panel.is-dragging .dropzone{border-color:var(--color-accent-primary);background:#6366f117}.camera-footer{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border-primary);display:flex}.live-dot{background:var(--color-accent-danger);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.25}}.btn-link{margin-left:var(--space-2);color:var(--color-accent-primary);font-family:var(--font-primary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.scanner-container{flex-direction:column;width:100%;min-height:250px;display:flex}#reader{width:100%;border:none!important}#reader video{border-radius:var(--radius-xl) var(--radius-xl) 0 0;object-fit:cover;width:100%!important}#reader__dashboard_section_csr{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}#reader button{width:100%;background:var(--gradient-primary)!important;color:var(--color-text-inverse)!important;padding:var(--space-3) var(--space-6)!important;border-radius:var(--radius-xl)!important;font-family:var(--font-primary)!important;cursor:pointer!important;transition:all var(--transition-normal)!important;box-shadow:var(--shadow-md)!important;margin-top:var(--space-2)!important;border:none!important;font-weight:600!important}#reader button:hover{box-shadow:var(--shadow-glow)!important;transform:translateY(-2px)!important}#reader select{width:100%;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3)!important;border-radius:var(--radius-md)!important;border:1px solid var(--color-border-primary)!important;background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important;font-family:var(--font-primary)!important}.scan-loading-overlay{background:var(--color-bg-card);justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;border-radius:var(--radius-2xl);z-index:10;flex-direction:column;animation:.18s ease-out overlay-in;display:flex;position:absolute;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.loading-preview{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);width:128px;height:128px;box-shadow:var(--shadow-md);margin-bottom:var(--space-2)}.loading-status{font-size:var(--text-base);color:var(--color-text-primary);margin:0;font-weight:600}.loading-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.6s}.live-dot{animation:none}}.scan-error-page{max-width:720px;margin:0 auto var(--space-6)}.scan-info-card{padding:var(--space-6);max-width:720px;margin:0 auto}.scan-info-card h4{font-size:var(--text-base);margin-bottom:var(--space-4);color:var(--color-text-primary);align-items:center;gap:var(--space-2);display:flex}.scan-tips{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.scan-tip{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;display:flex}.tip-icon{color:var(--color-accent-primary);flex-shrink:0;margin-top:2px}.manual-form{gap:var(--space-4);flex-direction:column;max-width:400px;margin:0 auto;display:flex}.w-full{width:100%}.scan-error{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-accent-danger);font-size:var(--text-sm);background:#ef44441a;border:1px solid #ef44444d;display:flex}@media (width<=900px){.recent-scans-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.scan-page{padding-top:var(--space-8)}.scan-header h1{font-size:var(--text-2xl)}.scan-panel{border-radius:var(--radius-xl)}.method-hint{display:none}.method-tab{padding:var(--space-3) var(--space-2)}.panel-body,.dropzone{min-height:280px;padding:var(--space-8) var(--space-4)}.scan-tips,.recent-scans-grid{grid-template-columns:1fr}}@media (width<=480px){.panel-actions{flex-direction:column;width:100%}.panel-btn{width:100%}.scan-tip span{word-break:break-word}.loading-preview{width:96px;height:96px}.manual-form .btn{padding:var(--space-3)}}.text-accent{color:var(--color-accent-primary)}.text-muted{color:var(--color-text-muted)}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.mb-1{margin-bottom:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-16{margin-top:var(--space-16)}.mb-6{margin-bottom:var(--space-6)}.text-xl{font-size:var(--text-xl)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-bold{font-weight:700}.font-medium{font-weight:500}.hover\:underline:hover{text-decoration:underline}.right-icon-style{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:0 var(--space-3);align-items:center;display:flex;overflow:hidden}.filled-input{width:100%;min-width:0;padding-left:0;box-shadow:none!important;background:0 0!important;border:none!important}.filled-input:focus{box-shadow:none!important}.input-icon-right{color:var(--color-text-muted)}.recent-scans-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.recent-scan-card{align-items:center;gap:var(--space-4);padding:var(--space-4);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;background:#fff9;border:1px solid #fff6;display:flex}[data-theme=dark] .recent-scan-card{background:#17171780;border-color:#ffffff0d}.recent-scan-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-primary);transform:translateY(-2px)}.scan-thumb{border-radius:var(--radius-md);background:var(--color-bg-secondary);flex-shrink:0;width:60px;height:60px;overflow:hidden}.mock-img{background-color:var(--color-border-secondary);width:100%;height:100%}.scan-meta{flex:1;min-width:0}.scan-meta h5{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:600;overflow:hidden}.scan-meta .sku{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.status-badge{align-items:center;gap:var(--space-1);font-size:11px;font-weight:600;display:inline-flex}.dot{border-radius:50%;width:6px;height:6px}.status-in-stock{color:var(--color-accent-success)}.status-in-stock .dot{background:var(--color-accent-success)}.status-low{color:var(--color-accent-warning)}.status-low .dot{background:var(--color-accent-warning)}.status-out{color:var(--color-accent-danger)}.status-out .dot{background:var(--color-accent-danger)}.confirm-page{padding-top:100px;padding-bottom:var(--space-16);max-width:1100px}.confirm-page .loading-state,.confirm-page .empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}.confirm-page .empty-state h3{color:var(--color-text-primary);margin:0}.confirm-page .empty-state p{max-width:460px;margin:0}.confirm-page .empty-icon{color:var(--color-text-muted)}.confirm-header{margin-bottom:var(--space-8)}.confirm-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.confirm-header p{color:var(--color-text-secondary);max-width:70ch;margin:0}.confirm-warnings{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);color:var(--color-accent-warning);border-radius:var(--radius-lg);background:#f59e0b14;border:1px solid #f59e0b40;display:flex}.confirm-warnings ul{padding-left:var(--space-4);font-size:var(--text-sm);margin:0;line-height:1.6}.confirm-error{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-accent-danger);border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;display:flex}.confirm-matches{padding:var(--space-5);margin-bottom:var(--space-6)}.confirm-matches h3{align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--text-base);display:flex}.matches-hint{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.matches-list{gap:var(--space-2);flex-direction:column;display:flex}.match-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);text-decoration:none;display:flex}.match-row:hover{border-color:var(--color-accent-primary);background:var(--color-bg-secondary)}.match-thumb{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.match-thumb img{object-fit:cover;width:100%;height:100%}.match-text{flex-direction:column;flex:1;min-width:0;display:flex}.match-name{font-weight:500;font-size:var(--text-sm)}.match-brand{font-size:var(--text-xs);color:var(--color-text-muted)}.match-score{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.confirm-layout{gap:var(--space-6);grid-template-columns:300px 1fr;align-items:start;display:grid}.confirm-image-col{gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:100px}.confirm-image{padding:var(--space-2);overflow:hidden}.confirm-image img{border-radius:var(--radius-md);width:100%;display:block}.confirm-meta{padding:var(--space-4);font-size:var(--text-sm)}.meta-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;color:var(--color-text-secondary);display:flex}.meta-row span{align-items:center;gap:var(--space-2);display:inline-flex}.meta-row strong{color:var(--color-text-primary)}.text-good{color:var(--color-accent-success)}.text-warn{color:var(--color-accent-warning)}.meta-note{margin:var(--space-3) 0 0;padding-top:var(--space-3);border-top:1px solid var(--color-border-primary);font-size:var(--text-xs);color:var(--color-text-muted)}.confirm-fields{gap:var(--space-4);flex-direction:column;display:flex}.field-group{padding:var(--space-5)}.field-group h3{margin:0 0 var(--space-1);font-size:var(--text-base)}.per-100{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:400}.field-hint{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.field{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.field>span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}.field>span em{color:var(--color-accent-warning);margin-left:var(--space-1);font-style:normal}.field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.textarea{resize:vertical;min-height:96px;font-family:inherit;line-height:1.6}.duplicate-block{padding:var(--space-5);background:#f59e0b0f;border:1px solid #f59e0b59}.duplicate-block h3{align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--text-base);color:var(--color-accent-warning);display:flex}.duplicate-block p{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.duplicate-block .matches-list{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.confirm-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);display:flex}.confirm-actions .btn{align-items:center;gap:var(--space-2);display:inline-flex}@media (width<=900px){.confirm-layout{grid-template-columns:1fr}.confirm-image-col{position:static}.confirm-image img{object-fit:contain;max-height:260px}}@media (width<=560px){.field-row{grid-template-columns:1fr}.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{justify-content:center;width:100%}}.search-page{padding-top:100px;padding-bottom:var(--space-16);max-width:1000px}.search-header{text-align:center;margin-bottom:var(--space-12)}.search-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.search-header p{color:var(--color-text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-8)}.search-bar-wrapper{max-width:800px;margin:0 auto;position:relative}.search-bar-large{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);max-width:800px;transition:all var(--transition-normal);margin:0 auto;display:flex}.suggestions-dropdown{top:calc(100% + var(--space-2));z-index:20;padding:var(--space-2);text-align:left;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-height:340px;margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.suggestion-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-primary);transition:background var(--transition-fast);text-decoration:none;display:flex}.suggestion-row:hover{background:var(--color-bg-secondary)}.suggestion-thumb{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.suggestion-thumb img{object-fit:cover;width:100%;height:100%}.suggestion-text{flex-direction:column;flex:1;min-width:0;display:flex}.suggestion-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.suggestion-brand{font-size:var(--text-xs);color:var(--color-text-muted)}.suggestion-score{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.search-bar-large:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 4px #6366f126}.search-icon{color:var(--color-text-muted)}.search-input-large{color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-lg);background:0 0;border:none;outline:none;flex:1}.search-input-large::placeholder{color:var(--color-text-muted)}.results-meta{color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:500}.results-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}.product-card{align-items:center;gap:var(--space-4);padding:var(--space-4);color:var(--color-text-primary);transition:all var(--transition-normal);text-decoration:none;display:flex}.product-card:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card-img{border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.product-card-img img{object-fit:cover;width:100%;height:100%}.placeholder-icon{color:var(--color-text-muted)}.product-card-content{flex:1;min-width:0}.product-brand{font-size:var(--text-xs);color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;display:block}.product-name{font-size:var(--text-base);margin-bottom:var(--space-2);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.product-badges{gap:var(--space-2);display:flex}.product-card-action{color:var(--color-text-muted);transition:all var(--transition-fast)}.product-card:hover .product-card-action{color:var(--color-accent-primary);transform:translate(4px)}.external-results{margin-top:var(--space-10)}.external-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border-primary);color:var(--color-text-secondary);display:flex}.external-header h3{font-size:var(--text-base);margin:0 0 var(--space-1);color:var(--color-text-primary)}.external-header p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.external-card{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border-style:dashed}.external-card:disabled{opacity:.6;cursor:progress}.badge-muted{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-primary)}.results-hint{color:var(--color-text-muted);font-weight:400}.search-error{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-accent-danger);border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;display:flex}.loading-state,.empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}.empty-state h3{color:var(--color-text-primary);margin:0}.empty-state p{max-width:460px;margin:0}.empty-icon{color:var(--color-text-muted)}.spinner{border:3px solid var(--color-border-primary);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);width:32px;height:32px;animation:.8s linear infinite search-spin}@keyframes search-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner,.spin{animation-duration:2.4s}}@media (width<=768px){.search-bar-large{padding:var(--space-4);border-radius:var(--radius-xl);flex-direction:column}.search-input-large{text-align:center;width:100%;margin:var(--space-2) 0}.search-bar-large .btn{width:100%}.results-grid{grid-template-columns:1fr}}.submit-page{padding-top:100px;padding-bottom:var(--space-16);max-width:720px}.submit-page .back-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast);margin-bottom:var(--space-6);text-decoration:none;display:inline-flex}.submit-page .back-link:hover{color:var(--color-accent-primary)}.submit-header{margin-bottom:var(--space-8)}.submit-header h1{align-items:center;gap:var(--space-3);font-size:var(--text-3xl);margin-bottom:var(--space-2);display:flex}.submit-header p{color:var(--color-text-secondary);font-size:var(--text-base);max-width:60ch}.submit-form{gap:var(--space-5);padding:var(--space-6);flex-direction:column;display:flex}.submit-form .input-group{gap:var(--space-2);flex-direction:column;display:flex}.submit-form label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.submit-form .required{color:var(--color-accent-danger)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.submit-textarea{resize:vertical;min-height:96px;font-family:inherit;line-height:1.6}.field-hint{align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted,var(--color-text-secondary));margin:0;display:flex}.submit-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-accent-danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-accent-danger) 35%, transparent);border-radius:var(--radius-md);color:var(--color-accent-danger);font-size:var(--text-sm);display:flex}.submit-disclaimer{font-size:var(--text-xs);color:var(--color-text-muted,var(--color-text-secondary));text-align:center;margin:0}@media (width<=640px){.form-row{grid-template-columns:1fr}}.duplicate-block{padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:#f59e0b0f;border:1px solid #f59e0b59}.duplicate-lead{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.duplicate-row{align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast);text-decoration:none;display:flex}.duplicate-row:hover{border-color:var(--color-accent-primary)}.duplicate-name{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.duplicate-score{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.image-dropzone{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;display:flex}.image-dropzone:hover{border-color:var(--color-accent-primary);background:#6366f10a}.image-preview{max-width:240px;display:inline-block;position:relative}.image-preview img{border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);width:100%;display:block}.image-remove{top:var(--space-2);right:var(--space-2);color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:absolute}.image-remove:hover{background:var(--color-accent-danger)}@keyframes submit-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.6s}}.community-section{padding:var(--space-6);margin-top:var(--space-6)}.cm-notice{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-accent-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-accent-primary) 30%, transparent);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);display:flex}.cm-empty{text-align:center;padding:var(--space-8) var(--space-4);border:1px dashed var(--color-border-primary);border-radius:var(--radius-lg);margin-top:var(--space-4)}.cm-empty-icon{color:var(--color-text-muted,var(--color-text-secondary))}.cm-empty-title{margin:var(--space-3) 0 var(--space-1);font-weight:600}.cm-empty-desc{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:46ch;margin:0 auto}.cm-block{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg)}.cm-block-personal{border-color:color-mix(in srgb, var(--color-accent-primary) 45%, transparent);background:color-mix(in srgb, var(--color-accent-primary) 6%, transparent)}.cm-block-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.cm-block-head h3{align-items:center;gap:var(--space-2);font-size:var(--text-base);margin:0;display:flex}.cm-count{font-size:var(--text-xs);color:var(--color-text-secondary)}.cm-breakdown{gap:var(--space-2);flex-direction:column;display:flex}.cm-bar-row{align-items:center;gap:var(--space-3);font-size:var(--text-sm);grid-template-columns:minmax(120px,170px) 1fr 46px;display:grid}.cm-bar-label{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-bar-track{background:var(--color-bg-secondary,#7f7f7f26);border-radius:var(--radius-full);height:8px;overflow:hidden}.cm-bar-fill{background:var(--color-accent-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.cm-bar-fill.adverse{background:var(--color-accent-warning)}.cm-bar-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-weight:600}.cm-thin,.cm-disclaimer{align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted,var(--color-text-secondary));margin-top:var(--space-3);line-height:1.5;display:flex}.cm-disclaimer{margin-top:var(--space-4)}.cm-contribute{margin-top:var(--space-5)}.cm-form{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);flex-direction:column;display:flex}.cm-field{gap:var(--space-2);flex-direction:column;display:flex}.cm-field label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.cm-textarea{resize:vertical;min-height:76px;font-family:inherit;line-height:1.6}.cm-consent{align-items:flex-start;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;line-height:1.55;display:flex}.cm-consent input{flex-shrink:0;margin-top:3px}.cm-form-actions{gap:var(--space-3);display:flex}.cm-list{margin-top:var(--space-6)}.cm-list-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:var(--space-3);display:flex}.cm-review{padding:var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.cm-review.mine{border-color:color-mix(in srgb, var(--color-accent-primary) 45%, transparent)}.cm-review-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.cm-chip{font-size:var(--text-xs);padding:2px var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent-primary) 14%, transparent);color:var(--color-accent-primary);font-weight:600}.cm-chip.adverse{background:color-mix(in srgb, var(--color-accent-warning) 16%, transparent);color:var(--color-accent-warning)}.cm-chip.mine-chip{border:1px solid var(--color-border-primary);color:var(--color-text-secondary);background:0 0}.cm-meta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);display:inline-flex}.cm-relevance{margin:var(--space-2) 0}.cm-why-toggle{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-accent-primary);background:0 0;border:none;padding:0;font-weight:600;display:inline-flex}.cm-why{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent-primary) 6%, transparent)}.cm-why-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin:0 0 var(--space-2);font-weight:700}.cm-why-title+.cm-why-list{margin-bottom:var(--space-3)}.cm-why-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cm-why-list li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.cm-why-list .ok{color:var(--color-accent-success);flex-shrink:0;margin-top:4px}.cm-why-list .diff{color:var(--color-accent-warning);flex-shrink:0;margin-top:4px}.cm-why-note{font-size:var(--text-xs);color:var(--color-text-muted,var(--color-text-secondary));margin:var(--space-2) 0 0}.cm-text{margin:var(--space-3) 0;color:var(--color-text-primary);white-space:pre-wrap;line-height:1.65}.cm-held{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent-warning) 12%, transparent);color:var(--color-accent-warning);font-size:var(--text-xs);margin-bottom:var(--space-2);display:flex}.cm-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.cm-action{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:inline-flex}.cm-action:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.cm-action.active{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:color-mix(in srgb, var(--color-accent-primary) 12%, transparent)}.cm-action.subtle{opacity:.7}.cm-signed-out{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}@media (width<=640px){.cm-bar-row{grid-template-columns:minmax(96px,132px) 1fr 40px}}.product-page{padding-top:100px;padding-bottom:var(--space-16)}.loading-state,.error-state{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;min-height:60vh;display:flex}.error-icon{color:var(--color-accent-danger)}.mt-4{margin-top:var(--space-4)}.product-nav{margin-bottom:var(--space-6)}.back-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-accent-primary)}.product-header{gap:var(--space-8);margin-bottom:var(--space-8);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg);background:#fff9;border:1px solid #fff6;grid-template-columns:auto 1fr auto;align-items:center;display:grid}[data-theme=dark] .product-header{background:#17171780;border-color:#ffffff0d}.product-image-container{border-radius:var(--radius-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);justify-content:center;align-items:center;width:160px;height:160px;display:flex;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%}.product-image-placeholder{color:var(--color-text-muted)}.product-brand{font-size:var(--text-sm);color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600;display:block}.product-title{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.product-meta{gap:var(--space-2);display:flex}.product-save{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.save-toggle{align-items:center;gap:var(--space-2);display:inline-flex}.save-toggle:disabled{opacity:.6;cursor:not-allowed}.save-toggle.is-saved{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background:color-mix(in srgb, var(--color-accent-primary) 10%, transparent)}.save-error{font-size:var(--text-xs);color:var(--color-accent-danger)}.product-score-card{min-width:350px;padding:var(--space-5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);background:#fff9;border:1px solid #fff6}[data-theme=dark] .product-score-card{background:#17171780;border-color:#ffffff0d}.score-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.score-header h3{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.confidence-badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-accent-success);border-radius:var(--radius-full);background:#10b9811a;padding:2px 8px;display:inline-flex}.score-display{align-items:center;gap:var(--space-5);display:flex}.score-ring-large{width:90px;height:90px;position:relative}.score-ring-large svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--color-border-secondary);stroke-width:8px}.ring-progress{fill:none;stroke:var(--color-accent-success);stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray 1s ease-out}.score-value{font-family:var(--font-display);font-size:var(--text-3xl);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.score-text h4{font-size:var(--text-base);margin-bottom:var(--space-1)}.score-text p{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5}.product-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.product-section{padding:var(--space-6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);background:#fff9;border:1px solid #fff6}[data-theme=dark] .product-section{background:#17171780;border-color:#ffffff0d}.section-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-primary)}.section-header h2{font-size:var(--text-lg);align-items:center;gap:var(--space-2);display:flex}.empty-text{color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic}.ingredients-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.ingredient-item{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);font-size:var(--text-sm);display:inline-flex}.ingredient-pct{color:var(--color-text-tertiary);font-size:var(--text-xs)}.nutrition-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.nutrition-item{padding:var(--space-2) 0;border-bottom:1px dashed var(--color-border-primary);justify-content:space-between;display:flex}.nutr-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.nutr-val{font-weight:600;font-size:var(--text-sm)}.allergens-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.allergen-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.allergen-safe{align-items:center;gap:var(--space-2);color:var(--color-accent-success);font-size:var(--text-sm);font-weight:500;display:flex}.score-loading{align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.spinner-sm{border:2px solid var(--color-border-secondary);border-top-color:var(--color-accent-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner-sm{animation-duration:2.4s}}.score-empty{align-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);flex-direction:column;display:flex}.allergen-warning-banner{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-accent-danger);font-size:var(--text-xs);margin-top:var(--space-2);background:#ef44441a;border:1px solid #ef44444d;font-weight:600;display:flex}.goal-alignments{gap:var(--space-3);flex-direction:column;display:flex}.goal-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);transition:all var(--transition-normal)}.goal-item:hover{border-color:var(--color-border-accent)}.goal-top{align-items:center;gap:var(--space-3);display:flex}.goal-icon{border-radius:var(--radius-md);background:var(--color-bg-tertiary);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.alignment-excellent .goal-icon{color:var(--color-accent-success);background:#10b9811a}.alignment-good .goal-icon{color:#22c55e;background:#22c55e1a}.alignment-neutral .goal-icon{color:var(--color-text-secondary)}.alignment-poor .goal-icon{color:var(--color-accent-warning);background:#f59e0b1a}.alignment-bad .goal-icon{color:var(--color-accent-danger);background:#ef44441a}.goal-info{flex-direction:column;flex:1;gap:2px;display:flex}.goal-name{font-weight:600;font-size:var(--text-sm)}.goal-alignment-badge{font-size:var(--text-xs);text-transform:capitalize;font-weight:500}.goal-alignment-badge.alignment-excellent{color:var(--color-accent-success)}.goal-alignment-badge.alignment-good{color:#22c55e}.goal-alignment-badge.alignment-neutral{color:var(--color-text-secondary)}.goal-alignment-badge.alignment-poor{color:var(--color-accent-warning)}.goal-alignment-badge.alignment-bad{color:var(--color-accent-danger)}.goal-score{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700}.goal-reason{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-2);line-height:1.5}.flags-list{gap:var(--space-2);flex-direction:column;display:flex}.flag-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);display:flex}.flag-danger{background:#ef44440d;border-color:#ef444433}.flag-warning{background:#f59e0b0d;border-color:#f59e0b33}.flag-positive{background:#10b9810d;border-color:#10b98133}.flag-info{background:#6366f10d;border-color:#6366f133}.flag-icon{flex-shrink:0;margin-top:2px}.flag-danger .flag-icon{color:var(--color-accent-danger)}.flag-warning .flag-icon{color:var(--color-accent-warning)}.flag-positive .flag-icon{color:var(--color-accent-success)}.flag-info .flag-icon{color:var(--color-accent-primary)}.flag-content{flex:1;min-width:0}.flag-title{font-weight:600;font-size:var(--text-sm);margin-bottom:2px;display:block}.flag-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5}.flag-impact{font-size:var(--text-xs);border-radius:var(--radius-sm);flex-shrink:0;padding:2px 6px;font-weight:700}.flag-impact.positive{color:var(--color-accent-success);background:#10b9811a}.flag-impact.negative{color:var(--color-accent-danger);background:#ef44441a}.breakdown-bars{gap:var(--space-4);flex-direction:column;display:flex}.breakdown-item{gap:var(--space-2);flex-direction:column;display:flex}.breakdown-label{font-size:var(--text-sm);justify-content:space-between;display:flex}.breakdown-label span:first-child{color:var(--color-text-secondary)}.breakdown-value{font-weight:600}.breakdown-bar{border-radius:var(--radius-full);background:var(--color-bg-tertiary);height:8px;overflow:hidden}.breakdown-fill{border-radius:var(--radius-full);height:100%;transition:width 1s ease-out}.ai-report-section{margin-bottom:var(--space-8);background:linear-gradient(135deg,#6366f108 0%,#a855f708 50%,#6366f103 100%);border:1px solid #6366f126;overflow:hidden}.ai-report-header{padding:var(--space-5) var(--space-6);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #6366f11a;justify-content:space-between;align-items:center;display:flex}.ai-report-header:hover{background:#6366f10d}.ai-report-title{align-items:center;gap:var(--space-3);display:flex}.ai-icon-wrapper{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-accent-primary);background:linear-gradient(135deg,#6366f126,#a855f726);justify-content:center;align-items:center;display:flex;position:relative}.sparkle-accent{color:var(--color-accent-secondary);animation:2s ease-in-out infinite sparkle;position:absolute;top:-2px;right:-2px}@keyframes sparkle{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.ai-report-title h2{font-size:var(--text-lg);margin:0}.ai-provider-badge{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.expand-toggle{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none}.expand-toggle:hover{color:var(--color-accent-primary);background:#6366f11a}.ai-report-content{padding:var(--space-6)}.report-loading{align-items:center;gap:var(--space-5);padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.ai-loading-animation{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.ai-pulse-ring{border:2px solid #6366f14d;border-radius:50%;animation:1.5s cubic-bezier(.4,0,.6,1) infinite ai-pulse;position:absolute;inset:0}.ai-pulse-ring:before{content:"";border:1px solid #a855f733;border-radius:50%;animation:1.5s cubic-bezier(.4,0,.6,1) .3s infinite ai-pulse;position:absolute;inset:-6px}@keyframes ai-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.ai-brain-icon{color:var(--color-accent-primary);animation:2s ease-in-out infinite brain-glow}@keyframes brain-glow{0%,to{filter:drop-shadow(0 0 4px #6366f14d)}50%{filter:drop-shadow(0 0 12px #6366f199)}}.loading-text{text-align:center}.loading-text p{color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:500}.loading-subtext{font-size:var(--text-xs);color:var(--color-text-tertiary)}.report-summary{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border-left:3px solid var(--color-accent-primary);margin-bottom:var(--space-6);background:linear-gradient(135deg,#6366f114,#a855f70d)}.report-summary p{font-size:var(--text-base);color:var(--color-text-primary);margin:0;line-height:1.7}.report-insights{margin-bottom:var(--space-6)}.insights-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-accent-warning);display:flex}.insights-header h3{font-size:var(--text-base);color:var(--color-text-primary);margin:0}.insights-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.insight-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);transition:all var(--transition-fast);display:flex}.insight-card:hover{border-color:var(--color-border-accent);transform:translateY(-1px)}.insight-number{width:24px;height:24px;font-size:var(--text-xs);color:var(--color-accent-primary);border-radius:var(--radius-full);background:#6366f11a;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.insight-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.report-analysis{margin-bottom:var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--color-border-primary)}.report-markdown{line-height:1.7}.report-heading{font-size:var(--text-lg);margin-top:var(--space-5);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:600}.report-subheading{font-size:var(--text-base);margin-top:var(--space-4);margin-bottom:var(--space-2);color:var(--color-text-primary);font-weight:600}.report-paragraph{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.7}.report-list{padding-left:var(--space-5);margin-bottom:var(--space-3)}.report-list li{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1);line-height:1.7}.report-list li strong{color:var(--color-text-primary)}.report-recommendations{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:#10b9810a;border:1px solid #10b98126}.report-recommendations h3{font-size:var(--text-base);align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-accent-success);display:flex}.recommendations-list{gap:var(--space-3);flex-direction:column;display:flex}.recommendation-item{align-items:flex-start;gap:var(--space-3);display:flex}.rec-icon{color:var(--color-accent-success);flex-shrink:0;margin-top:2px}.recommendation-item p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.report-disclaimer{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);background:#6366f10a;display:flex}.report-disclaimer svg{color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px}.report-disclaimer p{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0;line-height:1.5}.report-feedback{padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.feedback-prompt{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.feedback-prompt:hover{background:var(--color-bg-secondary);color:var(--color-accent-primary)}.feedback-thanks{align-items:center;gap:var(--space-2);padding:var(--space-3);color:var(--color-accent-success);font-size:var(--text-sm);font-weight:500;display:flex}.feedback-form{padding:var(--space-4);animation:.3s ease-out fadeIn}.star-rating{gap:var(--space-1);margin-bottom:var(--space-3);display:flex}.star-btn{color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none}.star-btn:hover{transform:scale(1.15)}.star-btn.active{color:#f59e0b}.feedback-textarea{width:100%;padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);resize:vertical;margin-bottom:var(--space-3);transition:border-color var(--transition-fast)}.feedback-textarea:focus{border-color:var(--color-accent-primary);outline:none}.feedback-textarea::placeholder{color:var(--color-text-muted)}.feedback-submit-btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-5)}.report-empty{align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.report-empty p{font-size:var(--text-sm)}@media (width<=1024px){.product-header{grid-template-rows:auto auto;grid-template-columns:auto 1fr}.product-score-card{grid-column:1/-1;min-width:100%}.insights-grid{grid-template-columns:1fr}}@media (width<=768px){.product-header{text-align:center;grid-template-columns:1fr}.product-image-container{margin:0 auto}.product-meta,.product-save{justify-content:center}.product-grid{grid-template-columns:1fr}.ai-report-header,.ai-report-content{padding:var(--space-4)}}@media (width<=480px){.nutrition-grid{grid-template-columns:1fr}.product-score-card{min-width:100%}}.alternatives-section{margin-top:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary)}.alternatives-loading{align-items:center;gap:var(--space-3);padding:var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.alternatives-grid{gap:var(--space-4);flex-direction:column;display:flex}.alternative-card{color:inherit;transition:all var(--transition-normal);padding:var(--space-4);gap:var(--space-4);border-radius:var(--radius-xl);text-decoration:none;display:flex;position:relative;overflow:hidden}.alternative-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-secondary);transform:translateY(-2px)}.alt-score-badge{padding:var(--space-1) var(--space-3);color:#fff;font-weight:700;font-size:var(--text-sm);border-bottom-left-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:absolute;top:0;right:0}.alt-content{align-items:flex-start;gap:var(--space-4);width:100%;display:flex}.alt-thumb{border-radius:var(--radius-md);background:var(--color-bg-primary);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.alt-thumb img{object-fit:cover;width:100%;height:100%}.alt-info{min-width:0;padding-right:var(--space-6);flex:1}.alt-brand{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-weight:600;display:block}.alt-name{font-size:var(--text-md);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.alt-reasons{gap:var(--space-1);flex-direction:column;display:flex}.alt-reason-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}@media (width>=768px){.alternatives-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}}.alignment-not-evaluated .goal-icon,.goal-alignment-badge.alignment-not-evaluated{color:var(--color-accent-warning)}.goal-item.alignment-not-evaluated{opacity:.85;border-style:dashed}.goal-score-na{color:var(--color-text-muted);font-weight:400}.breakdown-weight{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:6px}.breakdown-dropped .breakdown-label{color:var(--color-text-muted)}.breakdown-dropped .breakdown-value{color:var(--color-text-muted);font-style:italic}.breakdown-dropped .breakdown-bar{border:1px dashed var(--color-border);background:0 0}.breakdown-note{font-size:var(--text-xs);color:var(--color-text-muted);align-items:flex-start;gap:6px;margin-top:12px;line-height:1.5;display:flex}.breakdown-note svg{flex-shrink:0;margin-top:2px}.diet-warning-banner{background:color-mix(in srgb, var(--color-accent-warning) 14%, transparent);border-color:color-mix(in srgb, var(--color-accent-warning) 40%, transparent);color:var(--color-accent-warning)}.diet-uncertain-banner{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted,var(--color-text-secondary));display:inline-flex}.health-disabled,.health-disclaimer{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;display:flex}.consent-gate{gap:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}.consent-lead{color:var(--color-text-secondary);max-width:66ch;margin:0;line-height:1.6}.consent-terms{padding:var(--space-4);gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);flex-direction:column;width:100%;margin:0;list-style:none;display:flex}.consent-terms li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.55;display:flex}.consent-terms li>span{flex:1;min-width:0}.consent-terms svg{color:var(--color-accent-primary);flex-shrink:0;margin-top:2px}.consent-terms li:last-child svg{color:var(--color-accent-warning)}.consent-note{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.conditions-list{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.condition-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);background:var(--color-bg-secondary);border-left-width:3px}.condition-card.severity-high{border-left-color:var(--color-accent-danger)}.condition-card.severity-moderate{border-left-color:var(--color-accent-warning)}.condition-card.severity-low{border-left-color:var(--color-accent-primary)}.condition-card h4{margin:0 0 var(--space-1);font-size:var(--text-base)}.condition-explanation{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.condition-meta{gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);flex-direction:column;display:flex}.health-disclaimer{padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-accent-warning);background:#f59e0b14;border:1px solid #f59e0b33}.health-disclaimer svg{flex-shrink:0;margin-top:2px}.documents-list{gap:var(--space-2);flex-direction:column;display:flex}.document-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex}.doc-icon{color:var(--color-text-muted);flex-shrink:0}.doc-text{flex-direction:column;flex:1;min-width:0;display:flex}.doc-title{font-size:var(--text-sm);font-weight:500}.doc-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.doc-pending{color:var(--color-accent-warning);font-style:normal;font-weight:600}.review-lead{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.health-warnings{gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);border-radius:var(--radius-md);color:var(--color-accent-warning);font-size:var(--text-sm);background:#f59e0b14;border:1px solid #f59e0b40;display:flex}.health-warnings ul{padding-left:var(--space-4);margin:0}.markers-table{gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);flex-direction:column;max-height:420px;display:flex;overflow-y:auto}.marker-row{gap:var(--space-2);grid-template-columns:32px minmax(0,2fr) 80px 72px 84px 32px;align-items:center;display:grid}.marker-head{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}.marker-row.is-unrecognized{opacity:.6}.input-sm{padding:var(--space-2);font-size:var(--text-sm)}.marker-flag{font-size:var(--text-xs);text-align:center;padding:var(--space-1);border-radius:var(--radius-sm);font-weight:600}.flag-high{color:var(--color-accent-danger);background:#ef44441a}.flag-low{color:var(--color-accent-warning);background:#f59e0b1a}.flag-normal{color:var(--color-accent-success);background:#10b9811a}.flag-unknown{color:var(--color-text-muted);background:var(--color-bg-secondary)}.marker-note{font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-4)}.review-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.review-actions .btn{align-items:center;gap:var(--space-2);display:inline-flex}.health-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.btn-link-muted{font-family:var(--font-primary);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.btn-link-muted:hover{color:var(--color-accent-danger)}.withdraw-confirm{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-accent-danger);flex-wrap:wrap;display:flex}.btn-danger{background:var(--color-accent-danger);color:#fff;border:1px solid var(--color-accent-danger)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-icon{padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover:not(:disabled){color:var(--color-accent-danger)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.goal-conflict{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);background:#f59e0b14;border:1px solid #f59e0b40;line-height:1.55;display:flex}.goal-conflict svg{color:var(--color-accent-warning);flex-shrink:0;margin-top:2px}@media (width<=720px){.marker-row{grid-template-columns:28px minmax(0,1fr) 68px 60px}.marker-row>:nth-child(5),.marker-row>:nth-child(6){display:none}}.profile-page{padding-top:100px;padding-bottom:var(--space-16);max-width:1000px}.profile-header{margin-bottom:var(--space-8)}.profile-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.profile-header p{color:var(--color-text-secondary);font-size:var(--text-lg)}.success-banner{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-accent-success);margin-top:var(--space-4);background:#10b9811a;border:1px solid #10b9814d;display:flex}.form-error{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--color-accent-danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-accent-danger) 35%, transparent);border-radius:var(--radius-md);color:var(--color-accent-danger);font-size:var(--text-sm);margin-top:var(--space-2);display:flex}.profile-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.profile-section{padding:var(--space-6)}.profile-section--wide{grid-column:1/-1}.account-details{gap:var(--space-4);flex-direction:column;display:flex}.detail-item{gap:var(--space-1);flex-direction:column;display:flex}.detail-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:var(--text-base);font-weight:500}.add-form{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.add-form .input{flex:1}.tags-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-primary);background:#6366f11a;border:1px solid #6366f133;display:inline-flex}.tag-warning{background:#f59e0b1a;border-color:#f59e0b33}.tag-remove{color:var(--color-text-muted);cursor:pointer;font-size:var(--text-lg);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0 0 2px;line-height:1;display:flex}.tag-remove:hover{color:var(--color-accent-danger)}.goals-list{flex-direction:column;align-items:stretch}.goal-row{flex-direction:column;gap:4px;display:flex}.goal-badge{font-size:var(--text-xs);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:1px 6px;display:inline-flex}.goal-badge-pending{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-text-muted) 15%, transparent)}.goal-badge-unsupported{color:var(--color-accent-warning);background:color-mix(in srgb, var(--color-accent-warning) 15%, transparent)}.goal-unsupported .tag-item{border-color:color-mix(in srgb, var(--color-accent-warning) 45%, transparent)}.goal-status-message{font-size:var(--text-xs);color:var(--color-text-muted);max-width:42ch;margin:0 0 4px 2px;line-height:1.4}.spin{animation:1s linear infinite goal-spin}@keyframes goal-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}@media (width<=768px){.profile-grid{grid-template-columns:1fr}}.allergy-form{flex-wrap:wrap}.allergy-select{flex:none;width:auto;min-width:7.5rem}.allergy-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:8px 0 12px;line-height:1.5}.allergy-meta{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:capitalize;margin-left:6px}.privacy-intro{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.privacy-master{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:600;display:flex}.privacy-options{gap:var(--space-2);margin-top:var(--space-3);padding-left:var(--space-4);transition:opacity var(--transition-fast);flex-direction:column;display:flex}.privacy-options.disabled{opacity:.45}.privacy-option{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.privacy-options.disabled .privacy-option{cursor:not-allowed}.detail-fields{gap:var(--space-4);flex-direction:column;display:flex}.detail-field{gap:var(--space-2);flex-direction:column;display:flex}.detail-field label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.detail-saved{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-accent-success);display:inline-flex}.pref-list{gap:var(--space-2);flex-direction:column;display:flex}.pref-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast);display:flex}.pref-row.active{border-color:color-mix(in srgb, var(--color-accent-primary) 45%, transparent)}.pref-main,.pref-strict{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.pref-main{font-size:var(--text-sm)}.pref-strict{font-size:var(--text-xs);color:var(--color-accent-warning);text-transform:uppercase;letter-spacing:.04em}.saved-page{padding-top:100px;padding-bottom:var(--space-16);max-width:1000px}.saved-nav{margin-bottom:var(--space-6)}.saved-header{margin-bottom:var(--space-8)}.saved-header h1{align-items:center;gap:var(--space-3);font-size:var(--text-3xl);margin-bottom:var(--space-2);display:flex}.saved-header p{color:var(--color-text-secondary);font-size:var(--text-lg)}.saved-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);background:color-mix(in srgb, var(--color-accent-danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-accent-danger) 35%, transparent);border-radius:var(--radius-md);color:var(--color-accent-danger);font-size:var(--text-sm);display:flex}.saved-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}.saved-card{align-items:center;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-normal);display:flex}.saved-card:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.saved-card-link{align-items:center;gap:var(--space-4);min-width:0;color:var(--color-text-primary);flex:1;text-decoration:none;display:flex}.saved-card-img{border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.saved-card-img img{object-fit:cover;width:100%;height:100%}.saved-card-content{flex:1;min-width:0}.saved-card-name{font-size:var(--text-base);margin-bottom:var(--space-2);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.saved-card-badges{gap:var(--space-2);display:flex}.saved-card-arrow{color:var(--color-text-muted);flex-shrink:0}.saved-remove{flex-shrink:0}.saved-remove:disabled{opacity:.6;cursor:not-allowed}.saved-more{margin-top:var(--space-8);justify-content:center;display:flex}@media (width<=640px){.saved-grid{grid-template-columns:1fr}}.saved-page .back-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.saved-page .back-link:hover{color:var(--color-accent-primary)}.saved-page .loading-state,.saved-page .empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}.saved-page .empty-state h3{color:var(--color-text-primary);margin:0}.saved-page .empty-state p{max-width:460px;margin:0}.saved-page .placeholder-icon{color:var(--color-text-muted)}.saved-page .spinner{border:3px solid var(--color-border-primary);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);width:32px;height:32px;animation:.8s linear infinite saved-spin}.saved-page .spin{animation:.8s linear infinite saved-spin}@keyframes saved-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.saved-page .spinner,.saved-page .spin{animation-duration:2.4s}}