@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Noto+Sans+Tamil:wght@300;400;500;600;700&display=swap";.homepage-container{min-height:100vh;background:linear-gradient(135deg,var(--global-heritage-bg-primary, #fefdf9) 0%,var(--global-heritage-bg-secondary, #f8f6f0) 100%);color:var(--color-text-primary, #2d3748);overflow-x:hidden}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding:2rem 0;background:linear-gradient(135deg,var(--global-brand-primary, #0EA775) 0%,var(--global-heritage-accent, #2D5A4A) 50%,var(--global-brand-accent, #F4C542) 100%);color:#fff;overflow:hidden}.hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(244,197,66,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(14,167,117,.1) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20zm10 0c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-20px) translateY(-10px)}50%{transform:translate(20px) translateY(10px)}75%{transform:translate(-10px) translateY(20px)}}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{animation:slideInFromLeft 1s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.brand-logo-section{margin-bottom:2rem}.brand-symbol{line-height:1;margin-bottom:1rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));position:relative}.brand-logo-img{width:64px;height:64px;object-fit:contain;display:block;transition:transform .3s ease}.brand-logo-img:hover{transform:scale(1.05)}.brand-symbol-fallback{font-size:4rem;display:none}.brand-title{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.tamil-title{font-family:Noto Sans Tamil,sans-serif;font-size:3.5rem;font-weight:700;line-height:1;color:var(--global-brand-accent, #F4C542);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.english-title{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:600;letter-spacing:.1em;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.brand-subtitle{font-size:1.1rem;color:#ffffffe6;margin-bottom:.25rem}.brand-subtitle-tamil{font-family:Noto Sans Tamil,sans-serif;font-size:1rem;color:#fffc}.hero-description{margin-bottom:2.5rem}.hero-headline{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:.75rem;background:linear-gradient(45deg,white,var(--global-brand-accent, #F4C542));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-headline-tamil{font-family:Noto Sans Tamil,sans-serif;font-size:1.5rem;font-weight:600;color:#ffffffe6;margin-bottom:1rem;line-height:1.4}.hero-text-desc{font-size:1.125rem;line-height:1.6;color:#ffffffd9;max-width:500px}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 2rem;background:var(--global-brand-accent, #F4C542);color:var(--global-heritage-text-dark, #2d3748);border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px #f4c5424d}.hero-cta:hover{background:#e6b03a;transform:translateY(-2px);box-shadow:0 6px 20px #f4c54266}.hero-cta-secondary{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 2rem;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.hero-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.tamil-text{font-family:Noto Sans Tamil,sans-serif;font-size:.875rem;opacity:.8}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin-top:1rem}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--global-brand-accent, #F4C542);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#ffffffe6;margin-bottom:.125rem}.stat-label-tamil{font-family:Noto Sans Tamil,sans-serif;font-size:.75rem;color:#ffffffb3}.hero-visual{animation:slideInFromRight 1s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.cinematic-showcase{background:linear-gradient(135deg,#0ea77526,#f4c5421a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:2rem;padding:2.5rem;border:2px solid rgba(244,197,66,.3);box-shadow:0 12px 40px #00000026;margin-top:2rem;position:relative;overflow:hidden}.cinematic-showcase:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(244,197,66,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.cinematic-title{font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#fff}.tamil-accent{color:var(--global-brand-accent, #F4C542);font-family:Noto Sans Tamil,sans-serif;text-shadow:0 0 10px rgba(244,197,66,.3)}.cinematic-container{position:relative;height:400px;border-radius:1.5rem;overflow:hidden;background:#0000004d}.scene{position:absolute;inset:0;opacity:0;transform:scale(.8) translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.scene.active{opacity:1;transform:scale(1) translateY(0)}.scene-background{position:absolute;inset:0;pointer-events:none}.scene-content{position:relative;z-index:2}.scene-icon{width:80px;height:80px;margin:0 auto 1rem;position:relative;display:flex;align-items:center;justify-content:center}.scene-icon img{width:64px;height:64px;object-fit:contain;transition:transform .3s ease}.scene.active .scene-icon img{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.scene-title{font-size:1.8rem;font-weight:700;color:var(--global-brand-accent, #F4C542);margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.scene-text{font-size:1.1rem;color:#ffffffe6;margin-bottom:1.5rem;line-height:1.6}.scene-problem .floating-papers .paper{position:absolute;width:30px;height:40px;background:#ffffff1a;border-radius:4px;animation:floatPaper 3s ease-in-out infinite}.paper-1{top:20%;left:20%;animation-delay:0s}.paper-2{top:60%;right:20%;animation-delay:1s}.paper-3{top:40%;left:60%;animation-delay:2s}@keyframes floatPaper{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(5deg);opacity:.7}}.error-pulse{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#dc2626;border-radius:50%;animation:errorPulse 1s ease-in-out infinite}@keyframes errorPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.impact-stats .stat-bad{background:#dc262633;color:#fca5a5;padding:.5rem 1rem;border-radius:1rem;font-weight:600;border:1px solid rgba(220,38,38,.3)}.ai-particles .particle{position:absolute;width:8px;height:8px;background:var(--global-brand-accent, #F4C542);border-radius:50%;animation:aiParticle 2s ease-in-out infinite}.particle-1{top:20%;left:30%;animation-delay:0s}.particle-2{top:30%;right:25%;animation-delay:.5s}.particle-3{bottom:30%;left:25%;animation-delay:1s}.particle-4{bottom:20%;right:30%;animation-delay:1.5s}@keyframes aiParticle{0%,to{transform:scale(0) translateY(0);opacity:0}50%{transform:scale(1) translateY(-10px);opacity:1}}.ai-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(244,197,66,.3) 0%,transparent 70%);border-radius:50%;animation:aiGlow 2s ease-in-out infinite}@keyframes aiGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.tech-badges{display:flex;gap:.5rem;justify-content:center}.badge{background:#0ea77533;color:#6ee7b7;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600;border:1px solid rgba(14,167,117,.3)}.success-waves .wave{position:absolute;border:2px solid rgba(14,167,117,.3);border-radius:50%;animation:successWave 3s ease-out infinite}.wave-1{width:100px;height:100px;top:50%;left:50%;margin:-50px 0 0 -50px;animation-delay:0s}.wave-2{width:150px;height:150px;top:50%;left:50%;margin:-75px 0 0 -75px;animation-delay:1s}.wave-3{width:200px;height:200px;top:50%;left:50%;margin:-100px 0 0 -100px;animation-delay:2s}@keyframes successWave{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.success-shine{position:absolute;inset:-15px;background:conic-gradient(from 0deg,transparent,rgba(244,197,66,.3),transparent);border-radius:50%;animation:successShine 3s linear infinite}@keyframes successShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-metrics{display:flex;gap:1.5rem;justify-content:center}.metric{text-align:center}.metric-value{font-size:2rem;font-weight:700;color:var(--global-brand-accent, #F4C542);display:block}.metric-label{font-size:.9rem;color:#fffc}.growth-chart{position:absolute;bottom:20%;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:end}.chart-bar{width:12px;background:var(--global-brand-accent, #F4C542);border-radius:2px;animation:chartGrow 2s ease-out infinite}.bar-1{height:30px;animation-delay:0s}.bar-2{height:45px;animation-delay:.2s}.bar-3{height:60px;animation-delay:.4s}.bar-4{height:75px;animation-delay:.6s}@keyframes chartGrow{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1)}}.brand-pulse{position:absolute;inset:-20px;border:3px solid rgba(244,197,66,.4);border-radius:50%;animation:brandPulse 2s ease-in-out infinite}@keyframes brandPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.8}}.cinematic-cta-btn{background:linear-gradient(135deg,#0ea775,#f4c542);color:#fff;border:none;padding:1rem 2rem;border-radius:2rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin:0 auto;transition:all .3s ease;box-shadow:0 4px 15px #0ea7754d}.cinematic-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea77566}.btn-arrow-animated{width:20px;height:20px;transition:transform .3s ease}.cinematic-cta-btn:hover .btn-arrow-animated{transform:translate(5px)}.scene-indicators{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.scene-indicator{width:50px;height:6px;background:#fff3;border:none;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.indicator-progress{height:100%;background:var(--global-brand-accent, #F4C542);border-radius:3px;width:0;transition:width .3s ease}.scene-indicator.active .indicator-progress{width:100%;animation:progressFill 4s linear}@keyframes progressFill{0%{width:0%}to{width:100%}}@media (max-width: 768px){.cinematic-container{height:350px}.scene{padding:1.5rem}.scene-icon{width:60px;height:60px}.scene-icon img{width:48px;height:48px}.scene-title{font-size:1.5rem}.scene-text{font-size:1rem}.success-metrics{flex-direction:column;gap:1rem}}.story-description-english{font-size:.875rem;color:#ffffffb3;line-height:1.4}.story-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--global-brand-accent, #F4C542);transform:scale(1.2)}.features-section{padding:6rem 0;background:#fff}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary, #2d3748);margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.tamil-subtitle{font-family:Noto Sans Tamil,sans-serif;font-size:1.5rem;font-weight:600;color:var(--global-brand-primary, #0EA775)}.section-description{font-size:1.125rem;color:var(--color-text-secondary, #718096);max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:var(--global-shadow-heritage, 0 4px 20px rgba(0, 0, 0, .08));border:1px solid var(--global-border-light, #e2e8f0);transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.feature-icon{width:80px;height:80px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;position:relative;overflow:hidden}.feature-icon-img{width:48px;height:48px;object-fit:contain;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));z-index:2;position:relative}.feature-card:hover .feature-icon-img{transform:scale(1.1)}.feature-emoji{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.arrow{font-size:1.25rem;margin-left:.5rem}.heart{color:#ef4444;font-size:1rem}.feature-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #2d3748);margin-bottom:.5rem}.feature-title-tamil{font-family:Noto Sans Tamil,sans-serif;font-size:1rem;font-weight:500;color:var(--global-brand-primary, #0EA775);margin-bottom:1rem}.feature-description{color:var(--color-text-secondary, #718096);line-height:1.6}.heritage-section{padding:6rem 0;background:linear-gradient(135deg,var(--global-heritage-bg-primary, #fefdf9) 0%,var(--global-heritage-bg-accent, #f7f5f0) 100%)}.heritage-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.heritage-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary, #2d3748);margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.heritage-title span{font-family:Noto Sans Tamil,sans-serif;font-size:2rem}.english-subtitle{font-size:1.25rem;color:var(--global-brand-primary, #0EA775);font-weight:500}.heritage-story{display:flex;flex-direction:column;gap:1.5rem}.story-panel{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:var(--global-shadow-heritage, 0 4px 20px rgba(0, 0, 0, .08));border-left:4px solid var(--global-brand-primary, #0EA775)}.story-icon{font-size:2rem;margin-bottom:1rem}.story-panel h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #2d3748);margin-bottom:.75rem}.story-panel p{color:var(--color-text-secondary, #718096);line-height:1.6}.heritage-visual{display:flex;justify-content:center;align-items:center}.manuscript-illustration{width:300px;height:400px;position:relative}.ancient-scroll{width:100%;height:100%;background:linear-gradient(45deg,#d4af37,#f4c542);border-radius:1rem;box-shadow:0 8px 30px #0003;position:relative;overflow:hidden}.scroll-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.tamil-text-ancient{font-family:Noto Sans Tamil,sans-serif;font-size:2.5rem;font-weight:700;color:var(--global-heritage-text-dark, #2d3748);margin-bottom:1rem}.seal-symbol{font-size:3rem;margin-bottom:1rem}.ancient-lines{width:200px;height:100px;background-image:repeating-linear-gradient(0deg,transparent,transparent 10px,rgba(45,55,72,.2) 10px,rgba(45,55,72,.2) 12px)}.how-it-works-section{padding:6rem 0;background:linear-gradient(135deg,var(--global-heritage-bg-primary, #fefdf9) 0%,var(--global-heritage-bg-accent, #f7f5f0) 100%)}.how-it-works-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.how-it-works-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary, #2d3748);margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.how-it-works-steps{display:flex;flex-direction:column;gap:1.5rem}.step-panel{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:var(--global-shadow-heritage, 0 4px 20px rgba(0, 0, 0, .08));border-left:4px solid var(--global-brand-primary, #0EA775)}.step-icon{font-size:2rem;margin-bottom:1rem}.step-panel h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #2d3748);margin-bottom:.75rem}.step-panel p{color:var(--color-text-secondary, #718096);line-height:1.6}.how-it-works-visual{display:flex;justify-content:center;align-items:center}.product-illustration{width:300px;height:400px;position:relative}.demo-screen{width:100%;height:100%;background:linear-gradient(45deg,var(--global-brand-primary, #0EA775),var(--global-brand-accent, #F4C542));border-radius:1.5rem;box-shadow:0 8px 30px #0003;position:relative;overflow:hidden}.screen-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.demo-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.demo-icon{font-size:3rem;margin-bottom:1.5rem}.demo-stats{display:flex;gap:1rem;justify-content:center}.demo-stat{background:#fff3;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.testimonials-section{padding:6rem 0;background:#fff}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:var(--global-shadow-heritage, 0 4px 20px rgba(0, 0, 0, .08));border:1px solid var(--global-border-light, #e2e8f0);transition:all .3s ease}.testimonial-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.testimonial-rating{margin-bottom:1rem}.star{font-size:1.25rem;margin-right:.25rem}.testimonial-content{font-size:1rem;color:var(--color-text-primary, #2d3748);line-height:1.6;margin-bottom:.75rem}.testimonial-content-tamil{font-family:Noto Sans Tamil,sans-serif;font-size:.875rem;color:var(--global-brand-primary, #0EA775);line-height:1.5;margin-bottom:1.5rem}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-author strong{color:var(--color-text-primary, #2d3748)}.testimonial-author span{color:var(--color-text-secondary, #718096);font-size:.875rem}.cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--global-brand-primary, #0EA775) 0%,var(--global-heritage-accent, #2D5A4A) 100%);color:#fff;text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.cta-description{font-size:1.125rem;color:#ffffffe6;margin-bottom:2.5rem;line-height:1.6}.cta-actions{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.cta-button{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 2.5rem;background:var(--global-brand-accent, #F4C542);color:var(--global-heritage-text-dark, #2d3748);border:none;border-radius:.75rem;font-weight:600;font-size:1.125rem;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px #f4c5424d}.cta-button:hover{background:#e6b03a;transform:translateY(-2px);box-shadow:0 6px 20px #f4c54266}.cta-button-secondary{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 2.5rem;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:.75rem;font-weight:600;font-size:1.125rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.cta-button-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.homepage-footer{background:var(--global-heritage-text-dark, #2d3748);color:#fff;padding:3rem 0 1.5rem}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700}.brand-text{font-family:Noto Sans Tamil,Playfair Display,serif}.footer-tagline{color:#ffffffb3;line-height:1.5}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-section h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--global-brand-accent, #F4C542)}.footer-section a{display:block;color:#fffc;text-decoration:none;margin-bottom:.5rem;transition:color .3s ease}.footer-section a:hover{color:var(--global-brand-accent, #F4C542)}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem;text-align:center;color:#fff9}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:3rem}.how-it-works-content{grid-template-columns:1fr;gap:3rem}.footer-content{grid-template-columns:1fr;text-align:center}}@media (max-width: 768px){.container{padding:0 1rem}.hero-section{padding:1rem 0;min-height:auto}.tamil-title{font-size:2.5rem}.english-title{font-size:2rem}.hero-headline{font-size:1.75rem}.hero-headline-tamil{font-size:1.25rem}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.hero-actions{flex-direction:column;align-items:center}.hero-cta,.hero-cta-secondary,.cta-button,.cta-button-secondary{width:100%;max-width:300px}.features-grid,.testimonials-grid{grid-template-columns:1fr}.section-title,.how-it-works-title,.cta-title{font-size:2rem}.story-carousel{padding:1rem}.story-slides{height:250px}.product-illustration{width:250px;height:300px}.cta-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.tamil-title{font-size:2rem}.english-title,.hero-headline{font-size:1.5rem}.section-title,.heritage-title,.cta-title{font-size:1.75rem}.hero-stats{grid-template-columns:1fr;gap:1rem}.story-slides{height:250px}.product-illustration{width:200px;height:250px}}@media (prefers-reduced-motion: reduce){.story-slide,.hero-bg-pattern,.feature-card,.testimonial-card,.hero-cta,.cta-button{transition:none;animation:none}.story-slide.active{transform:none}}@media (prefers-contrast: high){.hero-section{background:#000;color:#fff}.feature-card,.testimonial-card,.story-panel{border:2px solid}}@media (prefers-color-scheme: dark){.homepage-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.features-section,.testimonials-section{background:#1a202c}.feature-card,.testimonial-card,.story-panel{background:#2d3748;color:#f7fafc}}.btn-arrow,.process-icon,.demo-chart,.star-icon,.footer-logo-img,.heart-icon{width:16px;height:16px;object-fit:contain}.process-icon{width:32px;height:32px}.demo-chart{width:40px;height:40px}.star-icon{width:20px;height:20px;margin-right:2px}.footer-logo-img{width:24px;height:24px;margin-right:.5rem}.heart-icon{width:16px;height:16px;display:inline-block;margin:0 2px}.smart-warranty-assistant{min-height:100vh;background:#f8fafc;color:#334155;position:relative}.warranty-ai-page-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100;padding:2rem 0}.warranty-ai-page-header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.warranty-ai-page-title{font-size:1.875rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.warranty-ai-page-icon{font-size:2rem}.warranty-ai-page-subtitle{color:#64748b;margin:0;font-size:1rem}.warranty-ai-tamil-accent{background:linear-gradient(135deg,#0ea775,#f4c542);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.warranty-ai-page-actions{display:flex;gap:1rem}.warranty-ai-activity-trigger{position:fixed;right:2rem;bottom:2rem;background:linear-gradient(135deg,#0ea775,#f4c542);border:none;border-radius:50%;width:60px;height:60px;color:#fff;cursor:pointer;box-shadow:0 4px 12px #0ea7754d;transition:all .3s ease;z-index:200;display:flex;align-items:center;justify-content:center}.warranty-ai-activity-trigger:hover{transform:scale(1.1);box-shadow:0 6px 20px #0ea77566}.warranty-ai-activity-count{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:600}.smart-warranty-assistant .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;border:1px solid;font-size:.875rem}.smart-warranty-assistant .btn-secondary{background:#fff;color:#64748b;border-color:#e2e8f0}.smart-warranty-assistant .btn-secondary:hover{background:#f8fafc;color:#475569;border-color:#cbd5e1}.smart-warranty-assistant .btn-primary{background:linear-gradient(135deg,#0ea775,#f4c542);color:#fff;border-color:transparent}.smart-warranty-assistant .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea7754d}.smart-warranty-assistant .btn-md{padding:.875rem 1.75rem;font-size:.875rem}.warranty-ai-main-content{padding:2rem 0}.warranty-ai-content-container{max-width:1200px;margin:0 auto;padding:0 2rem}.warranty-ai-section{margin-bottom:3rem}.warranty-ai-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.warranty-ai-header{text-align:center;margin-bottom:2rem}.warranty-ai-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.warranty-ai-header p{color:#64748b;margin:0;font-size:1rem;line-height:1.6}.warranty-ai-input-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.warranty-ai-input-wrapper:focus-within{border-color:#0ea775;box-shadow:0 0 0 3px #0ea7751a}.warranty-ai-smart-input{width:100%;padding:1.5rem;border:none;background:transparent;color:#1e293b;font-size:1rem;line-height:1.6;resize:none;outline:none;font-family:inherit;min-height:120px}.warranty-ai-smart-input::placeholder{color:#94a3b8;font-style:italic}.warranty-ai-input-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#fff}.warranty-ai-input-options{display:flex;gap:.75rem}.warranty-ai-option-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.warranty-ai-option-btn:hover:not(:disabled){background:#e2e8f0;color:#475569}.warranty-ai-voice-btn.listening{background:#fef2f2;border-color:#fecaca;color:#dc2626;animation:pulse 1.5s infinite}.warranty-unified-progress-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.warranty-unified-progress-modal{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px #00000040;width:75%;max-width:900px;min-width:600px;max-height:85vh;overflow-y:auto;position:relative;z-index:10000}.warranty-unified-progress-header{padding:2.5rem 3rem 1.5rem;border-bottom:1px solid #e2e8f0;text-align:center}.warranty-unified-progress-header h3{margin:0;font-size:1.75rem;font-weight:600;color:#2d3748}.warranty-unified-progress-body{padding:2.5rem 3rem 3rem}.warranty-progress-step{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding:2rem;border-radius:.75rem;border:2px solid #e2e8f0;transition:all .3s ease;position:relative}.warranty-progress-step.active{border-color:#4299e1;background:#f7fafc}.warranty-progress-step.complete{border-color:#48bb78;background:#f0fff4}.warranty-progress-step.error{border-color:#f56565;background:#fffaf0}.warranty-progress-step.processing{border-color:#ed8936;background:#fffaf0}.warranty-progress-step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#cbd5e0;color:#4a5568;font-weight:600;font-size:.875rem;flex-shrink:0}.warranty-progress-step.active .warranty-progress-step-number{background:#4299e1;color:#fff}.warranty-progress-step.complete .warranty-progress-step-number{background:#48bb78;color:#fff}.warranty-progress-step.error .warranty-progress-step-number{background:#f56565;color:#fff}.warranty-progress-step-content{flex:1}.warranty-progress-step-content h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#2d3748}.warranty-progress-step-content p{margin:0;color:#4a5568;line-height:1.5}.warranty-progress-step-status{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.warranty-progress-step-status .checkmark{color:#48bb78;font-size:1.25rem;font-weight:700}.warranty-progress-step-status .error-mark{color:#f56565;font-size:1.25rem;font-weight:700}.warranty-form-inline{margin-top:1rem;padding:1.5rem;background:#f7fafc;border-radius:.5rem;border:1px solid #e2e8f0}.warranty-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.warranty-form-grid input{padding:.75rem;border:1px solid #cbd5e0;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.warranty-form-grid input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.warranty-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-primary{background:#4299e1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary:hover{background:#3182ce}.btn-secondary{background:#e2e8f0;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#cbd5e0}.extraction-results{margin-top:1rem}.extraction-summary{margin-bottom:1.5rem;padding:1rem;background:#f0fff4;border-radius:.5rem;border-left:4px solid #48bb78}.confidence-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.confidence-label{font-weight:600;color:#2d3748;min-width:140px}.confidence-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,#f56565,#ed8936,#48bb78);transition:width .3s ease}.confidence-value{font-weight:600;color:#2d3748;min-width:40px}.document-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}.document-info p{margin:.25rem 0;font-size:.875rem;color:#4a5568}.extracted-fields h5{margin:1.5rem 0 1rem;color:#2d3748;font-weight:600}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;margin-bottom:1.5rem}.field-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border-radius:.375rem;border:1px solid #e2e8f0}.field-label{font-weight:600;color:#4a5568;min-width:80px}.field-value{flex:1;color:#2d3748}.field-confidence{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem;background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.step2-actions{margin-top:1.5rem;text-align:center}.review-button{padding:.75rem 2rem;font-size:1rem;font-weight:600}.warranty-form-comprehensive{margin-top:1rem}.form-section{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:.5rem;border:1px solid #e2e8f0}.form-section h5{margin:0 0 1rem;color:#2d3748;font-size:1.125rem;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:600;color:#4a5568;font-size:.875rem}.form-field input,.form-field select{padding:.75rem;border:1px solid #cbd5e0;border-radius:.375rem;font-size:1rem;transition:border-color .2s,box-shadow .2s;background:#fff}.form-field input:focus,.form-field select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-field input[required]+label:after,.form-field label[required]:after{content:" *";color:#f56565}.warranty-form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-outline{padding:.75rem 1.5rem;border:1px solid #cbd5e0;background:#fff;color:#4a5568;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#f7fafc;border-color:#a0aec0}.form-icon{font-size:1.2rem}@media (max-width: 768px){.warranty-ai-page-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.warranty-ai-page-actions{width:100%;justify-content:flex-start}.warranty-ai-content-container{padding:0 1rem}.warranty-ai-container,.warranty-ai-features-info{padding:1.5rem}.warranty-ai-input-controls{flex-direction:column;gap:1rem;align-items:stretch}.warranty-ai-input-options{justify-content:center}.warranty-ai-features-grid{grid-template-columns:1fr}.warranty-unified-progress-modal{width:90%;min-width:320px;margin:1rem}.warranty-form-grid{grid-template-columns:1fr}}.smart-warranty-assistant .btn:focus,.warranty-ai-option-btn:focus,.warranty-ai-process-btn:focus{outline:2px solid #0EA775;outline-offset:2px}.enterprise-warranty-portal{min-height:100vh;background:linear-gradient(135deg,#f8f9fc,#e9ecef);position:relative;overflow-x:hidden}.portal-hero-header{background:linear-gradient(135deg,#ff6b351a,#f4c5421a,#0ea7751a,#4caf501a,#2196f31a);border-bottom:1px solid rgba(255,107,53,.2);padding:2rem 0;position:relative;overflow:hidden}.hero-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}.hero-title-section{display:flex;align-items:center;gap:2rem}.hero-icon-stack{position:relative;width:80px;height:80px}.hero-primary-icon{width:80px;height:80px;filter:drop-shadow(0 8px 16px rgba(255,107,53,.3))}.hero-icon-sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sparkle-icon{position:absolute;width:16px;height:16px;animation:sparkle 2s ease-in-out infinite}.sparkle-1{top:-8px;right:-8px;animation-delay:0s}.sparkle-2{bottom:-8px;left:-8px;animation-delay:.7s}.sparkle-3{top:20px;right:-12px;animation-delay:1.4s}@keyframes sparkle{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.hero-text{flex:1}.hero-title{font-size:3rem;font-weight:700;margin:0 0 .5rem;line-height:1.1;display:flex;align-items:center;gap:1rem}.title-primary{color:#2c3e50;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.title-accent{color:#ff6b35;font-family:Noto Sans Tamil,serif;font-size:2.5rem;text-shadow:2px 2px 4px rgba(255,107,53,.3);background:linear-gradient(45deg,#ff6b35,#f4c542);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-secondary{color:#0ea775;text-shadow:2px 2px 4px rgba(14,167,117,.3)}.hero-subtitle{font-size:1.2rem;color:#6c757d;margin:0;font-weight:500}.hero-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:1.5rem;align-items:start}.metric-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0}.metric-total:before{background:linear-gradient(90deg,#2196f3,#21cbf3)}.metric-active:before{background:linear-gradient(90deg,#4caf50,#66bb6a)}.metric-expiring:before{background:linear-gradient(90deg,#ff6b35,#ff8f00)}.metric-icon{width:32px;height:32px;flex-shrink:0}.metric-number{font-size:2rem;font-weight:700;color:#2c3e50;margin:0;line-height:1}.metric-label{font-size:.9rem;color:#6c757d;margin:.25rem 0 0;font-weight:500}.metric-actions{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.9rem}.action-btn.primary{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 4px 16px #4caf504d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.action-btn.secondary{background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff;box-shadow:0 4px 16px #2196f34d}.action-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.hero-pattern-overlay{position:absolute;top:0;right:0;width:300px;height:100%;overflow:hidden;pointer-events:none}.pattern-line{position:absolute;width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(255,107,53,.2) 20%,rgba(244,197,66,.2) 50%,rgba(14,167,117,.2) 80%,transparent 100%);animation:patternFlow 4s ease-in-out infinite}.pattern-1{right:100px;animation-delay:0s}.pattern-2{right:150px;animation-delay:1.3s}.pattern-3{right:200px;animation-delay:2.6s}@keyframes patternFlow{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:.7;transform:scaleY(1.2)}}.search-command-center{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px #0000000d;position:sticky;top:0;z-index:100}.portal-main-layout-fullwidth{max-width:1600px;margin:0 auto;padding:2rem;position:relative}.portal-main-layout{max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 320px;gap:2rem}.portal-content-area{min-height:600px}.portal-sidebar-area{position:sticky;top:120px;height:fit-content}.portfolio-overview{margin-bottom:2rem}.overview-section{background:linear-gradient(135deg,#fffffff2,#f8f9fcf2);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0 0 1.5rem}.section-icon{width:28px;height:28px}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.overview-stat{text-align:center}.stat-trend{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.stat-trend.positive{color:#4caf50;font-weight:600}.trend-icon{width:16px;height:16px}.stat-value{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.stat-label{color:#6c757d;font-size:.9rem;font-weight:500}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#ffffffe6;border-radius:20px;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #00000014}.loading-spinner-enterprise{width:60px;height:60px;margin-bottom:1.5rem;animation:enterpriseSpin 2s linear infinite}.spinner-icon{width:60px;height:60px}@keyframes enterpriseSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:1.1rem;color:#6c757d;margin:0}.error-icon{width:48px;height:48px;margin-bottom:1rem}.error-state h3{font-size:1.5rem;color:#2c3e50;margin:0 0 .5rem}.error-state p{color:#6c757d;margin:0 0 2rem}.retry-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff6b35,#ff8f00);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.assets-grid-container{background:#ffffffb3;border-radius:20px;padding:1rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000000d}.premium-warranty-grid{margin:2rem 0}.warranty-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;padding:1rem 0}.premium-warranty-card{background:linear-gradient(135deg,#fffffff2,#f8f9fcf2);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:0;box-shadow:0 8px 32px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.23,1,.32,1);cursor:pointer;position:relative;overflow:hidden;min-height:320px}.premium-warranty-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000026;border-color:#ff6b354d}.premium-warranty-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b35,#f4c542,#0ea775,#4caf50,#2196f3);border-radius:24px 24px 0 0}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 0;position:relative}.product-image-container{position:relative;flex:1}.product-image{width:80px;height:80px;object-fit:cover;border-radius:16px;box-shadow:0 4px 12px #0000001a}.product-placeholder{width:80px;height:80px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.placeholder-icon{width:32px;height:32px;opacity:.6}.status-badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #00000026}.status-badge.active{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.status-badge.expiring{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}.status-badge.expired{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.status-icon{width:12px;height:12px}.card-actions{display:flex;gap:.5rem}.action-btn-card{width:40px;height:40px;border:none;border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.action-btn-card:hover{background:#ff6b351a;transform:scale(1.1)}.card-content{padding:1rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column;gap:1rem}.product-info{margin-bottom:.5rem}.product-name{font-size:1.25rem;font-weight:700;color:#2c3e50;margin:0 0 .5rem;line-height:1.3}.product-details{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.brand{font-weight:600;color:#495057}.separator{color:#dee2e6}.category{text-transform:capitalize;color:#6c757d}.card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:#ffffff80;border-radius:16px;border:1px solid rgba(0,0,0,.05)}.metric-item{display:flex;align-items:center;gap:.75rem}.metric-icon{width:20px;height:20px;opacity:.7}.metric-label{display:block;font-size:.75rem;color:#6c757d;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.metric-value{display:block;font-size:.9rem;font-weight:600;color:#2c3e50}.card-metadata{display:flex;flex-wrap:wrap;gap:1rem}.metadata-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ff6b351a;border-radius:12px;font-size:.85rem}.metadata-icon{width:16px;height:16px;opacity:.8}.metadata-text{font-weight:500;color:#495057}.warranty-progress{margin-top:auto}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-size:.8rem;color:#6c757d;font-weight:500}.progress-percentage{font-size:.8rem;font-weight:600;color:#495057}.progress-bar{width:100%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.card-pattern-decoration{position:absolute;bottom:0;right:0;width:100px;height:60px;overflow:hidden;pointer-events:none;opacity:.3}.card-pattern-decoration .pattern-line{position:absolute;width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(255,107,53,.3) 50%,transparent 100%)}.card-pattern-decoration .pattern-1{right:20px;animation:patternFlow 3s ease-in-out infinite}.card-pattern-decoration .pattern-2{right:40px;animation:patternFlow 3s ease-in-out infinite;animation-delay:1.5s}.right-nav-panel{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:1000;transition:all .4s cubic-bezier(.23,1,.32,1)}.panel-closed{transform:translateY(-50%) translate(calc(100% - 60px))}.panel-open{transform:translateY(-50%) translate(0)}.panel-toggle-btn{position:absolute;left:-60px;top:50%;transform:translateY(-50%);width:60px;height:120px;background:linear-gradient(135deg,#ff6b35,#f4c542);border:none;border-radius:30px 0 0 30px;color:#fff;font-weight:600;font-size:.8rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:-4px 0 20px #ff6b354d;transition:all .3s ease;writing-mode:vertical-rl;text-orientation:mixed}.panel-toggle-btn:hover{background:linear-gradient(135deg,#e55a2b,#e0b038);transform:translateY(-50%) translate(-5px)}.panel-content{width:320px;height:80vh;max-height:600px;background:linear-gradient(135deg,#fffffff2,#f8f9fcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px 0 0 24px;box-shadow:-8px 0 32px #0000001a;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.panel-section{background:#ffffffb3;border-radius:16px;padding:1.5rem;border:1px solid rgba(0,0,0,.05)}.panel-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;color:#2c3e50;margin:0 0 1rem}.quick-actions{display:flex;flex-direction:column;gap:.75rem}.quick-action-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid rgba(0,0,0,.1);border-radius:12px;font-weight:600;color:#495057;cursor:pointer;transition:all .3s ease;width:100%}.quick-action-btn:hover{background:linear-gradient(135deg,#ff6b35,#f4c542);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.tips-container{display:flex;flex-direction:column;gap:1rem}.tip-card{display:flex;gap:1rem;padding:1rem;background:linear-gradient(135deg,#ff6b350d,#f4c5420d);border:1px solid rgba(255,107,53,.1);border-radius:12px}.tip-icon{width:24px;height:24px;flex-shrink:0;margin-top:.25rem}.tip-content h4{font-size:.9rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.tip-content p{font-size:.8rem;color:#6c757d;margin:0;line-height:1.4}.navigation-shortcuts{display:flex;flex-direction:column;gap:.5rem}.nav-shortcut{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:10px;color:#495057;cursor:pointer;transition:all .3s ease;width:100%;font-weight:500}.nav-shortcut:hover{background:#ff6b351a;border-color:#ff6b354d;color:#ff6b35}@media (max-width: 1200px){.portal-main-layout{grid-template-columns:1fr;gap:1.5rem}.portal-sidebar-area{position:static}.hero-metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-actions{grid-column:span 2;flex-direction:row;justify-content:center}.warranty-cards-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.panel-content{width:280px}}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title-section{flex-direction:column;gap:1rem}.hero-title{font-size:2rem;flex-direction:column;gap:.5rem}.hero-metrics-grid{grid-template-columns:1fr}.metric-actions{grid-column:span 1;flex-direction:column}.overview-stats{grid-template-columns:1fr;gap:1rem}.warranty-cards-container{grid-template-columns:1fr;gap:1.5rem}.premium-warranty-card{min-height:280px}.right-nav-panel{position:fixed;top:0;right:0;width:100vw;height:100vh;transform:none}.panel-closed{transform:translate(100%)}.panel-open{transform:translate(0)}.panel-toggle-btn{position:fixed;top:50%;right:20px;left:auto;width:60px;height:60px;border-radius:50%;writing-mode:initial;text-orientation:initial}.panel-content{width:100vw;height:100vh;border-radius:0;max-height:none}}.icon,.btn-icon{width:24px;height:24px;object-fit:contain;margin-right:0}.floating-ai-button{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 32px #4caf5066;z-index:1000;transition:all .3s cubic-bezier(.23,1,.32,1);color:#fff;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:aiPulse 3s ease-in-out infinite}.floating-ai-button:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 12px 40px #4caf5080;animation:none}.floating-ai-button .icon{width:28px;height:28px;filter:brightness(0) invert(1)}@keyframes aiPulse{0%,to{box-shadow:0 8px 32px #4caf5066}50%{box-shadow:0 8px 32px #4caf5099,0 0 0 8px #4caf501a}}@media (min-width: 1024px){.floating-ai-button{display:none}}@media (max-width: 1023px){.floating-ai-button{display:flex}}.warranty-chat-assistant{height:100vh;display:flex;background:linear-gradient(135deg,#ff6b35,#f4c542,#0ea775,#4caf50,#2196f3);position:relative;overflow:hidden}.chat-sidebar{width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:2px solid rgba(255,107,53,.2);display:flex;flex-direction:column;overflow:hidden;box-shadow:2px 0 10px #0000001a}.sidebar-header{padding:1rem;border-bottom:1px solid rgba(255,107,53,.2);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.sidebar-title h2{font-size:1.1rem;font-weight:700;color:#2c3e50;margin:0}.title-accent{background:linear-gradient(45deg,#ff6b35,#f4c542);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.sidebar-subtitle{font-size:.8rem;color:#7f8c8d;font-weight:500}.back-btn{background:linear-gradient(45deg,#ff6b35,#f4c542);border:none;color:#fff;padding:.4rem;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ff6b354d}.back-btn .icon{width:18px;height:18px;filter:brightness(0) invert(1)}.back-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff6b3566}.chat-history{flex:1;padding:.75rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,107,53,.3) transparent}.chat-history::-webkit-scrollbar{width:4px}.chat-history::-webkit-scrollbar-thumb{background:#ff6b354d;border-radius:2px}.history-section h3{font-size:.9rem;font-weight:600;color:#34495e;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.history-item{padding:.75rem;background:#ffffffb3;border-radius:12px;margin-bottom:.5rem;border:1px solid rgba(255,107,53,.1);cursor:pointer;transition:all .3s ease}.history-item:hover{background:#ff6b351a;transform:translate(2px)}.history-item-title{font-size:.85rem;font-weight:500;color:#2c3e50;margin-bottom:.25rem}.history-item-time{font-size:.75rem;color:#7f8c8d}.tips-section{padding:.75rem;border-top:1px solid rgba(255,107,53,.2);background:#ff6b350d}.tips-section h3{font-size:.85rem;font-weight:600;color:#34495e;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.tip-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;padding:.5rem;background:#fff9;border-radius:8px}.tip-icon{width:16px;height:16px;filter:hue-rotate(20deg) saturate(1.2);flex-shrink:0;margin-top:2px}.tip-text{font-size:.8rem;color:#34495e;line-height:1.4}.chat-main-area{flex:1;display:flex;flex-direction:column;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#fffffff2;border-bottom:1px solid rgba(255,107,53,.2);box-shadow:0 1px 5px #0000001a;min-height:55px}.chat-header-title{font-size:1rem;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.status-indicator{display:flex;align-items:center;gap:.5rem;color:#495057;font-size:.85rem;font-weight:500}.status-dot{width:8px;height:8px;background:#0ea775;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 8px #0ea77580}.chat-messages-container{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.chat-messages-area{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;scrollbar-width:thin;scrollbar-color:rgba(255,107,53,.3) transparent;min-height:0}.chat-messages-area::-webkit-scrollbar{width:6px}.chat-messages-area::-webkit-scrollbar-thumb{background:#ff6b354d;border-radius:3px}.chat-container-fullscreen{flex:1;display:flex;flex-direction:column;position:relative;height:calc(100vh - 70px);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-messages-area{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;scrollbar-width:thin;scrollbar-color:rgba(255,107,53,.3) transparent;min-height:0;max-height:calc(100vh - 220px)}.chat-messages-area::-webkit-scrollbar{width:4px}.chat-messages-area::-webkit-scrollbar-track{background:transparent}.chat-messages-area::-webkit-scrollbar-thumb{background:#ff6b354d;border-radius:2px}.chat-messages-area::-webkit-scrollbar-thumb:hover{background:#ff6b3580}.chat-message{display:flex;gap:.75rem;max-width:80%;animation:messageSlideIn .4s ease-out}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.system{align-self:center;max-width:90%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(45deg,#ff6b35,#f4c542);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 12px #ff6b354d;border:2px solid rgba(255,255,255,.9);position:relative}.message-avatar:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff6b35,#f4c542,#0ea775);border-radius:50%;z-index:-1;animation:avatarGlow 3s ease-in-out infinite}@keyframes avatarGlow{0%,to{opacity:.3}50%{opacity:.6}}.chat-message.user .message-avatar{background:linear-gradient(45deg,#0ea775,#4caf50);box-shadow:0 3px 12px #0ea7754d}.chat-message.system .message-avatar{background:linear-gradient(45deg,#2196f3,#03a9f4);box-shadow:0 3px 12px #2196f34d}.message-avatar .icon{width:22px;height:22px;filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.3))}.message-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;padding:1rem 1.25rem;border:1px solid rgba(255,107,53,.2);position:relative;box-shadow:0 3px 15px #00000014;transition:all .3s ease}.message-content:hover{transform:translateY(-1px);box-shadow:0 5px 20px #0000001f}.chat-message.user .message-content{background:linear-gradient(135deg,#0ea77514,#4caf5014);border:1px solid rgba(14,167,117,.25)}.chat-message.system .message-content{background:linear-gradient(135deg,#2196f314,#03a9f414);border:1px solid rgba(33,150,243,.25);text-align:center;font-weight:500}.message-text{color:#2c3e50;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;font-size:.95rem;font-weight:400}.chat-message.system .message-text{font-weight:500;color:#34495e}.message-time{font-size:.75rem;color:#7f8c8d;margin-top:.5rem;font-weight:500}.message-attachments{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.attachment{background:#ffffffe6;border-radius:15px;padding:1rem;border:1px solid rgba(255,107,53,.2);box-shadow:0 2px 10px #0000001a}.attachment-image{max-width:250px;max-height:250px;border-radius:12px;object-fit:cover;box-shadow:0 4px 15px #0000001a}.attachment-file{display:flex;align-items:center;gap:.75rem;color:#2c3e50;font-weight:500}.attachment-file .icon{width:24px;height:24px;filter:hue-rotate(20deg) saturate(1.2)}.typing-indicator{display:flex;align-items:center;gap:1rem;color:#495057;font-weight:500}.typing-dots{display:flex;gap:6px}.typing-dots span{width:10px;height:10px;background:linear-gradient(45deg,#ff6b35,#f4c542);border-radius:50%;animation:bounce 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(1);opacity:.7}40%{transform:scale(1.3);opacity:1}}.upload-progress{display:flex;align-items:center;gap:1rem;color:#495057;font-weight:500}.upload-icon{width:24px;height:24px;filter:hue-rotate(20deg) saturate(1.2);animation:spin 2s linear infinite}.chat-input-enhanced{padding:1rem 1.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,107,53,.2);box-shadow:0 -2px 10px #0000000d}.input-container{display:flex;align-items:center;gap:.75rem;background:#fffffff2;border-radius:25px;padding:.5rem .75rem;border:2px solid rgba(255,107,53,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 3px 12px #00000014;transition:all .3s ease}.input-container:focus-within{border-color:#ff6b35;box-shadow:0 4px 20px #ff6b3540;transform:translateY(-1px)}.chat-input-main{flex:1;background:transparent;border:none;outline:none;color:#2c3e50;font-size:.95rem;padding:.75rem;font-weight:400;resize:none;min-height:20px;max-height:100px}.chat-input-main::placeholder{color:#7f8c8d;font-weight:400}.input-actions{display:flex;align-items:center;gap:8px;padding-left:8px}.action-btn{width:40px;height:40px;border:none;border-radius:20px;background:linear-gradient(135deg,#4caf50,#2196f3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.action-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #4caf504d}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn.listening{background:linear-gradient(135deg,#ff6b35,#f4c542);animation:pulse 2s infinite}.action-btn.active{background:linear-gradient(135deg,#ff6b35,#f4c542);transform:scale(1.05)}.add-menu-container{position:relative}.add-menu-dropdown{position:absolute;bottom:50px;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;min-width:200px;padding:8px 0;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;color:#333;transition:background-color .2s ease}.menu-item:hover{background-color:#f5f5f5}.menu-item .icon{width:20px;height:20px;opacity:.7}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.popup-content{background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.popup-content{width:95%;max-height:90vh;margin:20px}.manual-form-popup .form-grid{grid-template-columns:1fr}.popup-header{padding:16px 20px}.popup-body{padding:20px}.popup-footer{padding:12px 20px;flex-direction:column;gap:8px}.popup-footer button{width:100%}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-header{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.popup-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.close-btn{width:32px;height:32px;border:none;background:transparent;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.close-btn:hover{background:#0000001a;color:#333}.popup-body{padding:24px;overflow-y:auto;flex:1}.popup-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;background:#f8f9fa}.manual-form-popup{max-width:700px}.manual-form-popup .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.manual-form-popup .form-group-full{grid-column:1 / -1}.confirmation-popup{max-width:650px}.extracted-data-preview{display:grid;gap:16px;margin-bottom:20px}.data-item{display:flex;flex-direction:column;gap:6px}.data-item label{font-weight:500;color:#555;font-size:14px}.data-item input,.data-item select{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s ease}.data-item input:focus,.data-item select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.confidence-indicator{background:#f8f9fa;padding:16px;border-radius:8px;text-align:center}.confidence-indicator span{font-weight:500;color:#555;font-size:14px}.confidence-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-top:8px}.confidence-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#4caf50);transition:width .3s ease}.btn-primary{background:linear-gradient(135deg,#4caf50,#2196f3);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:#666;border:1px solid #ddd;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f5f5f5;border-color:#bbb}[title]{position:relative}.action-btn,.action-btn[title],.back-btn,.back-btn[title],.history-item,.history-item[title],button[title]{cursor:pointer!important}input[title],select[title],textarea[title]{cursor:text}select[title]{cursor:pointer}.action-btn:focus{outline:2px solid #ff6b35;outline-offset:2px}.back-btn:focus{outline:2px solid #ff6b35;outline-offset:2px}.history-item:focus{outline:2px solid #ff6b35;outline-offset:2px;background:#ff6b351a}.chat-input-main:focus{outline:2px solid #ff6b35;border-color:#ff6b35}.history-item:hover{background:#ff6b350d;cursor:pointer}.manual-entry-form{padding:2rem;max-width:800px;margin:0 auto;height:100%;overflow-y:auto}.form-header{text-align:center;margin-bottom:2rem}.form-header h3{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.form-header p{color:#7f8c8d;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group-full{grid-column:1 / -1}.form-group label{font-weight:600;color:#34495e;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid rgba(255,107,53,.2);border-radius:8px;font-size:1rem;transition:all .3s ease;background:#ffffffe6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.form-group input::placeholder,.form-group textarea::placeholder{color:#95a5a6}.form-actions{display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:1px solid rgba(255,107,53,.2)}.btn-primary,.btn-secondary{padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(45deg,#ff6b35,#f4c542);color:#fff}.btn-primary:hover{background:linear-gradient(45deg,#e55a2b,#e6b13a);transform:translateY(-1px);box-shadow:0 4px 15px #ff6b354d}.btn-secondary{background:#ffffffe6;color:#7f8c8d;border:2px solid rgba(255,107,53,.2)}.btn-secondary:hover{background:#ff6b351a;border-color:#ff6b35;color:#ff6b35}@media (max-width: 768px){.manual-entry-form{padding:1rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.popup-content{width:95%;max-height:90vh;margin:20px}.manual-form-popup .form-grid{grid-template-columns:1fr}.popup-header{padding:16px 20px}.popup-body{padding:20px}.popup-footer{padding:12px 20px;flex-direction:column;gap:8px}.popup-footer button{width:100%}.add-menu-dropdown{bottom:45px;left:50%;transform:translate(-50%);min-width:180px}.menu-item{padding:14px 16px;font-size:16px}}@media (max-width: 1024px) and (min-width: 769px){.chat-sidebar{width:240px}.sidebar-header{padding:1.25rem}.sidebar-title h2{font-size:1.1rem}.chat-history,.tips-section{padding:.875rem}.tip-item{margin-bottom:.6rem;padding:.45rem}.chat-messages-area{padding:1.25rem}.chat-input-enhanced{padding:1rem 1.25rem}}@media (prefers-color-scheme: dark){.warranty-chat-assistant{background:linear-gradient(135deg,#2d3748,#4a5568)}}@media (prefers-contrast: high){.chat-header{border-bottom:2px solid rgba(255,255,255,.5)}.message-content{border:2px solid rgba(255,255,255,.3)}.action-btn{border:2px solid rgba(255,255,255,.5)}}@media print{.warranty-chat-assistant{background:#fff;color:#000}.chat-header,.chat-input-enhanced,.quick-actions-overlay{display:none}.chat-messages-area{height:auto;overflow:visible}}:root{--admin-primary: #2563eb;--admin-primary-light: #3b82f6;--admin-primary-dark: #1d4ed8;--admin-primary-50: #eff6ff;--admin-primary-100: #dbeafe;--admin-primary-500: #3b82f6;--admin-primary-600: #2563eb;--admin-primary-700: #1d4ed8;--admin-secondary: #64748b;--admin-secondary-light: #94a3b8;--admin-secondary-dark: #475569;--admin-success: #059669;--admin-success-light: #10b981;--admin-success-bg: #ecfdf5;--admin-warning: #d97706;--admin-warning-light: #f59e0b;--admin-warning-bg: #fffbeb;--admin-error: #dc2626;--admin-error-light: #ef4444;--admin-error-bg: #fef2f2;--admin-info: #0ea5e9;--admin-info-light: #38bdf8;--admin-info-bg: #f0f9ff;--admin-white: #ffffff;--admin-gray-50: #f8fafc;--admin-gray-100: #f1f5f9;--admin-gray-200: #e2e8f0;--admin-gray-300: #cbd5e1;--admin-gray-400: #94a3b8;--admin-gray-500: #64748b;--admin-gray-600: #475569;--admin-gray-700: #334155;--admin-gray-800: #1e293b;--admin-gray-900: #0f172a;--admin-bg-primary: var(--admin-white);--admin-bg-secondary: var(--admin-gray-50);--admin-bg-tertiary: var(--admin-gray-100);--admin-bg-dark: var(--admin-gray-900);--admin-bg-card: var(--admin-white);--admin-bg-sidebar: var(--admin-gray-900);--admin-bg-header: var(--admin-white);--admin-text-primary: var(--admin-gray-900);--admin-text-secondary: var(--admin-gray-600);--admin-text-muted: var(--admin-gray-500);--admin-text-light: var(--admin-gray-400);--admin-text-white: var(--admin-white);--admin-text-inverse: var(--admin-white);--admin-border-light: var(--admin-gray-200);--admin-border-medium: var(--admin-gray-300);--admin-border-dark: var(--admin-gray-400);--admin-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--admin-shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--admin-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--admin-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--admin-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--admin-spacing-xs: .25rem;--admin-spacing-sm: .5rem;--admin-spacing-md: .75rem;--admin-spacing-lg: 1rem;--admin-spacing-xl: 1.5rem;--admin-spacing-2xl: 2rem;--admin-spacing-3xl: 3rem;--admin-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--admin-font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--admin-font-size-xs: .75rem;--admin-font-size-sm: .875rem;--admin-font-size-base: 1rem;--admin-font-size-lg: 1.125rem;--admin-font-size-xl: 1.25rem;--admin-font-size-2xl: 1.5rem;--admin-font-size-3xl: 1.875rem;--admin-font-size-4xl: 2.25rem;--admin-sidebar-width: 280px;--admin-header-height: 64px;--admin-border-radius: .5rem;--admin-border-radius-sm: .25rem;--admin-border-radius-lg: .75rem;--admin-transition: all .2s ease-in-out;--admin-transition-fast: all .15s ease-in-out;--admin-transition-slow: all .3s ease-in-out}.admin-container{font-family:var(--admin-font-family);background-color:var(--admin-bg-secondary);min-height:100vh;color:var(--admin-text-primary);position:relative;width:100%;height:100vh;overflow:hidden}.admin-main-layout{position:relative;width:100%;height:100vh}.admin-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;background-color:var(--admin-bg-sidebar);border-right:1px solid var(--admin-border-light);overflow-y:auto;box-shadow:var(--admin-shadow-lg)}.admin-main-layout .admin-content{position:absolute;inset:0 0 0 280px;background-color:var(--admin-bg-secondary);overflow-y:auto;padding:0}.admin-content-inner{padding:var(--admin-spacing-2xl);width:100%;min-height:calc(100vh - calc(var(--admin-spacing-2xl) * 2))}.admin-sidebar-header{padding:var(--admin-spacing-xl);border-bottom:1px solid var(--admin-gray-800);background:linear-gradient(135deg,var(--admin-primary-700) 0%,var(--admin-primary-600) 100%)}.admin-sidebar-brand{display:flex;align-items:center;gap:var(--admin-spacing-md);color:var(--admin-text-white);text-decoration:none;transition:var(--admin-transition)}.admin-sidebar-brand:hover{opacity:.9}.admin-sidebar-logo{width:32px;height:32px;background:var(--admin-white);border-radius:var(--admin-border-radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--admin-primary);font-size:var(--admin-font-size-lg)}.admin-sidebar-title{font-size:var(--admin-font-size-xl);font-weight:600;margin:0}.admin-sidebar-subtitle{font-size:var(--admin-font-size-sm);opacity:.8;margin:0}.admin-sidebar-nav{padding:var(--admin-spacing-lg) 0}.admin-nav-section{margin-bottom:var(--admin-spacing-xl)}.admin-nav-section-title{padding:0 var(--admin-spacing-xl) var(--admin-spacing-sm);font-size:var(--admin-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--admin-gray-400)}.admin-nav-item{display:block;padding:var(--admin-spacing-md) var(--admin-spacing-xl);color:var(--admin-gray-300);text-decoration:none;transition:var(--admin-transition);border-left:3px solid transparent;display:flex;align-items:center;gap:var(--admin-spacing-md);font-size:var(--admin-font-size-sm);font-weight:500}.admin-nav-item:hover{background-color:var(--admin-gray-800);color:var(--admin-white);border-left-color:var(--admin-primary)}.admin-nav-item.active{background-color:var(--admin-primary-700);color:var(--admin-white);border-left-color:var(--admin-primary-light);font-weight:600}.admin-nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.admin-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--admin-spacing-2xl);padding-bottom:var(--admin-spacing-xl);border-bottom:1px solid var(--admin-border-light)}.admin-page-title{font-size:var(--admin-font-size-3xl);font-weight:700;margin:0 0 var(--admin-spacing-sm) 0;color:var(--admin-text-primary)}.admin-page-subtitle{font-size:var(--admin-font-size-lg);color:var(--admin-text-secondary);margin:0}.admin-header-meta{display:flex;align-items:center;gap:var(--admin-spacing-lg)}.admin-card{background-color:var(--admin-bg-card);border-radius:var(--admin-border-radius);border:1px solid var(--admin-border-light);box-shadow:var(--admin-shadow-sm);transition:var(--admin-transition);overflow:hidden}.admin-card:hover{box-shadow:var(--admin-shadow-md);border-color:var(--admin-border-medium)}.admin-card.highlight{border-color:var(--admin-primary);box-shadow:var(--admin-shadow-md)}.admin-card.success{border-left:4px solid var(--admin-success)}.admin-card.warning{border-left:4px solid var(--admin-warning);background-color:var(--admin-warning-bg)}.admin-card.error{border-left:4px solid var(--admin-error);background-color:var(--admin-error-bg)}.admin-card-header{padding:var(--admin-spacing-xl);border-bottom:1px solid var(--admin-border-light);display:flex;align-items:center;gap:var(--admin-spacing-lg);background-color:var(--admin-bg-secondary)}.admin-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--admin-primary-50);border-radius:var(--admin-border-radius-sm);font-size:var(--admin-font-size-xl)}.admin-card-title{flex:1}.admin-card-title h3{margin:0 0 var(--admin-spacing-xs) 0;font-size:var(--admin-font-size-lg);font-weight:600;color:var(--admin-text-primary)}.admin-card-title p{margin:0;font-size:var(--admin-font-size-sm);color:var(--admin-text-secondary)}.admin-card-body{padding:var(--admin-spacing-xl)}.admin-card-footer{padding:var(--admin-spacing-lg) var(--admin-spacing-xl);background-color:var(--admin-bg-secondary);border-top:1px solid var(--admin-border-light)}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--admin-spacing-sm);padding:var(--admin-spacing-md) var(--admin-spacing-lg);border-radius:var(--admin-border-radius-sm);font-size:var(--admin-font-size-sm);font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:var(--admin-transition);white-space:nowrap;min-height:40px}.admin-btn-primary{background-color:var(--admin-primary);color:var(--admin-white);border-color:var(--admin-primary)}.admin-btn-primary:hover{background-color:var(--admin-primary-dark);border-color:var(--admin-primary-dark);transform:translateY(-1px);box-shadow:var(--admin-shadow-md)}.admin-btn-secondary{background-color:var(--admin-white);color:var(--admin-text-primary);border-color:var(--admin-border-medium)}.admin-btn-secondary:hover{background-color:var(--admin-bg-secondary);border-color:var(--admin-border-dark);transform:translateY(-1px);box-shadow:var(--admin-shadow-sm)}.admin-btn-success{background-color:var(--admin-success);color:var(--admin-white);border-color:var(--admin-success)}.admin-btn-warning{background-color:var(--admin-warning);color:var(--admin-white);border-color:var(--admin-warning)}.admin-btn-error{background-color:var(--admin-error);color:var(--admin-white);border-color:var(--admin-error)}.admin-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.admin-badge{display:inline-flex;align-items:center;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-xs) var(--admin-spacing-md);border-radius:var(--admin-border-radius-sm);font-size:var(--admin-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.025em;border:1px solid transparent}.admin-badge-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.admin-badge.success{background-color:var(--admin-success-bg);color:var(--admin-success);border-color:var(--admin-success-light)}.admin-badge.warning{background-color:var(--admin-warning-bg);color:var(--admin-warning);border-color:var(--admin-warning-light)}.admin-badge.error{background-color:var(--admin-error-bg);color:var(--admin-error);border-color:var(--admin-error-light)}.admin-badge.info{background-color:var(--admin-info-bg);color:var(--admin-info);border-color:var(--admin-info-light)}.admin-badge.secondary{background-color:var(--admin-gray-100);color:var(--admin-gray-600);border-color:var(--admin-gray-300)}.admin-dummy-badge{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:var(--admin-white);font-weight:700;border-color:#ff4757;animation:pulse-dummy 2s infinite}@keyframes pulse-dummy{0%,to{opacity:1}50%{opacity:.8}}.admin-grid{display:grid;gap:var(--admin-spacing-lg)}.admin-grid-2{grid-template-columns:repeat(2,1fr)}.admin-grid-3{grid-template-columns:repeat(3,1fr)}.admin-grid-4{grid-template-columns:repeat(4,1fr)}.admin-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--admin-spacing-xl);margin-bottom:var(--admin-spacing-2xl)}@media (max-width: 768px){.admin-grid-2,.admin-grid-3,.admin-grid-4,.admin-metrics-grid{grid-template-columns:1fr}}.admin-section{margin-bottom:var(--admin-spacing-3xl)}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--admin-spacing-xl)}.admin-section-header h2{margin:0;font-size:var(--admin-font-size-2xl);font-weight:600;color:var(--admin-text-primary)}.admin-section-actions{display:flex;gap:var(--admin-spacing-md)}.admin-table-container{background-color:var(--admin-bg-card);border-radius:var(--admin-border-radius);border:1px solid var(--admin-border-light);overflow:hidden;box-shadow:var(--admin-shadow-sm)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:var(--admin-spacing-lg);text-align:left;border-bottom:1px solid var(--admin-border-light)}.admin-table th{background-color:var(--admin-bg-secondary);font-weight:600;color:var(--admin-text-secondary);font-size:var(--admin-font-size-sm);text-transform:uppercase;letter-spacing:.025em}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background-color:var(--admin-bg-secondary)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--admin-spacing-3xl);gap:var(--admin-spacing-lg)}.admin-loading-spinner{width:40px;height:40px;border:4px solid var(--admin-border-light);border-top-color:var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-loading p{margin:0;color:var(--admin-text-secondary);font-size:var(--admin-font-size-lg)}.admin-dashboard{padding:0}.admin-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--admin-spacing-xl);margin-bottom:var(--admin-spacing-2xl)}.admin-chart-container{background-color:var(--admin-bg-card);border-radius:var(--admin-border-radius);border:1px solid var(--admin-border-light);padding:var(--admin-spacing-xl);box-shadow:var(--admin-shadow-sm)}.admin-chart-title{margin:0 0 var(--admin-spacing-lg) 0;font-size:var(--admin-font-size-lg);font-weight:600;color:var(--admin-text-primary)}.admin-mobile-menu-btn{position:fixed;top:1rem;left:1rem;z-index:1001;display:none;padding:.5rem;background-color:var(--admin-primary);color:#fff;border:none;border-radius:var(--admin-border-radius-sm);font-size:1.2rem;cursor:pointer;box-shadow:var(--admin-shadow-md);transition:var(--admin-transition)}.admin-mobile-menu-btn:hover{background-color:var(--admin-primary-dark);transform:scale(1.05)}.admin-mobile-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;display:none}@media (max-width: 1024px){.admin-mobile-menu-btn,.admin-mobile-overlay{display:block}.admin-sidebar{transform:translate(-100%);box-shadow:none}.admin-sidebar.open{transform:translate(0);box-shadow:var(--admin-shadow-xl)}.admin-main-layout .admin-content{left:0;right:0}.admin-page-header{flex-direction:column;align-items:stretch;gap:var(--admin-spacing-lg)}.admin-header-meta{justify-content:flex-start}}@media (max-width: 768px){.admin-content-inner{padding:var(--admin-spacing-lg)}.admin-page-title{font-size:var(--admin-font-size-2xl)}.admin-metrics-grid{grid-template-columns:1fr}.admin-card-header,.admin-card-body{padding:var(--admin-spacing-lg)}.admin-sidebar{width:100vw}.admin-main-layout .admin-content{left:0;right:0}}.admin-text-center{text-align:center}.admin-text-right{text-align:right}.admin-text-left{text-align:left}.admin-font-bold{font-weight:700}.admin-font-semibold{font-weight:600}.admin-font-medium{font-weight:500}.admin-text-xs{font-size:var(--admin-font-size-xs)}.admin-text-sm{font-size:var(--admin-font-size-sm)}.admin-text-base{font-size:var(--admin-font-size-base)}.admin-text-lg{font-size:var(--admin-font-size-lg)}.admin-text-xl{font-size:var(--admin-font-size-xl)}.admin-mb-0{margin-bottom:0}.admin-mb-sm{margin-bottom:var(--admin-spacing-sm)}.admin-mb-md{margin-bottom:var(--admin-spacing-md)}.admin-mb-lg{margin-bottom:var(--admin-spacing-lg)}.admin-mb-xl{margin-bottom:var(--admin-spacing-xl)}.admin-mt-0{margin-top:0}.admin-mt-sm{margin-top:var(--admin-spacing-sm)}.admin-mt-md{margin-top:var(--admin-spacing-md)}.admin-mt-lg{margin-top:var(--admin-spacing-lg)}.admin-mt-xl{margin-top:var(--admin-spacing-xl)}.admin-hidden{display:none}.admin-visible{display:block}.admin-fade-in{animation:adminFadeIn .3s ease-in-out}.admin-slide-in-right{animation:adminSlideInRight .3s ease-in-out}.admin-bounce-in{animation:adminBounceIn .5s ease-in-out}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adminSlideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes adminBounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1)}}.card{background:var(--global-semantic-color-surface-primary);border-radius:var(--global-border-radius-lg);box-shadow:var(--global-shadow-md);padding:var(--global-spacing-4);transition:all var(--global-motion-duration-normal) var(--global-motion-easing-ease-out);border:1px solid var(--global-semantic-color-border-primary);position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:var(--global-shadow-lg);border-color:var(--global-semantic-color-border-interactive)}.card-interactive:hover{background:var(--global-semantic-color-surface-secondary)}.card-header{display:flex;align-items:center;gap:var(--global-spacing-3);margin-bottom:var(--global-spacing-3);padding-bottom:var(--global-spacing-2);border-bottom:1px solid var(--global-semantic-color-border-subtle)}.card-category-icon{font-size:var(--global-font-size-xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--global-semantic-color-background-accent);border-radius:var(--global-border-radius-md);flex-shrink:0}.card-title{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--global-semantic-color-text-primary);margin:0;flex:1;line-height:var(--global-font-line-height-tight)}.card-add-to-list{background:none;border:none;font-size:var(--global-font-size-lg);cursor:pointer;padding:var(--global-spacing-1);border-radius:var(--global-border-radius-sm);transition:all var(--global-motion-duration-fast) var(--global-motion-easing-ease-out);opacity:.7}.card-add-to-list:hover{opacity:1;background:var(--color-primary);color:#fff;transform:scale(1.1);transition:all .2s ease-in-out}.card-content,.card-info{margin-bottom:var(--global-spacing-3)}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--global-spacing-2)}.info-label{font-size:var(--global-font-size-sm);color:var(--global-semantic-color-text-secondary);font-weight:var(--global-font-weight-medium)}.info-date{font-size:var(--global-font-size-sm);color:var(--global-semantic-color-text-secondary)}.info-provider{font-size:var(--global-font-size-xs);color:var(--global-semantic-color-text-tertiary)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--global-border-radius-sm);font-size:var(--global-font-size-xs);font-weight:600;text-transform:capitalize}.status-badge.active{background:#22c55e26;color:var(--color-success)}.status-badge.expiring{background:#f9731626;color:var(--color-warning)}.status-badge.expired{background:#ef444426;color:var(--color-error)}.expiry-warning{color:var(--color-warning);font-weight:600;font-size:var(--global-font-size-xs)}.info-purchase,.info-purchase-date{font-size:var(--global-font-size-xs);color:var(--color-text-secondary)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--global-spacing-3);padding-top:var(--global-spacing-2);border-top:1px solid var(--global-semantic-color-border-subtle)}.card-footer-actions{display:flex;gap:var(--global-spacing-2)}.card-entry-method{display:flex;align-items:center;gap:var(--global-spacing-1);font-size:var(--global-font-size-xs);color:var(--global-semantic-color-text-tertiary)}.entry-method-icon{font-size:var(--global-font-size-sm)}.card-tags-container{margin-bottom:var(--global-spacing-3);position:relative}.card-tags{display:flex;flex-wrap:wrap;gap:var(--global-spacing-1);max-height:2.5rem;overflow:hidden;transition:max-height var(--global-motion-duration-normal) var(--global-motion-easing-ease-out)}.tag{font-size:var(--global-font-size-xs);padding:var(--global-spacing-1) var(--global-spacing-2);background:var(--global-semantic-color-background-accent);color:var(--global-semantic-color-text-secondary);border-radius:var(--global-border-radius-full);border:1px solid var(--global-semantic-color-border-subtle)}.tags-expand-btn{background:none;border:none;font-size:var(--global-font-size-xs);color:var(--global-semantic-color-text-secondary);cursor:pointer;margin-top:var(--global-spacing-1);padding:var(--global-spacing-1);border-radius:var(--global-border-radius-sm);transition:all var(--global-motion-duration-fast) var(--global-motion-easing-ease-out)}.tags-expand-btn:hover{background:var(--global-semantic-color-background-accent);color:var(--global-semantic-color-text-primary)}.card-heritage-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--global-semantic-color-accent-primary) 20%,var(--global-semantic-color-accent-secondary) 50%,var(--global-semantic-color-accent-primary) 80%,transparent 100%);margin:var(--global-spacing-3) 0;position:relative}.card-heritage-divider:after{content:"⟡";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--global-semantic-color-surface-primary);color:var(--global-semantic-color-accent-primary);font-size:var(--global-font-size-xs);padding:0 var(--global-spacing-1)}.card-status-active{border-left:4px solid var(--global-semantic-color-status-success)}.card-status-expiring{border-left:4px solid var(--global-semantic-color-status-warning)}.card-status-expired{border-left:4px solid var(--global-semantic-color-status-error)}.card-expired{animation:subtle-danger-pulse 3s ease-in-out infinite;border:2px solid var(--global-semantic-color-status-error);background:linear-gradient(135deg,var(--global-semantic-color-surface-primary) 0%,var(--global-semantic-color-status-error-bg) 100%)}.danger-blink-icon{animation:danger-blink 2s ease-in-out infinite;margin-left:var(--global-spacing-2);font-size:var(--global-font-size-lg)}.danger-blink-icon.enhanced{filter:drop-shadow(0 0 8px var(--global-semantic-color-status-error))}@keyframes subtle-danger-pulse{0%,to{box-shadow:var(--global-shadow-md)}50%{box-shadow:0 0 20px #ef44444d,var(--global-shadow-md)}}@keyframes danger-blink{0%,50%,to{opacity:1}25%,75%{opacity:.4}}@media only screen and (max-width: 480px){.card{padding:var(--global-spacing-3, 12px);margin-bottom:var(--global-spacing-3, 12px);border-radius:var(--global-border-radius-md, 8px);position:relative;overflow:visible;min-height:auto}.card-header{flex-direction:column;align-items:flex-start;gap:var(--global-spacing-2, 8px);margin-bottom:var(--global-spacing-2, 8px);padding-bottom:var(--global-spacing-2, 8px)}.card-category-icon{width:32px;height:32px;font-size:var(--global-font-size-lg, 1.125rem)}.card-title{font-size:var(--global-font-size-base, 1rem);line-height:1.3;margin:0}.card-subtitle{font-size:var(--global-font-size-sm, .875rem);margin:0}.card-content{padding:0;overflow:visible}.card-meta{flex-direction:column;align-items:flex-start;gap:var(--global-spacing-1, 4px)}.card-actions{flex-direction:column;gap:var(--global-spacing-2, 8px);margin-top:var(--global-spacing-3, 12px);margin-bottom:var(--global-spacing-2, 8px)}.card-actions .btn{width:100%;justify-content:center;min-height:var(--global-spacing-6, 44px);font-size:var(--global-font-size-sm, .875rem)}.card-entry-method{position:static;margin-top:var(--global-spacing-2, 8px);display:flex;align-items:center;gap:var(--global-spacing-1, 4px);font-size:var(--global-font-size-xs, .75rem);padding:var(--global-spacing-1, 4px) var(--global-spacing-2, 8px);background:var(--global-semantic-color-background-accent);border-radius:var(--global-border-radius-sm, 4px);width:fit-content}.card-tags{flex-wrap:wrap;gap:var(--global-spacing-1, 4px);margin-top:var(--global-spacing-2, 8px)}.tag{font-size:var(--global-font-size-xs, .75rem);padding:var(--global-spacing-1, 4px) var(--global-spacing-2, 8px)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--global-spacing-6);padding:var(--global-spacing-4) 0}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--global-spacing-8);text-align:center;background:var(--global-semantic-color-surface-secondary);border-radius:var(--global-border-radius-xl);border:2px dashed var(--global-semantic-color-border-subtle);color:var(--color-text-secondary)}.empty-icon{font-size:4rem;margin-bottom:var(--global-spacing-4);opacity:.7}.empty-title{font-size:var(--global-font-size-xl);font-weight:var(--global-font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--global-spacing-2) 0;font-family:var(--global-typography-font-family-heading)}.empty-description{font-size:var(--global-font-size-md);color:var(--global-semantic-color-text-secondary);margin:0 0 var(--global-spacing-6) 0;max-width:400px;margin-left:auto;margin-right:auto;line-height:var(--global-font-line-height-relaxed)}.empty-actions{display:flex;gap:var(--global-spacing-3);justify-content:center;flex-wrap:wrap}@media (max-width: 1024px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--global-spacing-4)}}@media (max-width: 768px){.card-grid{grid-template-columns:1fr;gap:var(--global-spacing-4);padding:var(--global-spacing-2) 0}.empty-state{padding:var(--global-spacing-8)}.empty-icon{font-size:3rem}.empty-title{font-size:var(--global-font-size-xl)}}@media (max-width: 480px){.card-grid{gap:var(--global-spacing-3)}.empty-state{padding:var(--global-spacing-6)}}.compact-filter-section{background:var(--global-semantic-color-surface-primary);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-4);margin-bottom:var(--global-spacing-6);box-shadow:var(--global-shadow-sm);border:1px solid var(--global-semantic-color-border-subtle)}.search-filter-row{display:flex;align-items:center;gap:var(--global-spacing-3);flex-wrap:wrap}.compact-search-input{flex:0 1 auto;min-width:250px;max-width:350px;width:300px;padding:var(--global-spacing-3);border:2px solid var(--global-semantic-color-border-primary);border-radius:var(--global-border-radius-lg);font-size:var(--global-font-size-base);background:var(--global-semantic-color-surface-secondary);color:var(--global-semantic-color-text-primary);transition:all var(--global-motion-duration-normal) var(--global-motion-easing-ease-out)}.compact-search-input:focus{outline:none;border-color:var(--global-semantic-color-accent-primary);box-shadow:0 0 0 3px var(--global-semantic-color-accent-primary-alpha);background:var(--global-semantic-color-surface-primary)}.compact-search-input.expanded{flex:0 0 0px;font-family:var(--global-typography-font-family-primary);font-weight:var(--global-font-weight-medium)}.search-stats{display:flex;gap:var(--global-spacing-2);align-items:center}.mini-stat{background:var(--global-semantic-color-background-accent);border:1px solid var(--global-semantic-color-border-subtle);border-radius:var(--global-border-radius-md);padding:var(--global-spacing-2) var(--global-spacing-3);font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium);color:var(--global-semantic-color-text-secondary);cursor:default;transition:all var(--global-motion-duration-fast) var(--global-motion-easing-ease-out)}.mini-stat.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.mini-stat.clickable:hover{background:var(--global-semantic-color-background-interactive);color:var(--global-semantic-color-text-primary);transform:translateY(-1px);box-shadow:var(--global-shadow-sm)}.mini-stat.active{background:var(--global-semantic-color-accent-primary);color:var(--global-semantic-color-text-on-accent);border-color:var(--global-semantic-color-accent-primary);box-shadow:var(--global-shadow-sm)}.filter-toggle-btn{background:var(--global-semantic-color-background-secondary);border:1px solid var(--global-semantic-color-border-primary);border-radius:var(--global-border-radius-md);padding:var(--global-spacing-2) var(--global-spacing-4);font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium);color:var(--global-semantic-color-text-primary);cursor:pointer;transition:all var(--global-motion-duration-fast) var(--global-motion-easing-ease-out);white-space:nowrap}.filter-toggle-btn:hover{background:var(--global-semantic-color-background-interactive);border-color:var(--global-semantic-color-border-interactive);transform:translateY(-1px)}.inline-filters{display:flex;align-items:center;gap:var(--global-spacing-3);margin-top:var(--global-spacing-4);padding-top:var(--global-spacing-4);border-top:1px solid var(--global-semantic-color-border-subtle);flex-wrap:wrap}.inline-filter-select{padding:var(--global-spacing-2) var(--global-spacing-3);border:1px solid var(--global-semantic-color-border-primary);border-radius:var(--global-border-radius-md);background:var(--global-semantic-color-surface-secondary);color:var(--global-semantic-color-text-primary);font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium);cursor:pointer;transition:all var(--global-motion-duration-fast) var(--global-motion-easing-ease-out);min-width:140px}.inline-filter-select:focus{outline:none;border-color:var(--global-semantic-color-accent-primary);box-shadow:0 0 0 2px var(--global-semantic-color-accent-primary-alpha)}.inline-filter-select:hover{border-color:var(--global-semantic-color-border-interactive);background:var(--global-semantic-color-surface-primary)}@media (max-width: 768px){.search-filter-row{flex-direction:column;align-items:stretch}.compact-search-input{min-width:auto;width:100%}.search-stats{justify-content:center;flex-wrap:wrap}.filter-toggle-btn{width:100%;text-align:center}.inline-filters{flex-direction:column;align-items:stretch}.inline-filter-select{min-width:auto;width:100%}}@media only screen and (max-width: 480px){.compact-filter-section{padding:var(--global-spacing-3, 12px);margin-bottom:var(--global-spacing-4, 16px);border-radius:var(--global-border-radius-md, 8px)}.search-filter-row{flex-direction:column;align-items:stretch;gap:var(--global-spacing-2, 8px)}.compact-search-input{min-width:100%;max-width:100%;width:100%;padding:var(--global-spacing-3, 12px);font-size:16px;border-radius:var(--global-border-radius-md, 8px)}.filter-stats-row{flex-direction:column;align-items:stretch;gap:var(--global-spacing-2, 8px)}.filter-stats{flex-wrap:wrap;gap:var(--global-spacing-1, 4px);justify-content:flex-start}.filter-stat-button{font-size:var(--global-font-size-xs, .75rem);padding:var(--global-spacing-2, 8px) var(--global-spacing-3, 12px);min-height:var(--global-spacing-6, 44px);border-radius:var(--global-border-radius-sm, 6px)}.inline-filters{gap:var(--global-spacing-2, 8px)}.inline-filter-select{padding:var(--global-spacing-3, 12px);font-size:var(--global-font-size-sm, .875rem);min-height:var(--global-spacing-6, 44px)}}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--global-z-index-modal);animation:modal-overlay-appear var(--global-motion-duration-normal) var(--global-motion-easing-ease-out)}.modal-content{background:var(--global-semantic-color-surface-primary);border-radius:var(--global-border-radius-xl);box-shadow:var(--global-shadow-xl);border:1px solid var(--global-semantic-color-border-subtle);max-width:500px;width:90%;max-height:90vh;overflow:auto;animation:modal-content-appear var(--global-motion-duration-normal) var(--global-motion-easing-ease-out)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--global-spacing-6) var(--global-spacing-6) var(--global-spacing-4) var(--global-spacing-6);border-bottom:1px solid var(--global-semantic-color-border-subtle)}.modal-header h3{margin:0;font-size:var(--global-font-size-xl);font-weight:var(--global-font-weight-semibold);color:var(--global-semantic-color-text-primary);font-family:var(--global-typography-font-family-heading)}.modal-close{background:none;border:none;font-size:var(--global-font-size-xl);cursor:pointer;padding:var(--global-spacing-2);border-radius:var(--global-border-radius-md);color:var(--global-semantic-color-text-secondary);transition:all var(--global-motion-duration-fast) var(--global-motion-easing-ease-out);line-height:1}.modal-close:hover{background:var(--global-semantic-color-background-accent);color:var(--global-semantic-color-text-primary)}.modal-body{padding:var(--global-spacing-6)}.share-warranty-info{margin-bottom:var(--global-spacing-6);padding:var(--global-spacing-4);background:var(--global-semantic-color-background-accent);border-radius:var(--global-border-radius-lg);border-left:4px solid var(--global-semantic-color-accent-primary)}.share-warranty-info h4{margin:0 0 var(--global-spacing-2) 0;font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--global-semantic-color-text-primary)}.share-warranty-info p{margin:var(--global-spacing-1) 0;font-size:var(--global-font-size-sm);color:var(--global-semantic-color-text-secondary);line-height:var(--global-font-line-height-normal)}.share-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--global-spacing-3);margin-bottom:var(--global-spacing-6)}.share-option{display:flex;flex-direction:column;align-items:center;padding:var(--global-spacing-4);border-radius:var(--global-border-radius-lg);font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium);text-align:center;transition:all var(--global-motion-duration-fast) var(--global-motion-easing-ease-out);gap:var(--global-spacing-2)}.share-option:hover{transform:translateY(-2px);box-shadow:var(--global-shadow-md)}.share-consent{background:var(--global-semantic-color-background-accent);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-4);border:1px solid var(--global-semantic-color-border-subtle)}.share-consent p{margin:0 0 var(--global-spacing-3) 0;font-size:var(--global-font-size-sm);color:var(--global-semantic-color-text-secondary)}.consent-options{display:flex;flex-direction:column;gap:var(--global-spacing-2)}.consent-options label{display:flex;align-items:center;gap:var(--global-spacing-2);font-size:var(--global-font-size-sm);color:var(--global-semantic-color-text-primary);cursor:pointer;padding:var(--global-spacing-1);border-radius:var(--global-border-radius-sm);transition:background-color var(--global-motion-duration-fast) var(--global-motion-easing-ease-out)}.consent-options label:hover{background:var(--global-semantic-color-background-interactive)}.consent-options input[type=checkbox]{width:16px;height:16px;border-radius:var(--global-border-radius-sm);border:2px solid var(--global-semantic-color-border-primary);background:var(--global-semantic-color-surface-primary);cursor:pointer}.consent-options input[type=checkbox]:checked{background:var(--global-semantic-color-accent-primary);border-color:var(--global-semantic-color-accent-primary)}@keyframes modal-overlay-appear{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes modal-content-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 768px){.modal-content{width:95%;margin:var(--global-spacing-4)}.modal-header,.modal-body{padding:var(--global-spacing-4)}.share-options{grid-template-columns:1fr}}.smart-warranty-assistant{min-height:100vh;background:var(--color-surface-secondary, #f8fafc);color:var(--color-text-primary, #334155);position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.warranty-icon{width:1em;height:1em;display:inline-block;vertical-align:middle}.warranty-ai-page-header{background:linear-gradient(135deg,var(--color-surface-elevated, #ffffff) 0%,var(--color-surface-secondary, #f8fafc) 100%);border-bottom:1px solid var(--color-border-primary, #e2e8f0);box-shadow:var(--global-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));position:sticky;top:0;z-index:var(--global-z-index-sticky, 1020);padding:var(--global-spacing-8, 2rem) 0}.warranty-ai-page-header-content{max-width:var(--global-breakpoints-wide, 1280px);margin:0 auto;padding:0 var(--global-spacing-8, 2rem);display:flex;justify-content:space-between;align-items:center}.warranty-ai-page-title{font-size:var(--global-font-size-3xl, 1.875rem);font-weight:var(--global-font-weight-bold, 700);color:var(--color-text-primary, #1e293b);margin:0 0 var(--global-spacing-2, .5rem) 0;display:flex;align-items:center;gap:var(--global-spacing-3, .75rem)}.warranty-ai-page-icon{font-size:var(--global-spacing-8, 2rem)}.warranty-ai-page-subtitle{color:var(--color-text-secondary, #64748b);margin:0;font-size:var(--global-font-size-base, 1rem)}.warranty-ai-tamil-accent{background:linear-gradient(135deg,var(--global-brand-primary, #0EA775) 0%,var(--global-brand-accent, #F4C542) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--global-font-weight-bold, 700)}.warranty-ai-page-actions{display:flex;gap:var(--global-spacing-4, 1rem)}.warranty-ai-activity-trigger{position:fixed;right:var(--global-spacing-8, 2rem);bottom:var(--global-spacing-8, 2rem);background:linear-gradient(135deg,var(--global-brand-primary, #0EA775) 0%,var(--global-brand-accent, #F4C542) 100%);border:none;border-radius:var(--global-border-radius-full, 50%);width:60px;height:60px;color:var(--color-surface-elevated, white);cursor:pointer;box-shadow:var(--global-shadow-heritage, 0 4px 12px rgba(14, 167, 117, .15));transition:all var(--global-motion-duration-normal, .25s) var(--global-motion-easing-ease-out, cubic-bezier(0, 0, .2, 1));z-index:var(--global-z-index-fixed, 1030);display:flex;align-items:center;justify-content:center}.warranty-ai-activity-trigger:hover{transform:scale(1.1);box-shadow:var(--global-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1))}.warranty-ai-activity-count{position:absolute;top:-5px;right:-5px;background:var(--color-status-error, #ef4444);color:var(--color-surface-elevated, white);border-radius:var(--global-border-radius-full, 50%);width:20px;height:20px;font-size:var(--global-font-size-xs, .75rem);display:flex;align-items:center;justify-content:center;font-weight:var(--global-font-weight-semibold, 600)}.smart-warranty-assistant .btn{display:inline-flex;align-items:center;gap:var(--global-spacing-2, .5rem);padding:var(--global-spacing-3, .75rem) var(--global-spacing-6, 1.5rem);border-radius:var(--global-border-radius-md, .375rem);font-weight:var(--global-font-weight-medium, 500);text-decoration:none;cursor:pointer;transition:all var(--global-motion-duration-fast, .15s) var(--global-motion-easing-ease-out, cubic-bezier(0, 0, .2, 1));border:1px solid;font-size:var(--global-font-size-sm, .875rem)}.smart-warranty-assistant .btn-secondary{background:var(--color-surface-elevated, white);color:var(--color-text-secondary, #64748b);border-color:var(--color-border-primary, #e2e8f0)}.smart-warranty-assistant .btn-secondary:hover{background:var(--color-surface-secondary, #f8fafc);color:var(--color-text-primary, #475569);border-color:var(--color-border-primary, #cbd5e1)}.smart-warranty-assistant .btn-primary{background:linear-gradient(135deg,var(--global-brand-primary, #0EA775) 0%,var(--global-brand-accent, #F4C542) 100%);color:var(--color-surface-elevated, white);border-color:transparent}.smart-warranty-assistant .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--global-shadow-heritage, 0 4px 12px rgba(14, 167, 117, .15))}.smart-warranty-assistant .btn-md{padding:var(--global-spacing-3, .875rem) var(--global-spacing-5, 1.75rem);font-size:var(--global-font-size-sm, .875rem)}.warranty-ai-main-content{padding:var(--global-spacing-8, 2rem) 0}.warranty-ai-content-container{max-width:var(--global-breakpoints-wide, 1280px);margin:0 auto;padding:0 var(--global-spacing-8, 2rem)}.warranty-ai-section{margin-bottom:var(--global-spacing-12, 3rem)}.warranty-ai-container{background:var(--color-surface-elevated, white);border:1px solid var(--color-border-primary, #e2e8f0);border-radius:var(--global-border-radius-xl, .75rem);padding:var(--global-spacing-8, 2rem);box-shadow:var(--global-shadow-base, 0 1px 3px 0 rgba(0, 0, 0, .1))}.warranty-ai-header{text-align:center;margin-bottom:var(--global-spacing-8, 2rem)}.warranty-ai-header h2{font-size:var(--global-font-size-2xl, 1.5rem);font-weight:var(--global-font-weight-bold, 700);color:var(--color-text-primary, #1e293b);margin:0 0 var(--global-spacing-2, .5rem) 0}.warranty-ai-header p{color:var(--color-text-secondary, #64748b);margin:0;font-size:var(--global-font-size-base, 1rem);line-height:var(--global-font-line-height-relaxed, 1.625)}.warranty-ai-input-section{max-width:800px;margin:0 auto}.warranty-ai-input-wrapper{background:var(--color-surface-secondary, #f8fafc);border:1px solid var(--color-border-primary, #e2e8f0);border-radius:var(--global-border-radius-xl, .75rem);overflow:hidden;transition:all var(--global-motion-duration-normal, .25s) var(--global-motion-easing-ease-out, cubic-bezier(0, 0, .2, 1))}.warranty-ai-input-wrapper:focus-within{border-color:var(--global-brand-primary, #0EA775);box-shadow:0 0 0 3px #0ea7751a}.warranty-ai-smart-input{width:100%;padding:var(--global-spacing-6, 1.5rem);border:none;background:transparent;color:var(--color-text-primary, #1e293b);font-size:var(--global-font-size-base, 1rem);line-height:var(--global-font-line-height-relaxed, 1.625);resize:none;outline:none;font-family:inherit;min-height:120px}.warranty-ai-smart-input::placeholder{color:var(--color-text-secondary, #94a3b8);font-style:italic}.warranty-ai-smart-input:disabled{opacity:.7;cursor:not-allowed}.warranty-ai-input-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--global-spacing-4, 1rem) var(--global-spacing-6, 1.5rem);border-top:1px solid var(--color-border-primary, #e2e8f0);background:var(--color-surface-elevated, white)}.warranty-ai-input-options{display:flex;gap:var(--global-spacing-3, .75rem)}.warranty-ai-option-btn{display:flex;align-items:center;gap:var(--global-spacing-2, .5rem);padding:var(--global-spacing-2, .5rem) var(--global-spacing-4, 1rem);background:var(--color-surface-tertiary, #f1f5f9);border:1px solid var(--color-border-primary, #e2e8f0);border-radius:var(--global-border-radius-sm, .25rem);color:var(--color-text-secondary, #64748b);cursor:pointer;transition:all var(--global-motion-duration-fast, .15s) var(--global-motion-easing-ease-out, cubic-bezier(0, 0, .2, 1));font-size:var(--global-font-size-sm, .875rem);font-weight:var(--global-font-weight-medium, 500)}.warranty-ai-option-btn:hover:not(:disabled){background:var(--color-border-primary, #e2e8f0);color:var(--color-text-primary, #475569)}.warranty-ai-option-btn:disabled{opacity:.5;cursor:not-allowed}.warranty-ai-voice-btn.listening{background:var(--color-status-error-light, #fef2f2);border-color:var(--color-status-error-border, #fecaca);color:var(--color-status-error, #dc2626);animation:pulse var(--global-motion-duration-slow, .35s) infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.warranty-ai-process-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0ea775,#f4c542);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.875rem}.warranty-ai-process-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0ea7754d}.warranty-ai-process-btn:disabled{opacity:.7;cursor:not-allowed}.warranty-ai-processing-status{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f0fdfa;border:1px solid #a7f3d0;border-radius:8px;margin-top:1rem;color:#065f46;font-size:.875rem}.warranty-ai-processing-spinner{width:16px;height:16px;border:2px solid #a7f3d0;border-top-color:#0ea775;border-radius:50%;animation:spin 1s linear infinite}.warranty-ai-features-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.warranty-ai-features-info h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem;text-align:center}.warranty-ai-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.warranty-ai-feature-item{display:flex;gap:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.warranty-ai-feature-item:hover{background:#f1f5f9;border-color:#cbd5e1}.warranty-ai-feature-icon{font-size:1.5rem;flex-shrink:0}.warranty-ai-feature-item strong{display:block;color:#1e293b;font-weight:600;margin-bottom:.25rem}.warranty-ai-feature-item p{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}@media (max-width: 768px){.warranty-ai-page-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.warranty-ai-page-actions{width:100%;justify-content:flex-start}.warranty-ai-content-container{padding:0 1rem}.warranty-ai-container,.warranty-ai-features-info{padding:1.5rem}.warranty-ai-input-controls{flex-direction:column;gap:1rem;align-items:stretch}.warranty-ai-input-options{justify-content:center}.warranty-ai-features-grid{grid-template-columns:1fr}}.warranty-ai-upload-section{margin:var(--global-spacing-6, 1.5rem) 0;border:2px dashed var(--color-border-secondary, #cbd5e1);border-radius:var(--global-border-radius-lg, 12px);background:var(--color-surface-elevated, #ffffff);transition:all .2s ease}.warranty-ai-upload-section:hover{border-color:var(--suvadi-primary-color, #0EA775);background:var(--color-surface-hover, #f1f5f9)}.warranty-ai-upload-zone{padding:var(--global-spacing-8, 2rem);text-align:center;position:relative}.warranty-ai-upload-icon{width:3rem;height:3rem;color:var(--color-text-secondary, #64748b);margin-bottom:var(--global-spacing-4, 1rem)}.warranty-ai-upload-text{margin:0 0 var(--global-spacing-2, .5rem) 0;color:var(--color-text-primary, #334155)}.warranty-ai-upload-text strong{color:var(--suvadi-primary-color, #0EA775);font-weight:var(--global-font-weight-semibold, 600)}.warranty-ai-upload-hint{margin:0 0 var(--global-spacing-6, 1.5rem) 0;font-size:var(--global-font-size-sm, .875rem);color:var(--color-text-secondary, #64748b)}.warranty-ai-upload-btn{display:inline-flex;align-items:center;gap:var(--global-spacing-2, .5rem);padding:var(--global-spacing-3, .75rem) var(--global-spacing-6, 1.5rem);background:var(--suvadi-primary-color, #0EA775);color:#fff;border:none;border-radius:var(--global-border-radius-md, 8px);font-size:var(--global-font-size-sm, .875rem);font-weight:var(--global-font-weight-medium, 500);cursor:pointer;transition:all .2s ease}.warranty-ai-upload-btn:hover:not(:disabled){background:var(--suvadi-primary-hover, #0d9668);transform:translateY(-1px);box-shadow:var(--global-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.warranty-ai-upload-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.warranty-ai-upload-zone.drag-over{border-color:var(--suvadi-primary-color, #0EA775);background:var(--color-success-light, #ecfdf5);transform:scale(1.02)}.warranty-ai-upload-section.processing{border-color:var(--suvadi-secondary-color, #F4C542);background:var(--color-warning-light, #fffbeb)}.warranty-ai-upload-section.processing .warranty-ai-upload-icon{animation:pulse 2s ease-in-out infinite;color:var(--suvadi-secondary-color, #F4C542)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.smart-warranty-assistant .btn:focus,.warranty-ai-option-btn:focus,.warranty-ai-process-btn:focus,.warranty-ai-upload-btn:focus{outline:2px solid #0EA775;outline-offset:2px}@media (prefers-contrast: high){.warranty-ai-container,.warranty-ai-features-info{border-width:2px}}.warranty-extraction-document-status{background:var(--color-surface-success, #f0fdf4);border:1px solid var(--color-border-success, #16a34a);color:var(--color-text-success, #15803d);padding:var(--global-spacing-4, 1rem);border-radius:var(--global-radius-md, .375rem);margin-bottom:var(--global-spacing-6, 1.5rem);display:flex;align-items:center;gap:var(--global-spacing-2, .5rem);font-size:var(--global-font-size-sm, .875rem)}.warranty-extraction-success-icon{color:var(--color-success-primary, #16a34a);font-size:1.25rem;flex-shrink:0}.warranty-extraction-confidence-indicator{background:var(--color-surface-info, #f0f9ff);border:1px solid var(--color-border-info, #0ea5e9);border-radius:var(--global-radius-md, .375rem);padding:var(--global-spacing-4, 1rem);margin-bottom:var(--global-spacing-6, 1.5rem)}.warranty-extraction-confidence-header{display:flex;align-items:center;gap:var(--global-spacing-2, .5rem);margin-bottom:var(--global-spacing-3, .75rem);font-size:var(--global-font-size-sm, .875rem);font-weight:var(--global-font-weight-medium, 500);color:var(--color-text-info, #0369a1)}.warranty-extraction-ai-icon{color:var(--color-info-primary, #0ea5e9);font-size:1rem}.warranty-extraction-confidence-bar{background:var(--color-surface-secondary, #f1f5f9);border-radius:var(--global-radius-full, 9999px);height:6px;margin-bottom:var(--global-spacing-2, .5rem);overflow:hidden}.warranty-extraction-confidence-fill{background:linear-gradient(90deg,var(--color-info-primary, #0ea5e9),var(--color-info-dark, #0284c7));height:100%;border-radius:var(--global-radius-full, 9999px);transition:width .3s ease-out}.warranty-extraction-confidence-note{color:var(--color-text-info, #0369a1);font-size:var(--global-font-size-xs, .75rem);font-style:italic}.warranty-extraction-ai-badge{background:var(--color-primary, #3b82f6);color:#fff;font-size:var(--global-font-size-xs, .75rem);font-weight:var(--global-font-weight-medium, 500);padding:2px 6px;border-radius:var(--global-radius-sm, .25rem);margin-left:var(--global-spacing-2, .5rem);text-transform:uppercase;letter-spacing:.025em}.warranty-extraction-ai-filled{border-color:var(--color-primary, #3b82f6)!important;background:var(--color-primary-light, #dbeafe);position:relative}.warranty-extraction-ai-filled:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--color-primary, #3b82f6);border-radius:var(--global-radius-sm, .25rem) 0 0 var(--global-radius-sm, .25rem)}.warranty-upload-progress-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--global-z-index-modal, 1050);animation:fadeIn .3s ease-out}.warranty-upload-progress-modal{background:var(--color-surface-elevated, #ffffff);border-radius:var(--global-radius-lg, .5rem);box-shadow:var(--global-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04));padding:var(--global-spacing-8, 2rem);margin:var(--global-spacing-4, 1rem);min-width:400px;max-width:500px;animation:slideIn .3s ease-out}.warranty-upload-progress-header{margin-bottom:var(--global-spacing-6, 1.5rem);text-align:center}.warranty-upload-progress-header h3{color:var(--color-text-primary, #334155);font-size:var(--global-font-size-lg, 1.125rem);font-weight:var(--global-font-weight-semibold, 600);margin:0;display:flex;align-items:center;justify-content:center;gap:var(--global-spacing-2, .5rem)}.warranty-upload-progress-icon{color:var(--color-primary, #3b82f6);font-size:1.5rem}.warranty-upload-progress-body{text-align:center}.warranty-upload-progress-bar-container{background:var(--color-surface-secondary, #f1f5f9);border-radius:var(--global-radius-full, 9999px);height:8px;margin-bottom:var(--global-spacing-4, 1rem);overflow:hidden;position:relative}.warranty-upload-progress-bar{background:linear-gradient(90deg,var(--color-primary, #3b82f6),var(--color-primary-dark, #2563eb));height:100%;border-radius:var(--global-radius-full, 9999px);transition:width .3s ease-out;position:relative}.warranty-upload-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite}.warranty-upload-progress-percentage{font-size:var(--global-font-size-2xl, 1.5rem);font-weight:var(--global-font-weight-bold, 700);color:var(--color-primary, #3b82f6);margin-bottom:var(--global-spacing-2, .5rem)}.warranty-upload-progress-status{color:var(--color-text-secondary, #64748b);font-size:var(--global-font-size-sm, .875rem);margin-bottom:var(--global-spacing-4, 1rem)}.warranty-upload-success-message{background:var(--color-surface-success, #f0fdf4);border:1px solid var(--color-border-success, #16a34a);color:var(--color-text-success, #15803d);padding:var(--global-spacing-4, 1rem);border-radius:var(--global-radius-md, .375rem);margin-top:var(--global-spacing-4, 1rem);display:flex;align-items:center;justify-content:center;gap:var(--global-spacing-2, .5rem);font-size:var(--global-font-size-sm, .875rem);animation:fadeIn .5s ease-out}.warranty-upload-success-icon{color:var(--color-success-primary, #16a34a);font-size:1.25rem;flex-shrink:0}.warranty-activity-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--global-z-index-modal, 1040);animation:fadeIn .3s ease-out}.warranty-activity-panel{position:fixed;top:0;right:0;height:100vh;width:400px;background:var(--color-surface-elevated, #ffffff);box-shadow:var(--global-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04));z-index:var(--global-z-index-modal, 1041);display:flex;flex-direction:column;animation:slideInRight .3s ease-out;overflow:hidden}.warranty-activity-header{background:var(--color-surface-secondary, #f8fafc);border-bottom:1px solid var(--color-border-primary, #e2e8f0);padding:var(--global-spacing-6, 1.5rem);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.warranty-activity-header h4{margin:0;color:var(--color-text-primary, #334155);font-size:var(--global-font-size-lg, 1.125rem);font-weight:var(--global-font-weight-semibold, 600);display:flex;align-items:center;gap:var(--global-spacing-2, .5rem)}.warranty-activity-close{background:none;border:none;font-size:var(--global-font-size-2xl, 1.5rem);color:var(--color-text-secondary, #64748b);cursor:pointer;padding:var(--global-spacing-1, .25rem);border-radius:var(--global-radius-sm, .25rem);line-height:1;transition:all .2s ease}.warranty-activity-close:hover{background:var(--color-surface-tertiary, #f1f5f9);color:var(--color-text-primary, #334155)}.warranty-activity-list{flex:1;overflow-y:auto;padding:var(--global-spacing-4, 1rem)}.warranty-activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--global-spacing-12, 3rem);color:var(--color-text-secondary, #64748b)}.warranty-empty-icon{font-size:3rem;margin-bottom:var(--global-spacing-4, 1rem);opacity:.5}.warranty-activity-item{display:flex;align-items:flex-start;gap:var(--global-spacing-3, .75rem);padding:var(--global-spacing-4, 1rem);border-radius:var(--global-radius-md, .375rem);margin-bottom:var(--global-spacing-3, .75rem);border-left:4px solid transparent;background:var(--color-surface-secondary, #f8fafc);transition:all .2s ease}.warranty-activity-item:hover{background:var(--color-surface-tertiary, #f1f5f9);transform:translate(4px)}.warranty-activity-success{border-left-color:var(--color-success-primary, #16a34a)}.warranty-activity-pending{border-left-color:var(--color-warning-primary, #f59e0b)}.warranty-activity-error{border-left-color:var(--color-error-primary, #dc2626)}.warranty-activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--global-radius-full, 50%);background:var(--color-surface-elevated, #ffffff);border:2px solid var(--color-border-primary, #e2e8f0);color:var(--color-primary, #3b82f6);flex-shrink:0}.warranty-activity-content{flex:1;min-width:0}.warranty-activity-details{color:var(--color-text-primary, #334155);font-size:var(--global-font-size-sm, .875rem);line-height:1.4;margin-bottom:var(--global-spacing-1, .25rem)}.warranty-activity-time{color:var(--color-text-secondary, #64748b);font-size:var(--global-font-size-xs, .75rem)}.warranty-activity-status{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--global-radius-full, 50%);flex-shrink:0}.warranty-status-success{color:var(--color-success-primary, #16a34a);background:var(--color-surface-success, #f0fdf4)}.warranty-status-pending{color:var(--color-warning-primary, #f59e0b);background:var(--color-surface-warning, #fefce8)}.warranty-status-error{color:var(--color-error-primary, #dc2626);background:var(--color-surface-error, #fef2f2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 640px){.warranty-upload-progress-modal{margin:var(--global-spacing-4, 1rem);padding:var(--global-spacing-6, 1.5rem);min-width:auto;width:calc(100vw - 2rem)}.warranty-activity-panel{width:100vw;left:0}.warranty-activity-header{padding:var(--global-spacing-4, 1rem)}.warranty-activity-list{padding:var(--global-spacing-3, .75rem)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f6f0,#f5f2e8);padding:var(--global-spacing-6, 1.5rem)}.auth-container{width:100%;max-width:420px;background:var(--color-surface-elevated, #ffffff);border-radius:var(--global-border-radius-lg, .5rem);box-shadow:var(--global-shadow-heritage, 0 4px 12px rgba(14, 167, 117, .15), 0 2px 4px rgba(0, 0, 0, .1));padding:var(--global-spacing-8, 2rem);border:1px solid rgba(14,167,117,.1);position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--global-brand-primary) 0%,var(--global-brand-accent) 100%)}.auth-header{text-align:center;margin-bottom:var(--global-spacing-8, 2rem)}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:var(--global-spacing-3, .75rem);margin-bottom:var(--global-spacing-4, 1rem)}.auth-logo{width:48px;height:48px;border-radius:var(--global-border-radius-md, .375rem)}.auth-title{font-family:var(--font-family-serif, "Playfair Display", serif);font-size:var(--global-font-size-2xl, 1.5rem);font-weight:var(--global-font-weight-bold, 700);color:var(--color-text-primary, #111827);margin:0;line-height:var(--global-font-line-height-tight, 1.25)}.tamil{font-family:var(--font-family-tamil, "Noto Sans Tamil", sans-serif)}.tamil-highlight{color:var(--global-brand-primary, #0EA775);text-shadow:0 2px 4px rgba(14,167,117,.2)}.tamil-accent{color:var(--global-brand-accent, #F4C542);text-shadow:0 2px 4px rgba(244,197,66,.2)}.auth-subtitle{font-size:var(--global-font-size-base, 1rem);color:var(--color-text-secondary, #6b7280);margin:0;line-height:var(--global-font-line-height-relaxed, 1.625)}.auth-form{display:flex;flex-direction:column;gap:var(--global-spacing-6, 1.5rem)}.auth-error{background:#ef44441a;color:var(--color-status-error, #dc2626);border:1px solid var(--color-status-error, #dc2626);border-radius:var(--global-border-radius-md, .375rem);padding:var(--global-spacing-4, 1rem);display:flex;align-items:flex-start;gap:var(--global-spacing-2, .5rem);font-size:var(--global-font-size-sm, .875rem);line-height:var(--global-font-line-height-relaxed, 1.625)}.auth-error-icon{flex-shrink:0;font-size:var(--global-font-size-base, 1rem)}.auth-error-message{flex:1}.form-group{display:flex;flex-direction:column;gap:var(--global-spacing-2, .5rem);margin-bottom:var(--global-spacing-4, 1rem)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--global-spacing-4, 1rem)}.auth-success{background:var(--color-feedback-success-bg, rgba(34, 197, 94, .1));color:var(--color-feedback-success-text, #16a34a);border:1px solid var(--color-feedback-success-border, #16a34a);border-radius:var(--global-border-radius-md, .375rem);padding:var(--global-spacing-6, 1.5rem);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--global-spacing-3, .75rem)}.auth-success-icon{font-size:var(--global-font-size-2xl, 1.5rem)}.form-label{font-size:var(--global-font-size-sm, .875rem);font-weight:var(--global-font-weight-medium, 500);color:var(--color-text-primary, #374151);line-height:var(--global-font-line-height-normal, 1.5);margin-bottom:.25rem}.form-input{padding:var(--global-spacing-3, .75rem) var(--global-spacing-4, 1rem);border:1px solid var(--color-border-primary, #d1d5db);border-radius:var(--global-border-radius-md, .375rem);font-size:var(--global-font-size-base, 1rem);background:var(--color-surface-elevated, #ffffff);color:var(--color-text-primary, #111827);transition:border-color var(--global-motion-duration-normal, .25s) var(--global-motion-easing-ease-out, cubic-bezier(0, 0, .2, 1));width:100%;box-sizing:border-box}.form-input:disabled{background:var(--color-surface-secondary, #f9fafb);opacity:.6;cursor:not-allowed}.form-input::placeholder{color:var(--color-text-secondary, #9ca3af);font-style:italic}.auth-button{padding:var(--global-spacing-4, 1rem) var(--global-spacing-6, 1.5rem);border-radius:var(--global-border-radius-md, .375rem);font-size:var(--global-font-size-base, 1rem);font-weight:var(--global-font-weight-medium, 500);line-height:var(--global-font-line-height-normal, 1.5);cursor:pointer;transition:var(--global-motion-duration-normal, .25s);border:none;display:flex;align-items:center;justify-content:center;gap:var(--global-spacing-2, .5rem);min-height:48px}.auth-button-primary{background:linear-gradient(135deg,var(--global-brand-primary) 0%,#0d9468 100%);color:var(--color-surface-elevated, #ffffff);box-shadow:var(--global-shadow-heritage)}.auth-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#0d9468 0%,var(--global-brand-primary) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #0ea7754d}.auth-button-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--global-shadow-base)}.auth-button:disabled{background:var(--color-surface-disabled, #f3f4f6);color:var(--color-text-disabled, #9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.auth-button.loading{cursor:wait}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.auth-divider{position:relative;text-align:center;margin:var(--global-spacing-6, 1.5rem) 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border-primary, #e5e7eb)}.auth-divider-text{background:var(--color-surface-primary, #ffffff);padding:0 var(--global-spacing-4, 1rem);color:var(--color-text-secondary, #6b7280);font-size:var(--global-font-size-sm, .875rem);position:relative;z-index:1}.auth-links{text-align:center;margin-top:var(--global-spacing-4, 1rem)}.auth-link{color:#3b82f6;text-decoration:none;font-size:var(--global-font-size-sm, .875rem);transition:color var(--global-motion-duration-normal, .25s) var(--global-motion-easing-ease-out, cubic-bezier(0, 0, .2, 1));background:none;border:none;cursor:pointer}.auth-link:hover{color:var(--color-text-primary, #111827);text-decoration:underline}.auth-footer{margin-top:var(--global-spacing-6, 1.5rem);padding-top:var(--global-spacing-6, 1.5rem);border-top:1px solid var(--color-border-primary, #e5e7eb)}.auth-footer-text{text-align:center;font-size:var(--global-font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280);line-height:var(--global-font-line-height-relaxed, 1.625);margin:0}@media (max-width: 768px){.auth-page{padding:var(--global-spacing-4, 1rem)}.auth-container{padding:var(--global-spacing-6, 1.5rem)}.auth-title{font-size:var(--global-font-size-xl, 1.25rem)}.form-row{grid-template-columns:1fr;gap:var(--global-spacing-6, 1.5rem)}}@media (max-width: 480px){.auth-page{padding:var(--global-spacing-3, .75rem)}.auth-container{padding:var(--global-spacing-5, 1.25rem)}}.global-loader{position:fixed;inset:0;background:linear-gradient(135deg,var(--color-surface-secondary, #f8f6f0) 0%,var(--color-surface-tertiary, #f5f2e8) 100%);display:flex;align-items:center;justify-content:center;z-index:var(--global-z-index-modal, 1050);font-family:var(--font-family-base, "Inter"),-apple-system,BlinkMacSystemFont,sans-serif}.global-loader__container{text-align:center;animation:fadeIn var(--global-motion-duration-normal, .25s) var(--global-motion-easing-ease-in, cubic-bezier(.4, 0, 1, 1))}.global-loader__tamil-letter{font-size:var(--global-spacing-16, 4rem);color:var(--global-brand-primary, #0EA775);font-weight:var(--global-font-weight-bold, 700);margin-bottom:var(--global-spacing-4, 1rem);animation:bounce var(--global-motion-duration-slow, .35s) var(--global-motion-easing-ease-in-out, cubic-bezier(.4, 0, .2, 1)) infinite;text-shadow:var(--global-shadow-heritage, 0 4px 8px rgba(14, 167, 117, .2))}.global-loader__brand{display:flex;align-items:center;justify-content:center;gap:var(--global-spacing-3, .75rem);margin-bottom:var(--global-spacing-6, 1.5rem)}.global-loader__logo{width:32px;height:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.global-loader__text{font-size:1.5rem;font-weight:600;color:#2d3748;letter-spacing:-.025em}.global-loader__message{color:#718096;font-size:.875rem;margin-bottom:2rem;font-weight:500}.global-loader__dots{display:flex;justify-content:center;gap:.5rem}.global-loader__dots span{width:8px;height:8px;background:#0ea775;border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.global-loader__dots span:nth-child(1){animation-delay:-.32s}.global-loader__dots span:nth-child(2){animation-delay:-.16s}.global-loader__dots span:nth-child(3){animation-delay:0s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1.05)}60%{transform:translateY(-5px) scale(1.02)}}@keyframes pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 640px){.global-loader__tamil-letter{font-size:3rem}.global-loader__text{font-size:1.25rem}.global-loader__logo{width:28px;height:28px}}.mobile-tips{margin:var(--spacing-md, 16px) 0}.mobile-tips-toggle{width:100%;display:flex;align-items:center;gap:var(--spacing-sm, 12px);padding:var(--spacing-md, 16px);background:var(--color-accent-gradient, linear-gradient(135deg, #FFB000 0%, #FF8C00 100%));color:var(--color-text-on-accent, white);border:none;border-radius:var(--radius-lg, 12px);font-family:var(--font-family-primary, "Inter", sans-serif);font-weight:var(--font-weight-medium, 500);font-size:.9rem;cursor:pointer;transition:var(--transition-smooth, all .3s ease);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .1));min-height:var(--spacing-touch-target, 44px)}.mobile-tips-toggle:hover{transform:var(--transform-hover, translateY(-1px));box-shadow:var(--shadow-md, 0 4px 16px rgba(255, 176, 0, .3))}.mobile-tips-toggle:active{transform:var(--transform-active, translateY(0))}.tips-icon{display:flex;align-items:center;justify-content:center;width:var(--spacing-lg, 24px);height:var(--spacing-lg, 24px);background:var(--color-surface-glass, rgba(255, 255, 255, .2));border-radius:var(--radius-sm, 6px);flex-shrink:0}.tips-text{flex:1;text-align:left}.tips-arrow{transition:var(--transition-smooth, all .3s ease);display:flex;align-items:center;justify-content:center}.tips-arrow.expanded{transform:rotate(180deg)}.mobile-tips-content{overflow:hidden;transition:var(--transition-smooth, all .3s ease);max-height:0;opacity:0;background:var(--color-surface-secondary, rgba(255, 255, 255, .95));border-radius:var(--radius-lg, 12px);margin-top:var(--spacing-xs, 8px);-webkit-backdrop-filter:blur(var(--blur-light, 5px));backdrop-filter:blur(var(--blur-light, 5px));border:1px solid var(--color-border-light, rgba(255, 176, 0, .2))}.mobile-tips-content.expanded{max-height:600px;opacity:1;padding:var(--spacing-md, 16px)}.tips-section{margin-bottom:var(--spacing-md, 16px)}.tips-section:last-child{margin-bottom:0}.tips-section h4{color:var(--color-text-primary, #333);font-size:.85rem;font-weight:var(--font-weight-semibold, 600);margin-bottom:var(--spacing-xs, 8px);display:flex;align-items:center;gap:var(--spacing-xs, 6px)}.tips-section ul{list-style:none;padding:0;margin:0}.tips-section li{color:var(--color-text-secondary, #666);font-size:.8rem;line-height:1.4;margin-bottom:var(--spacing-xs, 6px);padding-left:var(--spacing-md, 16px);position:relative}.tips-section li:before{content:"•";color:var(--color-accent-primary, #FFB000);font-weight:700;position:absolute;left:var(--spacing-xs, 6px)}.heritage-text{color:var(--color-text-secondary, #666);font-size:.8rem;line-height:1.5;font-style:italic;background:var(--color-surface-accent, rgba(255, 176, 0, .1));padding:var(--spacing-sm, 12px);border-radius:var(--radius-md, 8px);border-left:3px solid var(--color-accent-primary, #FFB000)}@media only screen and (min-width: 769px){.mobile-tips{display:none}}@media (prefers-color-scheme: dark){.mobile-tips-content{background:var(--themes-dark-semantic-color-surface-secondary, rgba(45, 45, 45, .95));border-color:var(--color-accent-primary, rgba(255, 193, 7, .3))}.tips-section h4{color:var(--themes-dark-semantic-color-text-primary, #ffffff)}.tips-section li{color:var(--themes-dark-semantic-color-text-secondary, #cccccc)}.heritage-text{color:var(--themes-dark-semantic-color-text-secondary, #cccccc);background:var(--color-surface-accent, rgba(255, 176, 0, .15))}}@media (prefers-reduced-motion: reduce){.mobile-tips-toggle,.mobile-tips-content,.tips-arrow{transition:none}}@media (prefers-contrast: high){.mobile-tips-toggle,.mobile-tips-content{border:2px solid var(--color-text-primary, #000)}}.progress-bar-container{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:var(--global-z-index-fixed, 1030)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--global-brand-primary, #0EA775),var(--global-brand-accent, #F4C542));box-shadow:var(--global-shadow-heritage, 0 0 10px rgba(14, 167, 117, .3));border-radius:0 var(--global-border-radius-sm, .25rem) var(--global-border-radius-sm, .25rem) 0}.pwa-install-container{z-index:var(--z-index-toast, 9999)}.pwa-install-container.fixed{position:fixed;bottom:var(--spacing-lg, 20px);right:var(--spacing-lg, 20px)}.pwa-install-button{background:var(--color-accent-gradient, linear-gradient(135deg, #FFB000 0%, #FF8C00 100%));border:none;border-radius:var(--radius-lg, 16px);padding:var(--spacing-md, 16px) var(--spacing-lg, 20px);color:var(--color-text-on-accent, white);font-family:var(--font-family-primary, "Inter", sans-serif);font-weight:var(--font-weight-semibold, 600);display:flex;align-items:center;gap:var(--spacing-sm, 12px);box-shadow:var(--shadow-accent, 0 8px 32px rgba(255, 176, 0, .4));cursor:pointer;transition:var(--transition-smooth, all .3s cubic-bezier(.4, 0, .2, 1));-webkit-backdrop-filter:blur(var(--blur-medium, 10px));backdrop-filter:blur(var(--blur-medium, 10px));border:1px solid var(--color-border-glass, rgba(255, 255, 255, .2));min-height:var(--spacing-3xl, 60px);min-width:200px}.pwa-install-button:hover{transform:var(--transform-hover, translateY(-2px));box-shadow:var(--shadow-accent-hover, 0 12px 40px rgba(255, 176, 0, .5))}.pwa-install-button:active{transform:var(--transform-active, translateY(0))}.pwa-install-icon{display:flex;align-items:center;justify-content:center;width:var(--spacing-2xl, 32px);height:var(--spacing-2xl, 32px);background:var(--color-surface-glass, rgba(255, 255, 255, .2));border-radius:var(--radius-sm, 8px);flex-shrink:0}.pwa-install-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.pwa-install-title{font-size:14px;font-weight:600;line-height:1.2;margin-bottom:2px}.pwa-install-subtitle{font-size:12px;font-weight:400;opacity:.9;line-height:1.2}.pwa-install-offline-badge{position:absolute;top:-8px;right:-8px;background:#4caf50;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:12px;box-shadow:0 2px 8px #4caf504d}.pwa-ios-instructions{position:absolute;bottom:80px;right:0;background:#000000e6;color:#fff;padding:16px;border-radius:12px;font-size:12px;width:250px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}.pwa-install-container:hover .pwa-ios-instructions{display:block}.pwa-ios-instructions p{margin:0 0 8px;font-weight:600}.pwa-ios-instructions ol{margin:0;padding-left:16px}.pwa-ios-instructions li{margin-bottom:4px;line-height:1.4}.ios-share-icon{font-size:14px;vertical-align:middle}@media only screen and (max-width: 480px){.pwa-install-container.fixed{bottom:16px;right:16px;left:16px}.pwa-install-button{width:100%;justify-content:center;padding:14px 20px;min-height:56px}.pwa-install-text{align-items:center;text-align:center}.pwa-ios-instructions{bottom:72px;right:16px;left:16px;width:auto}}@media only screen and (min-width: 481px) and (max-width: 768px){.pwa-install-container.fixed{bottom:20px;right:20px}.pwa-install-button{min-width:220px}}@media only screen and (max-height: 400px) and (orientation: landscape){.pwa-install-container.fixed{display:none}}@media (prefers-color-scheme: dark){.pwa-ios-instructions{background:#1a1a1af2;border:1px solid rgba(255,193,7,.3)}}@media (prefers-reduced-motion: reduce){.pwa-install-button{transition:none}.pwa-install-button:hover{transform:none}}@media (prefers-contrast: high){.pwa-install-button{border:2px solid #000;background:#ffb000}.pwa-install-icon{background:#0003}}.touch-target{min-height:var(--spacing-touch-target, 44px);min-width:var(--spacing-touch-target, 44px);display:flex;align-items:center;justify-content:center}.ios-safe-area{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.pwa-installed{display:standalone}@media screen and (orientation: landscape){.landscape-hidden{display:none}.warranty-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (orientation: portrait){.portrait-hidden{display:none}}@media only screen and (max-width: 480px){.warranty-list-page{padding:var(--spacing-xs, 8px);overflow-x:hidden}.page-header{padding:var(--spacing-sm, 12px);text-align:center}.page-header h1{font-size:1.5rem;margin-bottom:var(--spacing-xs, 8px)}.page-header .subtitle{font-size:.875rem;display:none}.warranty-search-filters{flex-direction:column;gap:var(--spacing-sm, 12px);padding:var(--spacing-sm, 12px)}.search-input{font-size:16px;padding:var(--spacing-sm, 12px);width:100%;border-radius:var(--radius-md, 8px)}.filter-stats{flex-wrap:wrap;gap:var(--spacing-xs, 8px)}.filter-button{font-size:.75rem;padding:var(--spacing-xs, 8px) var(--spacing-sm, 12px);min-height:var(--spacing-touch-target, 44px)}.warranty-card{margin-bottom:var(--spacing-md, 16px);padding:var(--spacing-sm, 12px);border-radius:var(--radius-md, 8px)}.warranty-card .card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, 8px)}.warranty-card .product-name{font-size:1rem;line-height:1.3}.warranty-card .brand-model{font-size:.875rem}.warranty-grid{grid-template-columns:1fr;gap:var(--spacing-sm, 12px)}.warranty-sidebar{position:fixed;inset:0;z-index:var(--z-index-modal, 1000);background:var(--color-surface-glass, rgba(255, 255, 255, .95));-webkit-backdrop-filter:blur(var(--blur-medium, 10px));backdrop-filter:blur(var(--blur-medium, 10px));padding:var(--spacing-md, 16px)}}@media only screen and (max-width: 768px) and (orientation: landscape){.warranty-grid{grid-template-columns:repeat(2,1fr);gap:16px}.warranty-sidebar{width:300px;height:100vh}}@media only screen and (min-width: 481px) and (max-width: 768px){.warranty-grid{grid-template-columns:repeat(2,1fr);gap:20px}.warranty-sidebar{width:350px}}@media only screen and (min-width: 769px) and (max-width: 1024px){.warranty-grid{grid-template-columns:repeat(3,1fr);gap:24px}.warranty-sidebar{width:400px}}@media only screen and (min-width: 1025px){.warranty-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}.warranty-sidebar{width:450px}}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi){.warranty-card{border-width:.5px}.warranty-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.warranty-list-page{background:var(--themes-dark-semantic-color-background-primary, #1a1a1a);color:var(--themes-dark-semantic-color-text-primary, #ffffff)}.warranty-card{background:var(--themes-dark-semantic-color-surface-secondary, rgba(45, 45, 45, .9));border-color:var(--color-accent-primary, rgba(255, 193, 7, .3));color:var(--themes-dark-semantic-color-text-primary, #ffffff)}.warranty-sidebar{background:var(--themes-dark-semantic-color-background-secondary, rgba(26, 26, 26, .95));color:var(--themes-dark-semantic-color-text-primary, #ffffff)}.search-input{background:var(--themes-dark-semantic-color-surface-secondary, rgba(45, 45, 45, .8));color:var(--themes-dark-semantic-color-text-primary, #ffffff);border-color:var(--color-accent-primary, rgba(255, 193, 7, .3))}}@media print{.warranty-sidebar,.share-modal,.pwa-install-button{display:none!important}.warranty-card{break-inside:avoid;margin-bottom:20px;box-shadow:none;border:1px solid #ccc}.warranty-grid{grid-template-columns:1fr}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible{outline:2px solid #FFB000;outline-offset:2px;border-radius:4px}@media (hover: hover){.warranty-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #ffb0004d}.filter-button:hover{background:linear-gradient(135deg,#ffb000,#ff8c00);transform:translateY(-1px)}}@media (hover: none) and (pointer: coarse){.warranty-card{padding:20px}.filter-button{padding:12px 20px;min-height:44px}.search-input{padding:14px;min-height:44px}}@media only screen and (max-height: 500px) and (orientation: landscape){.warranty-list-page{padding:8px}.warranty-card{padding:12px;margin-bottom:12px}.warranty-sidebar{width:280px}}:root{--themes-dark-semantic-color-background-secondary: #1a1a1a;--themes-dark-semantic-color-background-primary: #0a0a0a;--themes-dark-semantic-color-surface-secondary: #1a1a1a;--themes-dark-semantic-color-surface-primary: #0a0a0a;--themes-dark-semantic-color-text-secondary: #a1a1aa;--themes-dark-semantic-color-text-primary: #ffffff;--global-z-index-toast: 1080;--global-z-index-tooltip: 1070;--global-z-index-popover: 1060;--global-z-index-modal: 1050;--global-z-index-modal-backdrop: 1040;--global-z-index-fixed: 1030;--global-z-index-sticky: 1020;--global-z-index-dropdown: 1000;--global-z-index-docked: 10;--global-z-index-base: 0;--global-z-index-hide: -1;--global-breakpoints-ultra: 1536px;--global-breakpoints-wide: 1280px;--global-breakpoints-desktop: 1024px;--global-breakpoints-tablet: 768px;--global-breakpoints-mobile: 320px;--global-motion-easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--global-motion-easing-ease-out: cubic-bezier(0, 0, .2, 1);--global-motion-easing-ease-in: cubic-bezier(.4, 0, 1, 1);--global-motion-duration-slow: .35s;--global-motion-duration-normal: .25s;--global-motion-duration-fast: .15s;--global-shadow-heritage: 0 4px 12px rgba(14, 167, 117, .15), 0 2px 4px rgba(0, 0, 0, .1);--global-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--global-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--global-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--global-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--global-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--global-border-radius-full: 9999px;--global-border-radius-2xl: 1rem;--global-border-radius-xl: .75rem;--global-border-radius-lg: .5rem;--global-border-radius-md: .375rem;--global-border-radius-sm: .25rem;--global-border-radius-none: 0;--global-spacing-24: 6rem;--global-spacing-20: 5rem;--global-spacing-16: 4rem;--global-spacing-12: 3rem;--global-spacing-10: 2.5rem;--global-spacing-8: 2rem;--global-spacing-6: 1.5rem;--global-spacing-5: 1.25rem;--global-spacing-4: 1rem;--global-spacing-3: .75rem;--global-spacing-2: .5rem;--global-spacing-1: .25rem;--global-spacing-0: 0;--global-font-line-height-relaxed: 1.625;--global-font-line-height-normal: 1.5;--global-font-line-height-tight: 1.25;--global-font-line-height-none: 1;--global-font-weight-black: 900;--global-font-weight-bold: 700;--global-font-weight-semibold: 600;--global-font-weight-medium: 500;--global-font-weight-normal: 400;--global-font-weight-light: 300;--global-font-size-3xl: 1.875rem;--global-font-size-2xl: 1.5rem;--global-font-size-xl: 1.25rem;--global-font-size-lg: 1.125rem;--global-font-size-base: 1rem;--global-font-size-sm: .875rem;--global-font-size-xs: .75rem;--global-typography-font-weight-black: 900;--global-typography-font-weight-bold: 700;--global-typography-font-weight-semibold: 600;--global-typography-font-weight-medium: 500;--global-typography-font-weight-normal: 400;--global-typography-font-weight-light: 300;--global-typography-font-size-4xl: 2.25rem;--global-typography-font-size-3xl: 1.875rem;--global-typography-font-size-2xl: 1.5rem;--global-typography-font-size-xl: 1.25rem;--global-typography-font-size-lg: 1.125rem;--global-typography-font-size-base: 1rem;--global-typography-font-size-sm: .875rem;--global-typography-font-size-xs: .75rem;--global-typography-font-family-mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", monospace;--global-typography-font-family-heading: "Playfair Display", Georgia, serif;--global-typography-font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--global-semantic-color-status-info: #17a2b8;--global-semantic-color-status-error: #dc3545;--global-semantic-color-status-warning: #ffc107;--global-semantic-color-status-success: #28a745;--global-semantic-color-border-error: #dc3545;--global-semantic-color-border-focus: #0EA775;--global-semantic-color-border-secondary: #e9ecef;--global-semantic-color-border-primary: #dee2e6;--global-semantic-color-surface-overlay: rgba(0, 0, 0, .5);--global-semantic-color-surface-elevated: #ffffff;--global-semantic-color-surface-tertiary: #e9ecef;--global-semantic-color-surface-secondary: #f8f9fa;--global-semantic-color-surface-primary: #ffffff;--global-semantic-color-text-disabled: #cccccc;--global-semantic-color-text-inverse: #ffffff;--global-semantic-color-text-tertiary: #999999;--global-semantic-color-text-secondary: #666666;--global-semantic-color-text-primary: #1a1a1a;--global-brand-accent: #F4C542;--global-brand-secondary: #F5F0E1;--global-brand-primary: #0EA775;--themes-light-semantic-color-background-secondary: var(--global-semantic-color-surface-secondary);--themes-light-semantic-color-background-primary: var(--global-semantic-color-surface-primary);--themes-light-semantic-color-surface-secondary: var(--global-semantic-color-surface-secondary);--themes-light-semantic-color-surface-primary: var(--global-semantic-color-surface-primary);--themes-light-semantic-color-text-secondary: var(--global-semantic-color-text-secondary);--themes-light-semantic-color-text-primary: var(--global-semantic-color-text-primary);--themes-light-semantic-color-error: var(--global-semantic-color-status-error);--themes-light-semantic-color-warning: var(--global-semantic-color-status-warning);--themes-light-semantic-color-success: var(--global-semantic-color-status-success);--themes-light-semantic-color-secondary: var(--global-semantic-color-text-secondary);--themes-light-semantic-color-primary: var(--global-brand-primary)}:root{--brand-primary: var(--themes-light-semantic-color-primary);--color-text-primary: var(--themes-light-semantic-color-text-primary);--color-text-secondary: var(--themes-light-semantic-color-text-secondary);--color-surface-primary: var(--themes-light-semantic-color-surface-primary);--color-surface-secondary: var(--themes-light-semantic-color-surface-secondary);--color-surface-tertiary: var(--global-color-gray-50);--color-surface-elevated: var(--global-color-white);--color-border-primary: var(--global-color-gray-200);--color-status-success: var(--themes-light-semantic-color-success);--color-status-warning: var(--themes-light-semantic-color-warning);--color-status-error: var(--themes-light-semantic-color-error);--shadow-sm: var(--global-shadow-sm);--shadow-md: var(--global-shadow-md);--shadow-lg: var(--global-shadow-lg);--font-family-serif: "Playfair Display", "Noto Sans Tamil", "Times New Roman", serif;--font-family-sans: "Inter", "Helvetica Neue", "Arial", sans-serif;--font-family-tamil: "Noto Sans Tamil", "Arial Unicode MS", sans-serif}*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--global-font-size-base);font-weight:var(--global-font-weight-normal);line-height:var(--global-font-line-height-normal);color:var(--themes-light-semantic-color-text-primary);background-color:var(--themes-light-semantic-color-background-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--themes-light-semantic-color-primary);outline-offset:2px;border-radius:var(--global-border-radius-sm)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--themes-light-semantic-color-background-primary);color:var(--themes-light-semantic-color-text-primary);padding:var(--global-spacing-2) var(--global-spacing-4);border-radius:var(--global-border-radius-md);border:2px solid var(--themes-light-semantic-color-primary);text-decoration:none;z-index:var(--global-z-index-toast);transition:top var(--global-motion-duration-fast) var(--global-motion-easing-ease-out)}.skip-link:focus{top:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--color-text-primary: #000000;--color-text-secondary: #000000;--color-surface-primary: #ffffff;--color-border-primary: #000000}}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:var(--global-font-weight-semibold);line-height:var(--global-font-line-height-tight);color:var(--color-text-primary);margin:0 0 var(--global-spacing-4) 0}h1{font-size:var(--global-font-size-3xl)}h2{font-size:var(--global-font-size-2xl)}h3{font-size:var(--global-font-size-xl)}h4{font-size:var(--global-font-size-lg)}h5{font-size:var(--global-font-size-base)}h6{font-size:var(--global-font-size-sm)}@media (max-width: 768px){h1{font-size:var(--global-font-size-2xl)}h2{font-size:var(--global-font-size-xl)}h3{font-size:var(--global-font-size-lg)}}p{margin:0 0 var(--global-spacing-4) 0;line-height:var(--global-font-line-height-relaxed)}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-surface-primary);position:relative}.app-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(14,167,117,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(244,197,66,.015) 0%,transparent 50%);pointer-events:none;z-index:var(--global-z-index-hide)}.app-header{background:linear-gradient(135deg,var(--color-surface-secondary) 0%,rgba(245,240,225,.95) 100%);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--global-z-index-sticky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{max-width:1400px;margin:0 auto;padding:var(--global-spacing-4) var(--global-spacing-6);display:flex;align-items:center;justify-content:space-between;min-height:64px}.header-content{display:flex;justify-content:space-between;align-items:center;background:#0ea7750d;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem}.mini-stats{display:flex;gap:1rem}.mini-stat{font-size:.9rem;color:var(--brand-primary);font-weight:500;background:#f4c5421a;padding:.25rem .75rem;border-radius:4px}.header-navbar{background:linear-gradient(135deg,var(--color-surface-secondary) 0%,rgba(245,240,225,.95) 100%);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--global-z-index-sticky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-content{max-width:1400px;margin:0 auto;padding:var(--global-spacing-4) var(--global-spacing-6);display:flex;align-items:center;justify-content:space-between;min-height:64px}.navbar-brand{display:flex;align-items:center;gap:var(--global-spacing-3)}.brand-logo{height:32px;width:auto}.brand-text{font-weight:var(--global-font-weight-semibold);font-size:var(--global-font-size-lg);color:var(--color-text-primary)}.navbar-nav{display:flex;align-items:center;gap:var(--global-spacing-4);list-style:none;margin:0;padding:0;position:relative}.nav-item{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--global-font-weight-medium);padding:var(--global-spacing-3) var(--global-spacing-4);border-radius:var(--global-border-radius-md);transition:all var(--global-motion-duration-fast) var(--global-motion-easing-ease-out);position:relative;font-family:var(--font-family-sans);font-size:var(--global-font-size-sm)}.nav-transparent-divider{width:1px;height:30px;background:linear-gradient(to bottom,transparent 0%,rgba(14,167,117,.3) 20%,rgba(14,167,117,.6) 50%,rgba(14,167,117,.3) 80%,transparent 100%);position:relative;display:flex;align-items:center;justify-content:center}.nav-moving-ball{width:6px;height:6px;background:radial-gradient(circle,var(--global-brand-accent) 0%,var(--brand-primary) 100%);border-radius:50%;position:absolute;box-shadow:0 2px 8px #f4c54266;animation:navBallFloat 3s ease-in-out infinite}@keyframes navBallFloat{0%,to{transform:translateY(-8px);box-shadow:0 2px 8px #f4c54266}50%{transform:translateY(8px);box-shadow:0 4px 12px #f4c54299}}.nav-item:hover{color:var(--brand-primary);background:#0ea7751a;transform:translateY(-1px)}.nav-item:hover:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,var(--brand-primary) 0%,var(--global-brand-accent) 100%);border-radius:var(--global-border-radius-sm)}.nav-item.active{background:linear-gradient(135deg,var(--brand-primary) 0%,#0d9468 100%);color:#fff;font-weight:var(--global-font-weight-semibold);box-shadow:var(--global-shadow-heritage);border:2px solid var(--global-brand-accent)}.nav-item.active:hover{background:linear-gradient(135deg,var(--brand-primary) 0%,#0d9468 100%);color:#fff;transform:translateY(-1px);box-shadow:var(--global-shadow-lg)}.nav-item.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(244,197,66,.2) 0%,transparent 100%);pointer-events:none;border-radius:var(--global-border-radius-md)}.nav-item.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80%;height:3px;background:var(--global-brand-accent);border-radius:var(--global-border-radius-sm)}.navbar-actions{display:flex;align-items:center;gap:var(--global-spacing-3)}.heritage-welcome{display:flex;align-items:baseline;gap:.4rem;position:relative;padding:.2rem .5rem;border-radius:8px;transition:all .3s ease}.heritage-welcome:hover{transform:translateY(-1px)}.welcome-prefix{color:var(--brand-primary);font-size:.9rem;font-weight:600;font-family:Inter,Arial,sans-serif;text-shadow:0 1px 2px rgba(14,167,117,.3);position:relative}.welcome-prefix:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--brand-primary),transparent);opacity:.6}.welcome-name.handwritten{color:var(--global-brand-accent);font-weight:600;font-size:1.05rem;font-family:Caveat,Kalam,Patrick Hand,Comic Neue,cursive;text-shadow:0 1px 0 #e6b800,0 1px 3px rgba(244,197,66,.6),1px 0 0 #d4a017;position:relative;z-index:1;transform:rotate(-.5deg);letter-spacing:.3px;text-decoration:none;border-bottom:2px dotted rgba(244,197,66,.4);padding-bottom:1px}.welcome-name.handwritten:before{content:"✍️";position:absolute;top:-8px;left:-12px;font-size:.7rem;opacity:0;transition:all .3s ease;animation:penWrite 3s ease-in-out infinite}.heritage-welcome:hover .welcome-name.handwritten:before{opacity:.6}.welcome-name.handwritten:after{content:"";position:absolute;bottom:-3px;left:-2px;right:-2px;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(244,197,66,.3) 15%,rgba(244,197,66,.5) 50%,rgba(244,197,66,.3) 85%,transparent 100%);border-radius:2px;transform:skew(-5deg);opacity:0;transition:opacity .3s ease}.heritage-welcome:hover .welcome-name.handwritten:after{opacity:1}@keyframes penWrite{0%,70%{transform:translate(0) rotate(0)}75%{transform:translate(2px,-1px) rotate(15deg)}80%{transform:translate(4px) rotate(-10deg)}85%{transform:translate(2px,1px) rotate(5deg)}to{transform:translate(0) rotate(0)}}.welcome-suffix{color:var(--global-brand-accent);font-size:.9rem;animation:sparkle 2s ease-in-out infinite;margin-left:.2rem}@keyframes sparkle{0%,to{opacity:.7;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(180deg)}}.mobile-hamburger{display:none;background:transparent;border:none;color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;border-radius:var(--global-border-radius-md);transition:var(--global-motion-duration-normal);width:44px;height:44px;align-items:center;justify-content:center}.mobile-hamburger:hover{background:var(--color-surface-hover)}@media (max-width: 768px){.navbar-nav{display:none}.navbar-nav.mobile-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-surface-secondary);border-top:1px solid var(--color-border-primary);box-shadow:var(--global-shadow-lg);z-index:var(--global-z-index-dropdown);padding:var(--global-spacing-4)}.mobile-hamburger{display:flex!important}.navbar-welcome{display:none}.navbar-actions{gap:var(--global-spacing-2)}}.page-header{background:linear-gradient(135deg,var(--color-surface-secondary) 0%,rgba(245,240,225,.9) 100%);border-bottom:1px solid var(--color-border-primary);padding:var(--global-spacing-6) 0;position:relative}.page-header-content{max-width:1400px;margin:0 auto;padding:0 var(--global-spacing-6);display:flex;align-items:center;justify-content:space-between;gap:var(--global-spacing-6)}.page-title{font-family:var(--font-family-serif);font-size:var(--global-font-size-3xl);font-weight:var(--global-font-weight-bold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--global-spacing-2);line-height:var(--global-font-line-height-tight);letter-spacing:-.025em}.page-title-icon{width:32px;height:32px;object-fit:contain}.tamil-accent{color:var(--global-brand-accent, #F4C542);font-weight:600;font-family:Noto Sans Tamil,sans-serif}.page-subtitle{font-size:var(--global-font-size-lg);color:var(--color-text-secondary);margin:var(--global-spacing-2) 0 0 0;font-family:var(--font-family-sans)}.page-actions{display:flex;align-items:center;gap:var(--global-spacing-3);flex-wrap:wrap}.page-header-divider{height:3px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 15%,var(--global-brand-accent) 35%,var(--brand-primary) 50%,var(--global-brand-accent) 65%,var(--brand-primary) 85%,transparent 100%);position:relative;margin-top:var(--global-spacing-4);opacity:.7}.page-header-divider:before,.page-header-divider:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--global-brand-accent);border-radius:50%;border:1px solid var(--color-surface-secondary)}.page-header-divider:before{left:15%}.page-header-divider:after{right:15%}.main-content{flex:1;position:relative;z-index:1}.content-container{max-width:1400px;margin:0 auto;padding:var(--global-spacing-8) var(--global-spacing-6);width:100%}.grid{display:grid;gap:var(--global-spacing-6)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.layout-sidebar{display:grid;grid-template-columns:1fr 280px;gap:var(--global-spacing-8)}.layout-sidebar-left{grid-template-columns:280px 1fr}.layout-two-column{grid-template-columns:1fr 1fr}.layout-asymmetric{grid-template-columns:2fr 1fr}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border-primary);border-radius:var(--global-border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--global-motion-duration-normal) var(--global-motion-easing-ease-out);position:relative}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#0ea7754d}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--global-shadow-heritage);transform:translateY(-4px)}.card-header{padding:var(--global-spacing-4) var(--global-spacing-6);border-bottom:1px solid var(--color-border-primary);background:linear-gradient(135deg,var(--color-surface-secondary) 0%,rgba(245,240,225,.8) 100%);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--global-spacing-3)}.card-title{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--global-spacing-2);flex:1;position:relative}.card-title:before{font-size:1.2em;margin-right:.3em;opacity:.8;animation:storageGlow 3s ease-in-out infinite;display:inline-block}@keyframes storageGlow{0%,to{transform:scale(1);opacity:.8;filter:drop-shadow(0 2px 4px rgba(244,197,66,.3))}50%{transform:scale(1.1);opacity:1;filter:drop-shadow(0 4px 8px rgba(244,197,66,.5))}}.card:hover .card-title:before{animation-duration:1s;transform:scale(1.2);opacity:1}.card-content{padding:var(--global-spacing-4)}.card-info{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.info-label{font-weight:500;color:var(--color-text-secondary)}.info-date{color:var(--color-text-secondary);font-size:.8rem}.info-provider{color:var(--brand-primary);font-size:.8rem;font-weight:500}.card-footer{padding:.75rem;border-top:1px solid rgba(14,167,117,.1);background:#f5f0e14d;display:flex;justify-content:space-between;align-items:center;position:relative}.card-footer-actions{display:flex;gap:.5rem}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;position:relative}.card-category-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#0ea7751a;border-radius:.5rem;border:1px solid rgba(14,167,117,.2)}.card-title{margin:0;flex:1}.card-add-to-list{position:absolute;top:0;right:0;background:#0ea7751a;border:1px solid rgba(14,167,117,.2);border-radius:50%;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:all .2s ease;color:var(--brand-primary)}.card-add-to-list:hover{background:#0ea77533;transform:scale(1.1)}.card-tags-container{margin:.75rem 0 .5rem;display:flex;align-items:flex-start;gap:.5rem}.card-tags{display:flex;flex-wrap:wrap;gap:.25rem;flex:1;max-height:1.8rem;overflow:hidden;transition:max-height .3s ease-in-out}.card-tags.expanded{max-height:none}.tag{background:#0ea7751a;color:var(--brand-primary);padding:.2rem .5rem;border-radius:.75rem;font-size:.7rem;font-weight:500;border:1px solid rgba(14,167,117,.2);text-transform:lowercase;white-space:nowrap}.tags-expand-btn{background:#0ea7751a;border:1px solid rgba(14,167,117,.2);border-radius:.5rem;padding:.2rem .4rem;font-size:.7rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;height:fit-content}.tags-expand-btn:hover{background:#0ea77533;transform:scale(1.05)}.card-expired{border-left:4px solid #dc3545!important;box-shadow:0 0 0 1px #dc35451a}.danger-blink-icon{margin-left:.5rem;animation:dangerBlink 1.5s infinite;font-size:.9rem}.danger-blink-icon.enhanced{font-size:1.2rem;animation:dangerBlinkEnhanced 1.8s infinite;filter:drop-shadow(0 0 3px rgba(220,53,69,.5))}@keyframes dangerBlink{0%,50%{opacity:1;transform:scale(1)}25%{opacity:.6;transform:scale(1.1)}75%{opacity:.8;transform:scale(.95)}}@keyframes dangerBlinkEnhanced{0%,60%{opacity:1;transform:scale(1) rotate(0)}20%{opacity:.7;transform:scale(1.15) rotate(-5deg)}40%{opacity:.9;transform:scale(1.05) rotate(5deg)}80%{opacity:.8;transform:scale(.95) rotate(-2deg)}}.card-entry-method{position:absolute;bottom:.75rem;right:.75rem;display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--color-text-secondary);background:#ffffffe6;padding:.3rem .5rem;border-radius:.75rem;border:1px solid rgba(14,167,117,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.entry-method-icon{font-size:.8rem}.entry-method-label{font-weight:500;text-transform:capitalize}.card-status-success{border-left:4px solid var(--color-status-success)}.card-status-warning{border-left:4px solid var(--color-status-warning)}.card-status-error{border-left:4px solid var(--color-status-error)}.card-status-active{border-left:4px solid var(--color-status-success)}.card-status-expiring{border-left:4px solid var(--color-status-warning)}.card-status-expired{border-left:4px solid var(--color-status-error)}.warranty-details{margin:0}.detail-row-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--global-spacing-4);margin-bottom:var(--global-spacing-3)}.detail-row{display:flex;flex-direction:column;gap:var(--global-spacing-1);padding:var(--global-spacing-2);background:#f5f0e14d;border-radius:var(--global-border-radius-sm);border-left:2px solid var(--brand-primary)}.detail-row:only-child{grid-column:1 / -1}.detail-label{font-weight:var(--global-font-weight-medium);color:var(--color-text-secondary);font-size:var(--global-font-size-xs);margin:0;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--color-text-primary);font-size:var(--global-font-size-sm);margin:0;font-weight:var(--global-font-weight-semibold)}.card-heritage-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 20%,var(--global-brand-accent) 50%,var(--brand-primary) 80%,transparent 100%);margin:var(--global-spacing-4) 0 var(--global-spacing-2) 0;position:relative}.card-heritage-divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:var(--global-brand-accent);border-radius:50%;border:1px solid var(--color-surface-elevated)}.card-actions{display:flex;gap:var(--global-spacing-2);flex-wrap:wrap}.status-badge{padding:var(--global-spacing-1) var(--global-spacing-3);border-radius:var(--global-border-radius-full);font-size:var(--global-font-size-xs);font-weight:var(--global-font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-active{background:#28a74526;color:var(--color-status-success);border:1px solid var(--color-status-success)}.status-expiring{background:#ffc10726;color:var(--color-status-warning);border:1px solid var(--color-status-warning)}.status-expired{background:#dc354526;color:var(--color-status-error);border:1px solid var(--color-status-error)}.card-interactive:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.card-header{background:linear-gradient(135deg,var(--color-surface-primary) 0%,var(--color-surface-secondary) 100%);position:relative}.card-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand-primary) 0%,#F4C542 100%)}.warranty-card-premium{background:linear-gradient(135deg,#0ea775,#0d9468);color:#fff;border:none;box-shadow:var(--global-shadow-heritage)}.warranty-card-premium .card-title,.warranty-card-premium .card-content,.warranty-card-premium .card-footer{color:#fff}.warranty-card-premium .card-footer{background:#ffffff1a;border-top:1px solid rgba(255,255,255,.2)}.status-indicator{display:inline-flex;align-items:center;gap:var(--global-spacing-2);padding:var(--global-spacing-1) var(--global-spacing-3);border-radius:var(--global-border-radius-full);font-size:var(--global-font-size-xs);font-weight:var(--global-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.status-active{background:#10b9811a;color:var(--color-status-success);border:1px solid rgba(16,185,129,.2)}.status-expiring{background:#f59e0b1a;color:var(--color-status-warning);border:1px solid rgba(245,158,11,.2);animation:pulse 2s infinite}.status-expired{background:#ef44441a;color:var(--color-status-error);border:1px solid rgba(239,68,68,.2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.stats-card{background:linear-gradient(135deg,var(--color-surface-elevated) 0%,var(--color-surface-secondary) 100%);text-align:center;position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(14,167,117,.03) 0%,transparent 70%);animation:rotate 20s linear infinite}.stats-card .stats-number{font-size:var(--global-font-size-3xl);font-weight:var(--global-font-weight-black);color:var(--brand-primary);margin-bottom:var(--global-spacing-2);position:relative;z-index:2}.stats-card .stats-label{font-size:var(--global-font-size-sm);color:var(--color-text-secondary);font-weight:var(--global-font-weight-medium);position:relative;z-index:2}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--global-spacing-2);padding:var(--global-spacing-3) var(--global-spacing-4);font-family:inherit;font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium);line-height:1;text-decoration:none;border:1px solid transparent;border-radius:var(--global-border-radius-md);cursor:pointer;transition:all var(--global-motion-duration-fast) var(--global-motion-easing-ease-out);position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:focus-visible{outline:2px solid var(--themes-light-semantic-color-primary);outline-offset:2px}.btn-primary{background:var(--brand-primary)!important;color:#fff!important;border-color:var(--brand-primary)!important}.btn-primary:hover:not(:disabled){background:#0a8b5f!important;border-color:#0a8b5f!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-tertiary);transform:translateY(-1px)}.btn-sm{padding:var(--global-spacing-2) var(--global-spacing-3);font-size:var(--global-font-size-xs)}.btn-md{padding:var(--global-spacing-3) var(--global-spacing-4);font-size:var(--global-font-size-sm)}.btn-lg{padding:var(--global-spacing-4) var(--global-spacing-6);font-size:var(--global-font-size-base)}.form-group{margin-bottom:var(--global-spacing-4)}.form-label{display:block;font-weight:var(--global-font-weight-medium);color:var(--color-text-primary, #374151);margin-bottom:var(--global-spacing-2);font-size:var(--global-font-size-sm, .875rem);line-height:var(--global-font-line-height-normal, 1.5)}.form-input{width:100%;padding:var(--global-spacing-3);border:1px solid var(--color-border-primary, #d1d5db);border-radius:var(--global-border-radius-md);font-size:var(--global-font-size-base);background:var(--color-surface-elevated, #ffffff);color:var(--color-text-primary, #111827);transition:border-color var(--global-motion-duration-fast) var(--global-motion-easing-ease-out)}.form-input:focus{outline:none;border-color:var(--global-brand-primary, #0EA775);box-shadow:0 0 0 3px #0ea7751a}.form-error{color:var(--color-status-error);font-size:var(--global-font-size-sm);margin-top:var(--global-spacing-1)}@media (max-width: 768px){.header-content,.page-header-content,.content-container{padding-left:var(--global-spacing-4);padding-right:var(--global-spacing-4)}.page-header-content{flex-direction:column;align-items:flex-start;gap:var(--global-spacing-4)}.layout-sidebar,.layout-sidebar-left,.layout-two-column,.layout-asymmetric,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.card-header,.card-content,.card-footer{padding:var(--global-spacing-4)}}.loading-skeleton{background:linear-gradient(90deg,var(--color-surface-secondary) 25%,var(--color-surface-tertiary) 50%,var(--color-surface-secondary) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{width:20px;height:20px;border:2px solid var(--color-border-primary);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mt-0{margin-top:0}.mt-1{margin-top:var(--global-spacing-1)}.mt-2{margin-top:var(--global-spacing-2)}.mt-3{margin-top:var(--global-spacing-3)}.mt-4{margin-top:var(--global-spacing-4)}.mt-6{margin-top:var(--global-spacing-6)}.mt-8{margin-top:var(--global-spacing-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--global-spacing-1)}.mb-2{margin-bottom:var(--global-spacing-2)}.mb-3{margin-bottom:var(--global-spacing-3)}.mb-4{margin-bottom:var(--global-spacing-4)}.mb-6{margin-bottom:var(--global-spacing-6)}.mb-8{margin-bottom:var(--global-spacing-8)}.hidden{display:none}.block{display:block}.text-base{font-size:var(--global-font-size-base)}.text-sm{font-size:var(--global-font-size-sm)}.text-xs{font-size:var(--global-font-size-xs)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--themes-light-semantic-color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-status-success)}.text-warning{color:var(--color-status-warning)}.text-error{color:var(--color-status-error)}.hover\:text-primary:hover{color:var(--color-text-primary)}.w-full{width:100%}.gap-2{gap:var(--global-spacing-2)}.gap-3{gap:var(--global-spacing-3)}.gap-4{gap:var(--global-spacing-4)}.gap-6{gap:var(--global-spacing-6)}.space-y-2>*+*{margin-top:var(--global-spacing-2)}.space-y-3>*+*{margin-top:var(--global-spacing-3)}.space-y-4>*+*{margin-top:var(--global-spacing-4)}.space-y-6>*+*{margin-top:var(--global-spacing-6)}.filter-chip{display:inline-flex;align-items:center;gap:var(--global-spacing-1);padding:var(--global-spacing-2) var(--global-spacing-3);background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--global-border-radius-full);font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--global-motion-duration-fast) var(--global-motion-easing-ease-out)}.filter-chip:hover{background:var(--brand-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-chip.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.filter-chip .remove-icon{margin-left:var(--global-spacing-1);cursor:pointer;opacity:.7}.filter-chip .remove-icon:hover{opacity:1}.divider{height:var(--global-spacing-1);background:var(--color-border-primary);border:none;margin:var(--global-spacing-6) 0}.divider-palm{height:2px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 20%,var(--global-brand-accent) 50%,var(--brand-primary) 80%,transparent 100%);position:relative;margin:var(--global-spacing-6) 0;opacity:.6}.divider-palm:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--global-brand-accent);border-radius:50%;border:2px solid var(--color-surface-secondary)}.divider-palm-small{height:1px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 20%,var(--global-brand-accent) 50%,var(--brand-primary) 80%,transparent 100%);position:relative;margin:var(--global-spacing-3) 0;opacity:.4;width:60px}.divider-palm-small:after{content:"●";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--global-brand-accent);font-size:6px;background:var(--color-surface-secondary);width:12px;height:12px;display:flex;align-items:center;justify-content:center;border-radius:50%}.divider-ornamental{text-align:center;margin:var(--global-spacing-8) 0;position:relative}.divider-ornamental:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 20%,var(--global-brand-accent) 50%,var(--brand-primary) 80%,transparent 100%);opacity:.4}.divider-ornamental-symbol{display:inline-block;padding:0 var(--global-spacing-4);background:var(--color-surface-secondary);color:var(--global-brand-accent);font-size:var(--global-font-size-lg);position:relative;z-index:1}.divider-section{display:flex;align-items:center;gap:var(--global-spacing-4);margin:var(--global-spacing-8) 0;color:var(--color-text-secondary);font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.divider-section:before,.divider-section:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 50%,transparent 100%);opacity:.6}.divider-vertical{width:1px;height:auto;background:linear-gradient(180deg,transparent 0%,var(--brand-primary) 20%,var(--global-brand-accent) 50%,var(--brand-primary) 80%,transparent 100%);margin:0 var(--global-spacing-4);align-self:stretch;opacity:.6}.section-header{background:linear-gradient(135deg,var(--brand-primary) 0%,#0d9468 100%);color:#fff;padding:var(--global-spacing-6) var(--global-spacing-8);border-radius:var(--global-border-radius-lg);margin-bottom:var(--global-spacing-6);box-shadow:var(--global-shadow-heritage);position:relative;overflow:hidden}.section-header:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0px,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px);opacity:.6;pointer-events:none}.section-header h2{margin:0;font-size:var(--global-font-size-2xl);font-weight:var(--global-font-weight-bold);display:flex;align-items:center;gap:var(--global-spacing-3);position:relative;text-shadow:0 1px 2px rgba(0,0,0,.2)}.section-header p{margin:var(--global-spacing-2) 0 0 0;opacity:.9;font-size:var(--global-font-size-base);position:relative;z-index:1}.page-highlight{background:linear-gradient(135deg,#f5f0e1cc,#ffffffe6,#0ea7750d);border:1px solid var(--color-border-primary);border-radius:var(--global-border-radius-lg);margin-bottom:var(--global-spacing-6);padding:var(--global-spacing-6);box-shadow:var(--global-shadow-sm);position:relative;overflow:hidden}.page-highlight:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 20%,var(--global-brand-accent) 50%,var(--brand-primary) 80%,transparent 100%);opacity:.8}.highlight-content{display:flex;flex-direction:column;gap:var(--global-spacing-4);position:relative}.highlight-stats{display:flex;align-items:center;justify-content:center;gap:var(--global-spacing-6);flex-wrap:wrap}.stat-item{text-align:center;cursor:pointer;padding:var(--global-spacing-4) var(--global-spacing-6);border-radius:var(--global-border-radius-lg);transition:all var(--global-motion-duration-normal) var(--global-motion-easing-ease-out);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(14,167,117,.1);min-width:120px}.stat-item:hover,.stat-item.active{background:#0ea7751a;transform:translateY(-4px);box-shadow:var(--global-shadow-lg);border-color:var(--brand-primary)}.stat-value{font-size:var(--global-font-size-3xl);font-weight:var(--global-font-weight-black);color:var(--brand-primary);margin-bottom:var(--global-spacing-2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.stat-value.success-color{color:var(--color-status-success)}.stat-value.warning-color{color:var(--color-status-warning)}.stat-value.error-color{color:var(--color-status-error)}.stat-label{font-size:var(--global-font-size-sm);color:var(--color-text-secondary);font-weight:var(--global-font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.highlight-divider{width:2px;height:60px;background:linear-gradient(180deg,transparent 0%,var(--brand-primary) 20%,var(--global-brand-accent) 50%,var(--brand-primary) 80%,transparent 100%);position:relative}.highlight-divider:before,.highlight-divider:after{content:"";position:absolute;width:8px;height:8px;background:var(--brand-primary);border-radius:50%;left:50%;transform:translate(-50%)}.highlight-divider:before{top:-4px}.highlight-divider:after{bottom:-4px}.highlight-divider-palm{width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 10%,var(--global-brand-accent) 30%,var(--brand-primary) 50%,var(--global-brand-accent) 70%,var(--brand-primary) 90%,transparent 100%);margin:var(--global-spacing-6) 0;position:relative;border-radius:2px}.highlight-divider-palm:before,.highlight-divider-palm:after{content:"🌴";position:absolute;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--brand-primary)}.highlight-divider-palm:before{left:10%}.highlight-divider-palm:after{right:10%}.highlight-description{color:var(--color-text-secondary);font-style:italic;text-align:center;margin:0;font-size:var(--global-font-size-lg);line-height:var(--global-font-line-height-relaxed);padding:var(--global-spacing-4) var(--global-spacing-8);background:#ffffff80;border-radius:var(--global-border-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-layout-sidebar{display:grid;grid-template-columns:1fr 320px;gap:3rem;margin-top:var(--global-spacing-6)}.content-main{min-width:0;background:#fff9;border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(14,167,117,.1)}.content-sidebar{display:flex;flex-direction:column;gap:var(--global-spacing-6);background:linear-gradient(135deg,#fffffff2,#f5f0e1e6);border:2px solid rgba(14,167,117,.2);border-radius:12px;padding:1.5rem;position:sticky;top:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0ea77526}.sidebar-section{background:linear-gradient(135deg,#f4c5421a,#0ea7750d,#f5f0e1cc);border:1px solid rgba(244,197,66,.3);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);box-shadow:var(--global-shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;margin-bottom:var(--global-spacing-4)}.sidebar-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--global-brand-accent) 0%,var(--brand-primary) 50%,var(--global-brand-accent) 100%)}.sidebar-section:first-child{background:linear-gradient(135deg,#f4c54226,#fff8e6e6,#f5f0e1cc);border-color:#f4c54266}.sidebar-section:last-child{background:linear-gradient(135deg,#0ea7751a,#e6f8f0e6,#f5faf8cc);border-color:#0ea7754d}.sidebar-title{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--global-spacing-4) 0;padding-left:var(--global-spacing-3)}.sidebar-actions{display:flex;flex-direction:column;gap:var(--global-spacing-3);padding-left:var(--global-spacing-3)}.sidebar-content{padding-left:var(--global-spacing-3)}.sidebar-content p{color:var(--color-text-secondary);margin-bottom:var(--global-spacing-3);line-height:var(--global-font-line-height-relaxed)}.sidebar-list{list-style:none;padding:0;margin:0 0 var(--global-spacing-4) 0}.sidebar-list li{padding:var(--global-spacing-2) 0;color:var(--color-text-secondary);font-size:var(--global-font-size-sm);display:flex;align-items:center;gap:var(--global-spacing-2)}.priority-card{border-left:4px solid var(--color-warning)!important;background:linear-gradient(135deg,#ffc1071a,#fffffff2);box-shadow:0 4px 12px #ffc10726}.welcome-card{border-left:4px solid var(--color-primary)!important;background:linear-gradient(135deg,#0ea7751a,#fffffff2);box-shadow:0 4px 12px #0ea77526}.portfolio-metrics{display:flex;flex-direction:column;gap:var(--global-spacing-3)}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:var(--global-spacing-2) 0;border-bottom:1px solid var(--color-border-light)}.metric-value{font-weight:600;font-size:var(--global-font-size-sm);color:var(--color-text-primary)}.btn-warning{background:var(--color-warning);color:var(--color-text-inverse);border:1px solid var(--color-warning)}.btn-warning:hover{background:var(--color-warning-dark);border-color:var(--color-warning-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.metrics-overview-enterprise{margin-bottom:var(--global-spacing-6)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--global-spacing-4);margin-bottom:var(--global-spacing-6)}.metric-card{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-4);display:flex;align-items:center;gap:var(--global-spacing-3);border:1px solid var(--color-border-light);transition:all var(--global-motion-duration-normal) var(--global-motion-easing-ease-out)}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.metric-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--global-border-radius-md);background:#0ea7751a}.metric-content{flex:1}.metric-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.metric-total .metric-icon{background:#3b82f61a}.metric-active .metric-icon{background:#22c55e1a}.metric-warning .metric-icon{background:#ffc1071a}.metric-expired .metric-icon{background:#ef44441a}.metric-inactive .metric-icon{background:#6b72801a}.dashboard-enterprise-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--global-spacing-6);align-items:start}.dashboard-main-content{min-height:400px}.section-header-compact{margin-bottom:var(--global-spacing-4)}.section-header-compact h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--global-spacing-1) 0}.section-header-compact p{font-size:var(--global-font-size-sm);color:var(--color-text-secondary);margin:0}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--global-spacing-4)}.dashboard-card{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid var(--color-border-light);border-radius:var(--global-border-radius-lg);overflow:hidden;transition:all var(--global-motion-duration-normal) var(--global-motion-easing-ease-out)}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.priority-alert{border-left:4px solid var(--color-warning)!important}.health-status{border-left:4px solid var(--color-success)!important}.recent-activity,.welcome-guide{border-left:4px solid var(--color-primary)!important}.expired-alert{border-left:4px solid var(--color-error)!important}.quick-actions{border-left:4px solid var(--color-secondary)!important}.coverage-overview{border-left:4px solid var(--color-info)!important}.quick-action-buttons{display:flex;gap:var(--global-spacing-2);flex-wrap:wrap}.coverage-stats{display:flex;flex-direction:column;gap:var(--global-spacing-2)}.coverage-item{display:flex;justify-content:space-between;align-items:center;padding:var(--global-spacing-1) 0}.coverage-label{font-size:var(--global-font-size-sm);color:var(--color-text-secondary);font-weight:500}.coverage-value{font-weight:600;font-size:var(--global-font-size-sm);color:var(--color-text-primary)}.bin-management{border-left:4px solid var(--color-info)!important}.portfolio-overview{border-left:4px solid var(--color-success)!important}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--global-spacing-1) 0}.summary-label{font-size:var(--global-font-size-sm);color:var(--color-text-secondary);font-weight:500}.summary-value{font-weight:600;font-size:var(--global-font-size-sm);color:var(--color-text-primary)}.focus-items{display:flex;flex-direction:column;gap:var(--global-spacing-2)}.focus-item{display:flex;align-items:center;gap:var(--global-spacing-2);padding:var(--global-spacing-2);border-radius:var(--global-border-radius-sm);background:#f8fafc80}.focus-icon{font-size:1rem}.focus-text{font-size:var(--global-font-size-sm);color:var(--color-text-secondary)}.focus-item.urgent{background:#ffc1071a;border-left:3px solid var(--color-warning)}.focus-item.review{background:#ef44441a;border-left:3px solid var(--color-error)}.focus-item.cleanup{background:#6b72801a;border-left:3px solid var(--color-secondary)}.focus-item.success{background:#22c55e1a;border-left:3px solid var(--color-success)}.metrics-overview-simple{margin-bottom:var(--global-spacing-6)}.enterprise-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--global-spacing-4)}.purchase-analytics{border-left:4px solid var(--color-success)!important}.category-stats{border-left:4px solid var(--color-primary)!important}.store-stats{border-left:4px solid var(--color-secondary)!important}.system-stats{border-left:4px solid var(--color-info)!important}.bin-reference{border-left:4px solid var(--color-warning)!important}.quick-actions-main{border-left:4px solid var(--color-primary)!important}.analytics-grid,.system-grid{display:flex;flex-direction:column;gap:var(--global-spacing-2)}.analytics-item,.system-item{display:flex;justify-content:space-between;align-items:center;padding:var(--global-spacing-1) 0}.analytics-label,.system-label{font-size:var(--global-font-size-sm);color:var(--color-text-secondary);font-weight:500}.analytics-value,.system-value{font-weight:600;font-size:var(--global-font-size-sm);color:var(--color-text-primary)}.category-list,.store-list{display:flex;flex-direction:column;gap:var(--global-spacing-2)}.category-item,.store-item{display:flex;justify-content:space-between;align-items:center;padding:var(--global-spacing-2);background:#f8fafc80;border-radius:var(--global-border-radius-sm)}.category-name,.store-name{font-size:var(--global-font-size-sm);color:var(--color-text-primary);font-weight:500}.category-count,.store-count{font-size:var(--global-font-size-xs);color:var(--color-text-secondary);font-weight:600}.action-buttons-grid{display:grid;gap:var(--global-spacing-2)}.metric-valid .metric-icon{background:#22c55e1a}.loading-state{text-align:center;padding:var(--global-spacing-8);color:var(--color-text-secondary)}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:var(--global-spacing-4)}.error-state{text-align:center;padding:var(--global-spacing-8);color:var(--color-text-secondary)}.error-icon{font-size:3rem;margin-bottom:var(--global-spacing-4);color:var(--color-error)}.error-actions{display:flex;gap:var(--global-spacing-3);justify-content:center;margin-top:var(--global-spacing-4)}.refresh-indicator{color:var(--color-info);font-size:var(--global-font-size-sm);animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.filter-actions{display:flex;align-items:center;gap:var(--global-spacing-2)}.filter-count{font-size:var(--global-font-size-xs);color:var(--color-text-secondary);padding:var(--global-spacing-1) var(--global-spacing-2);background:rgba(var(--color-primary-rgb),.1);border-radius:var(--global-border-radius-sm)}.portfolio-metrics{display:flex;flex-direction:column;gap:var(--global-spacing-2)}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:var(--global-spacing-1) 0;border-bottom:1px solid rgba(0,0,0,.05)}.metric-row:last-child{border-bottom:none}.metric-label{font-size:var(--global-font-size-sm);color:var(--color-text-secondary);font-weight:500}.metric-value{font-weight:600;font-size:var(--global-font-size-sm)}.metric-value.success-color{color:var(--color-success)}.metric-value.warning-color{color:var(--color-warning)}.metric-value.error-color{color:var(--color-error)}.health-badge{padding:.25rem .5rem;border-radius:var(--global-border-radius-sm);font-size:var(--global-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.health-success{background:#22c55e1a;color:#059669;border:1px solid rgba(34,197,94,.2)}.health-warning{background:#fbbf241a;color:#d97706;border:1px solid rgba(251,191,36,.2)}.health-error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.health-active{background:#0ea7751a;color:#0ea775;border:1px solid rgba(14,167,117,.2)}.quick-action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.page-title{font-size:1.5rem}.page-title-icon{width:24px;height:24px}.metric-card:hover,.dashboard-card:hover,.activity-item:hover{transform:none}}.icon{display:inline-block;vertical-align:middle;width:20px;height:20px;object-fit:contain;flex-shrink:0}.btn-icon{width:24px;height:24px;margin-right:0;object-fit:contain;filter:none}.title-icon{width:20px;height:20px;margin-right:8px;object-fit:contain;filter:brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(2270%) hue-rotate(144deg) brightness(95%) contrast(95%)}.metric-icon-img{width:32px;height:32px;object-fit:contain;filter:brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(2270%) hue-rotate(144deg) brightness(95%) contrast(95%)}.category-icon{width:20px;height:20px;margin-right:8px;object-fit:contain;filter:brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(2270%) hue-rotate(144deg) brightness(95%) contrast(95%)}.page-title-icon{width:28px;height:28px;margin-right:12px;object-fit:contain;filter:brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(2270%) hue-rotate(144deg) brightness(95%) contrast(95%)}.card-icon{width:22px;height:22px;margin-right:8px;object-fit:contain;filter:brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(2270%) hue-rotate(144deg) brightness(95%) contrast(95%)}.section-icon{width:24px;height:24px;margin-right:10px;object-fit:contain;filter:brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(2270%) hue-rotate(144deg) brightness(95%) contrast(95%)}.activity-icon{width:18px;height:18px;margin-right:6px;object-fit:contain;filter:brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(2270%) hue-rotate(144deg) brightness(95%) contrast(95%)}.dashboard-footer{background:linear-gradient(135deg,var(--color-surface-secondary) 0%,rgba(245,240,225,.95) 100%);border-top:1px solid var(--color-border-primary);padding:1.5rem 0;margin-top:2rem;color:var(--themes-light-semantic-color-text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dashboard-footer .footer-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.dashboard-footer .footer-brand{display:flex;align-items:center;gap:.5rem}.dashboard-footer .footer-logo-img{width:24px;height:24px;object-fit:contain}.dashboard-footer .brand-text{font-weight:600;color:var(--global-brand-accent, #F4C542)}.dashboard-footer .footer-links{display:flex;gap:1.5rem}.dashboard-footer .footer-link{color:var(--themes-light-semantic-color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s ease}.dashboard-footer .footer-link:hover{color:var(--global-brand-accent, #F4C542)}.dashboard-footer .footer-copyright{color:var(--themes-light-semantic-color-text-secondary);font-size:.8rem}.dashboard-footer .footer-copyright p{margin:0}@media (max-width: 768px){.dashboard-footer .footer-content{flex-direction:column;text-align:center;gap:1rem}.dashboard-footer .footer-links{order:-1}}.admin-layout{display:flex;min-height:100vh;background:var(--themes-dark-semantic-color-background-primary);color:var(--themes-dark-semantic-color-text-primary)}.admin-sidebar{width:280px;background:var(--themes-dark-semantic-color-surface-secondary);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:var(--global-z-index-fixed);transition:transform var(--global-motion-duration-normal) var(--global-motion-easing-ease-out)}.admin-sidebar.closed{transform:translate(-240px);width:60px}.admin-sidebar-header{padding:var(--global-spacing-6);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.admin-logo{display:flex;align-items:center;gap:var(--global-spacing-3)}.admin-logo-icon{font-size:var(--global-font-size-2xl)}.admin-logo-text{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary)}.sidebar-toggle{background:none;border:none;color:var(--themes-dark-semantic-color-text-secondary);font-size:var(--global-font-size-lg);cursor:pointer;padding:var(--global-spacing-2);border-radius:var(--global-border-radius-md);transition:all var(--global-motion-duration-fast)}.sidebar-toggle:hover{background:#ffffff1a;color:var(--themes-dark-semantic-color-text-primary)}.admin-nav{flex:1;padding:var(--global-spacing-4) 0}.admin-nav-list{list-style:none;padding:0;margin:0}.admin-nav-item{margin-bottom:var(--global-spacing-1)}.admin-nav-link{display:flex;align-items:center;gap:var(--global-spacing-3);padding:var(--global-spacing-4) var(--global-spacing-6);background:none;border:none;color:var(--themes-dark-semantic-color-text-secondary);text-decoration:none;cursor:pointer;width:100%;text-align:left;transition:all var(--global-motion-duration-fast);border-radius:0;position:relative}.admin-nav-link:hover{background:#ffffff0d;color:var(--themes-dark-semantic-color-text-primary)}.admin-nav-link.active{background:#0ea77526;color:#0ea775;border-right:3px solid #0ea775}.admin-nav-icon{font-size:var(--global-font-size-xl);min-width:24px}.admin-nav-content{display:flex;flex-direction:column;gap:var(--global-spacing-1)}.admin-nav-title{font-weight:var(--global-font-weight-medium);font-size:var(--global-font-size-base)}.admin-nav-description{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.admin-sidebar-footer{padding:var(--global-spacing-6);border-top:1px solid rgba(255,255,255,.1)}.admin-user-info{display:flex;flex-direction:column;gap:var(--global-spacing-2)}.admin-user-role{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.admin-logout-btn{background:none;border:1px solid rgba(255,255,255,.2);color:var(--themes-dark-semantic-color-text-secondary);padding:var(--global-spacing-2) var(--global-spacing-3);border-radius:var(--global-border-radius-md);cursor:pointer;font-size:var(--global-font-size-sm);transition:all var(--global-motion-duration-fast)}.admin-logout-btn:hover{background:#ffffff1a;color:var(--themes-dark-semantic-color-text-primary)}.admin-main{flex:1;margin-left:280px;background:var(--themes-dark-semantic-color-background-primary);min-height:100vh;transition:margin-left var(--global-motion-duration-normal) var(--global-motion-easing-ease-out)}.admin-main.sidebar-closed{margin-left:60px}.admin-content{padding:var(--global-spacing-8);max-width:1400px;margin:0 auto}.admin-page{display:flex;flex-direction:column;gap:var(--global-spacing-8)}.admin-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--global-spacing-6);padding-bottom:var(--global-spacing-6);border-bottom:1px solid rgba(255,255,255,.1)}.admin-page-title h1{font-size:var(--global-font-size-3xl);font-weight:var(--global-font-weight-bold);margin:0 0 var(--global-spacing-2) 0;color:var(--themes-dark-semantic-color-text-primary)}.admin-page-title p{font-size:var(--global-font-size-lg);color:var(--themes-dark-semantic-color-text-secondary);margin:0}.admin-page-actions{display:flex;align-items:center;gap:var(--global-spacing-3)}.admin-timestamp{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.admin-btn-primary,.admin-btn-secondary,.admin-btn-sm{border:none;border-radius:var(--global-border-radius-md);font-weight:var(--global-font-weight-medium);cursor:pointer;transition:all var(--global-motion-duration-fast);display:inline-flex;align-items:center;gap:var(--global-spacing-2)}.admin-btn-primary{background:#0ea775;color:#fff;padding:var(--global-spacing-3) var(--global-spacing-5);font-size:var(--global-font-size-base)}.admin-btn-primary:hover{background:#0c8f65;transform:translateY(-1px);box-shadow:var(--global-shadow-md)}.admin-btn-secondary{background:#ffffff1a;color:var(--themes-dark-semantic-color-text-primary);border:1px solid rgba(255,255,255,.2);padding:var(--global-spacing-3) var(--global-spacing-5);font-size:var(--global-font-size-base)}.admin-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.admin-btn-secondary.loading{opacity:.7;cursor:not-allowed}.admin-btn-sm{background:#ffffff1a;color:var(--themes-dark-semantic-color-text-primary);border:1px solid rgba(255,255,255,.2);padding:var(--global-spacing-1) var(--global-spacing-3);font-size:var(--global-font-size-sm)}.admin-btn-sm:hover{background:#ffffff26}.admin-btn-sm.secondary{background:none;color:var(--themes-dark-semantic-color-text-secondary)}.admin-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--global-spacing-6)}.admin-metric-card{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);transition:all var(--global-motion-duration-fast)}.admin-metric-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:var(--global-shadow-lg)}.admin-metric-card.admin-metric-warning{border-color:#f59e0b;background:#f59e0b0d}.admin-metric-header{display:flex;align-items:center;gap:var(--global-spacing-3);margin-bottom:var(--global-spacing-4)}.admin-metric-icon{font-size:var(--global-font-size-xl)}.admin-metric-label{font-size:var(--global-font-size-base);color:var(--themes-dark-semantic-color-text-secondary);font-weight:var(--global-font-weight-medium)}.admin-metric-value{font-size:2.5rem;font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary);margin-bottom:var(--global-spacing-2)}.admin-metric-subtitle{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.admin-section{display:flex;flex-direction:column;gap:var(--global-spacing-6)}.admin-section-title{font-size:var(--global-font-size-xl);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary);margin:0}.admin-section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--global-spacing-6)}.admin-alerts-banner,.admin-alert-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-5);display:flex;justify-content:space-between;align-items:center;gap:var(--global-spacing-4)}.admin-alert-banner.critical{background:#ef44441a;border-color:#ef44444d}.admin-alert-banner.warning{background:#f59e0b1a;border-color:#f59e0b4d}.admin-alert-header{display:flex;align-items:center;gap:var(--global-spacing-2);font-weight:var(--global-font-weight-semibold)}.admin-alert-icon{font-size:var(--global-font-size-lg)}.admin-alerts-list{display:flex;flex-direction:column;gap:var(--global-spacing-3);margin-top:var(--global-spacing-4)}.admin-alert{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--global-spacing-4);padding:var(--global-spacing-4);border-radius:var(--global-border-radius-md);border-left:4px solid}.admin-alert.admin-alert-critical{background:#ef44440d;border-left-color:#ef4444}.admin-alert.admin-alert-warning{background:#f59e0b0d;border-left-color:#f59e0b}.admin-alert.admin-alert-info{background:#3b82f60d;border-left-color:#3b82f6}.admin-alert-content strong{color:var(--themes-dark-semantic-color-text-primary)}.admin-alert-content p{margin:var(--global-spacing-1) 0 0 0;color:var(--themes-dark-semantic-color-text-secondary);font-size:var(--global-font-size-sm)}.admin-alert-time{font-size:var(--global-font-size-xs);color:var(--themes-dark-semantic-color-text-secondary);white-space:nowrap}.admin-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--global-spacing-4)}.admin-loading-spinner{font-size:3rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--global-spacing-5)}.admin-quick-action{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-5);cursor:pointer;transition:all var(--global-motion-duration-fast);display:flex;align-items:center;gap:var(--global-spacing-4);text-align:left;position:relative}.admin-quick-action:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:var(--global-shadow-lg)}.admin-quick-action.urgent{border-color:#ef4444;background:#ef44440d}.admin-action-icon{font-size:2rem;min-width:48px}.admin-action-content h3{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);margin:0 0 var(--global-spacing-1) 0;color:var(--themes-dark-semantic-color-text-primary)}.admin-action-content p{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary);margin:0}.admin-urgent-badge{position:absolute;top:var(--global-spacing-2);right:var(--global-spacing-2);background:#ef4444;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--global-font-size-xs);font-weight:var(--global-font-weight-bold)}.admin-activity-list{display:flex;flex-direction:column;gap:var(--global-spacing-4)}.admin-activity-item{display:flex;align-items:flex-start;gap:var(--global-spacing-4);padding:var(--global-spacing-4);background:var(--themes-dark-semantic-color-surface-secondary);border-radius:var(--global-border-radius-md);border:1px solid rgba(255,255,255,.1)}.admin-activity-icon{font-size:var(--global-font-size-lg);min-width:24px;margin-top:var(--global-spacing-1)}.admin-activity-content{flex:1}.admin-activity-content strong{color:var(--themes-dark-semantic-color-text-primary);font-weight:var(--global-font-weight-medium)}.admin-activity-content p{margin:var(--global-spacing-1) 0 0 0;color:var(--themes-dark-semantic-color-text-secondary);font-size:var(--global-font-size-sm)}.admin-activity-time{font-size:var(--global-font-size-xs);color:var(--themes-dark-semantic-color-text-secondary);white-space:nowrap}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-content{padding:var(--global-spacing-6)}.admin-metrics-grid,.admin-quick-actions{grid-template-columns:1fr}}@media (max-width: 768px){.admin-page-header{flex-direction:column;align-items:flex-start;gap:var(--global-spacing-4)}.admin-page-actions{width:100%;justify-content:flex-end}.admin-content{padding:var(--global-spacing-4)}}.admin-mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--global-z-index-modal-backdrop);display:none}@media (max-width: 1024px){.admin-mobile-overlay{display:block}}.gcp-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--global-spacing-6);margin-bottom:var(--global-spacing-8)}.gcp-service-card{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);transition:all var(--global-motion-duration-fast)}.gcp-service-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:var(--global-shadow-lg)}.gcp-service-card.quota-warning{border-color:#f59e0b;background:#f59e0b0d}.gcp-service-card.quota-critical{border-color:#ef4444;background:#ef44440d}.gcp-service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--global-spacing-4)}.gcp-service-info{display:flex;align-items:center;gap:var(--global-spacing-3)}.gcp-service-icon{font-size:var(--global-font-size-2xl)}.gcp-service-name{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary)}.gcp-service-status{padding:var(--global-spacing-1) var(--global-spacing-3);border-radius:var(--global-border-radius-full);font-size:var(--global-font-size-xs);font-weight:var(--global-font-weight-semibold);text-transform:uppercase}.gcp-service-status.operational{background:#22c55e33;color:#22c55e}.gcp-service-status.warning{background:#f59e0b33;color:#f59e0b}.gcp-service-status.critical{background:#ef444433;color:#ef4444}.gcp-usage-metrics{display:flex;flex-direction:column;gap:var(--global-spacing-4)}.gcp-metric-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--global-spacing-3)}.gcp-metric-label{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.gcp-metric-value{font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary)}.gcp-usage-bar{width:100%;height:8px;background:#ffffff1a;border-radius:var(--global-border-radius-full);overflow:hidden;margin:var(--global-spacing-2) 0}.gcp-usage-fill{height:100%;border-radius:var(--global-border-radius-full);transition:width var(--global-motion-duration-slow) var(--global-motion-easing-ease-out)}.gcp-usage-fill.normal{background:linear-gradient(90deg,#22c55e,#16a34a)}.gcp-usage-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.gcp-usage-fill.critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.gcp-cost-estimate{margin-top:var(--global-spacing-4);padding-top:var(--global-spacing-4);border-top:1px solid rgba(255,255,255,.1)}.gcp-cost-estimate strong{color:var(--themes-dark-semantic-color-text-primary)}.gcp-detailed-section{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);margin-bottom:var(--global-spacing-6)}.gcp-section-title{font-size:var(--global-font-size-xl);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary);margin:0 0 var(--global-spacing-6) 0;display:flex;align-items:center;gap:var(--global-spacing-3)}.gcp-section-icon{font-size:var(--global-font-size-2xl)}.gcp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--global-spacing-4);margin-bottom:var(--global-spacing-6)}.gcp-stat-item{display:flex;flex-direction:column;gap:var(--global-spacing-2)}.gcp-stat-label{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.gcp-stat-value{font-size:var(--global-font-size-2xl);font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary)}.gcp-stat-change{font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium)}.gcp-stat-change.positive{color:#22c55e}.gcp-stat-change.negative{color:#ef4444}.gcp-recommendations{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6)}.gcp-recommendation-item{display:flex;align-items:flex-start;gap:var(--global-spacing-4);padding:var(--global-spacing-4);margin-bottom:var(--global-spacing-3);background:#ffffff05;border-radius:var(--global-border-radius-md);border-left:4px solid}.gcp-recommendation-item.optimization{border-left-color:#3b82f6}.gcp-recommendation-item.warning{border-left-color:#f59e0b}.gcp-recommendation-item.cost-saving{border-left-color:#22c55e}.gcp-recommendation-icon{font-size:var(--global-font-size-lg);margin-top:var(--global-spacing-1)}.gcp-recommendation-content h4{font-size:var(--global-font-size-base);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary);margin:0 0 var(--global-spacing-1) 0}.gcp-recommendation-content p{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary);margin:0}.gcp-quota-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-5);margin-bottom:var(--global-spacing-6);display:flex;align-items:center;gap:var(--global-spacing-4)}.gcp-quota-warning-icon{font-size:var(--global-font-size-2xl);color:#f59e0b}.gcp-quota-warning-content h3{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary);margin:0 0 var(--global-spacing-1) 0}.gcp-quota-warning-content p{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary);margin:0}@media (max-width: 768px){.gcp-overview-grid{grid-template-columns:1fr}.gcp-stats-grid{grid-template-columns:repeat(2,1fr)}.gcp-service-header{flex-direction:column;align-items:flex-start;gap:var(--global-spacing-2)}}@media (max-width: 480px){.gcp-stats-grid{grid-template-columns:1fr}.gcp-recommendation-item{flex-direction:column;text-align:center}}.user-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--global-spacing-6);overflow-x:auto}.user-tab{background:none;border:none;color:var(--themes-dark-semantic-color-text-secondary);padding:var(--global-spacing-4) var(--global-spacing-6);cursor:pointer;font-size:var(--global-font-size-base);font-weight:var(--global-font-weight-medium);border-bottom:3px solid transparent;transition:all var(--global-motion-duration-fast);white-space:nowrap}.user-tab:hover{color:var(--themes-dark-semantic-color-text-primary);background:#ffffff0d}.user-tab.active{color:#0ea775;border-bottom-color:#0ea775}.user-overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--global-spacing-6);margin-bottom:var(--global-spacing-8)}.user-stat-card{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);transition:all var(--global-motion-duration-fast)}.user-stat-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:var(--global-shadow-lg)}.user-stat-header{display:flex;align-items:center;gap:var(--global-spacing-3);margin-bottom:var(--global-spacing-4)}.user-stat-icon{font-size:var(--global-font-size-xl);padding:var(--global-spacing-3);border-radius:var(--global-border-radius-lg);background:#0ea7751a;color:#0ea775}.user-stat-title{font-size:var(--global-font-size-base);font-weight:var(--global-font-weight-medium);color:var(--themes-dark-semantic-color-text-secondary)}.user-stat-value{font-size:2.5rem;font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary);margin-bottom:var(--global-spacing-2)}.user-stat-change{font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium);display:flex;align-items:center;gap:var(--global-spacing-1)}.user-stat-change.positive{color:#22c55e}.user-stat-change.negative{color:#ef4444}.user-stat-change.neutral{color:var(--themes-dark-semantic-color-text-secondary)}.user-list-controls{display:flex;justify-content:between;align-items:center;gap:var(--global-spacing-4);margin-bottom:var(--global-spacing-6);flex-wrap:wrap}.user-search-box{flex:1;min-width:300px;position:relative}.user-search-input{width:100%;background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.2);border-radius:var(--global-border-radius-md);color:var(--themes-dark-semantic-color-text-primary);font-size:var(--global-font-size-base);padding:var(--global-spacing-3) var(--global-spacing-5) var(--global-spacing-3) var(--global-spacing-12);transition:all var(--global-motion-duration-fast)}.user-search-input:focus{outline:none;border-color:#0ea775;box-shadow:0 0 0 3px #0ea7751a}.user-search-icon{position:absolute;left:var(--global-spacing-4);top:50%;transform:translateY(-50%);color:var(--themes-dark-semantic-color-text-secondary);font-size:var(--global-font-size-lg)}.user-filter-select{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.2);border-radius:var(--global-border-radius-md);color:var(--themes-dark-semantic-color-text-primary);padding:var(--global-spacing-3) var(--global-spacing-4);font-size:var(--global-font-size-base);cursor:pointer}.user-list-table{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);overflow:hidden}.user-table{width:100%;border-collapse:collapse}.user-table th{background:#ffffff0d;color:var(--themes-dark-semantic-color-text-secondary);font-weight:var(--global-font-weight-semibold);font-size:var(--global-font-size-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--global-spacing-4) var(--global-spacing-6);text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.user-table td{padding:var(--global-spacing-4) var(--global-spacing-6);border-bottom:1px solid rgba(255,255,255,.05);color:var(--themes-dark-semantic-color-text-primary)}.user-table tr:hover{background:#ffffff05}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0ea775,#0c8f65);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--global-font-weight-semibold);font-size:var(--global-font-size-lg)}.user-info{display:flex;align-items:center;gap:var(--global-spacing-3)}.user-details h4{font-size:var(--global-font-size-base);font-weight:var(--global-font-weight-medium);color:var(--themes-dark-semantic-color-text-primary);margin:0 0 var(--global-spacing-1) 0}.user-details p{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary);margin:0}.user-status-badge{padding:var(--global-spacing-1) var(--global-spacing-3);border-radius:var(--global-border-radius-full);font-size:var(--global-font-size-xs);font-weight:var(--global-font-weight-semibold);text-transform:uppercase}.user-status-badge.active{background:#22c55e33;color:#22c55e}.user-status-badge.inactive{background:#9ca3af33;color:#9ca3af}.user-actions{display:flex;align-items:center;gap:var(--global-spacing-2)}.user-action-btn{background:none;border:none;color:var(--themes-dark-semantic-color-text-secondary);font-size:var(--global-font-size-lg);cursor:pointer;padding:var(--global-spacing-2);border-radius:var(--global-border-radius-md);transition:all var(--global-motion-duration-fast)}.user-action-btn:hover{background:#ffffff1a;color:var(--themes-dark-semantic-color-text-primary)}.engagement-chart-container{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);margin-bottom:var(--global-spacing-6)}.engagement-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--global-spacing-6);margin-bottom:var(--global-spacing-6)}.engagement-metric{text-align:center}.engagement-metric-value{font-size:2rem;font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary);margin-bottom:var(--global-spacing-1)}.engagement-metric-label{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.engagement-chart-placeholder{height:300px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:var(--global-border-radius-md);display:flex;align-items:center;justify-content:center;color:var(--themes-dark-semantic-color-text-secondary);font-size:var(--global-font-size-lg)}.growth-trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--global-spacing-6)}.growth-trend-card{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6)}.growth-trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--global-spacing-4)}.growth-trend-title{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary)}.growth-trend-period{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.growth-trend-chart{height:200px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:var(--global-border-radius-md);display:flex;align-items:center;justify-content:center;color:var(--themes-dark-semantic-color-text-secondary);margin-bottom:var(--global-spacing-4)}.growth-trend-stats{display:flex;justify-content:space-between;align-items:center}.growth-trend-value{font-size:var(--global-font-size-xl);font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary)}.growth-trend-change{font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium);display:flex;align-items:center;gap:var(--global-spacing-1)}@media (max-width: 768px){.user-list-controls{flex-direction:column;align-items:stretch}.user-search-box{min-width:unset}.user-table th,.user-table td{padding:var(--global-spacing-3) var(--global-spacing-4)}.user-overview-stats{grid-template-columns:1fr}.engagement-metrics-grid{grid-template-columns:repeat(2,1fr)}.growth-trends-grid{grid-template-columns:1fr}}@media (max-width: 480px){.user-tabs{flex-direction:column}.user-tab{text-align:center}.engagement-metrics-grid{grid-template-columns:1fr}}.analytics-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--global-spacing-6);margin-bottom:var(--global-spacing-8)}.analytics-metric-card{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);transition:all var(--global-motion-duration-fast)}.analytics-metric-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:var(--global-shadow-lg)}.analytics-metric-card.performance-excellent{border-color:#22c55e;background:#22c55e0d}.analytics-metric-card.performance-good{border-color:#3b82f6;background:#3b82f60d}.analytics-metric-card.performance-warning{border-color:#f59e0b;background:#f59e0b0d}.analytics-metric-header{display:flex;align-items:center;gap:var(--global-spacing-3);margin-bottom:var(--global-spacing-4)}.analytics-metric-icon{font-size:var(--global-font-size-xl);padding:var(--global-spacing-3);border-radius:var(--global-border-radius-lg);background:#0ea7751a;color:#0ea775}.analytics-metric-label{font-size:var(--global-font-size-base);font-weight:var(--global-font-weight-medium);color:var(--themes-dark-semantic-color-text-secondary)}.analytics-metric-value{font-size:2.5rem;font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary);margin-bottom:var(--global-spacing-2)}.analytics-metric-trend{font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium);display:flex;align-items:center;gap:var(--global-spacing-1)}.analytics-metric-trend.positive{color:#22c55e}.analytics-metric-trend.negative{color:#ef4444}.analytics-metric-trend.neutral{color:var(--themes-dark-semantic-color-text-secondary)}.confidence-section{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);margin-bottom:var(--global-spacing-6)}.confidence-chart-container{position:relative;height:300px;margin-bottom:var(--global-spacing-6)}.confidence-chart-placeholder{width:100%;height:100%;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:var(--global-border-radius-md);display:flex;align-items:center;justify-content:center;color:var(--themes-dark-semantic-color-text-secondary);font-size:var(--global-font-size-lg)}.confidence-legend{display:flex;justify-content:center;gap:var(--global-spacing-6);flex-wrap:wrap}.confidence-legend-item{display:flex;align-items:center;gap:var(--global-spacing-2)}.confidence-legend-color{width:16px;height:16px;border-radius:var(--global-border-radius-sm)}.confidence-legend-color.high{background:#22c55e}.confidence-legend-color.medium{background:#3b82f6}.confidence-legend-color.low{background:#f59e0b}.confidence-legend-label{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.document-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--global-spacing-5);margin-bottom:var(--global-spacing-6)}.document-type-card{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-5);text-align:center;transition:all var(--global-motion-duration-fast)}.document-type-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:var(--global-shadow-lg)}.document-type-icon{font-size:2.5rem;margin-bottom:var(--global-spacing-3);color:#0ea775}.document-type-name{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary);margin-bottom:var(--global-spacing-2)}.document-type-count{font-size:var(--global-font-size-2xl);font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary);margin-bottom:var(--global-spacing-1)}.document-type-percentage{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.brand-analysis-section{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);margin-bottom:var(--global-spacing-6)}.brand-list{display:flex;flex-direction:column;gap:var(--global-spacing-4)}.brand-item{display:flex;align-items:center;justify-content:between;gap:var(--global-spacing-4);padding:var(--global-spacing-4);background:#ffffff05;border-radius:var(--global-border-radius-md);transition:all var(--global-motion-duration-fast)}.brand-item:hover{background:#ffffff0d}.brand-info{flex:1;display:flex;align-items:center;gap:var(--global-spacing-3)}.brand-logo{width:40px;height:40px;border-radius:var(--global-border-radius-md);background:linear-gradient(135deg,#0ea775,#0c8f65);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--global-font-weight-bold);font-size:var(--global-font-size-lg)}.brand-details h4{font-size:var(--global-font-size-base);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary);margin:0 0 var(--global-spacing-1) 0}.brand-details p{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary);margin:0}.brand-stats{display:flex;align-items:center;gap:var(--global-spacing-5)}.brand-stat{text-align:center}.brand-stat-value{font-size:var(--global-font-size-xl);font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary);margin-bottom:var(--global-spacing-1)}.brand-stat-label{font-size:var(--global-font-size-xs);color:var(--themes-dark-semantic-color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.brand-trend{font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-medium);display:flex;align-items:center;gap:var(--global-spacing-1)}.brand-trend.positive{color:#22c55e}.brand-trend.negative{color:#ef4444}.performance-insights{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6)}.insights-list{display:flex;flex-direction:column;gap:var(--global-spacing-4)}.insight-item{display:flex;align-items:flex-start;gap:var(--global-spacing-4);padding:var(--global-spacing-4);background:#ffffff05;border-radius:var(--global-border-radius-md);border-left:4px solid}.insight-item.optimization{border-left-color:#3b82f6}.insight-item.performance{border-left-color:#22c55e}.insight-item.warning{border-left-color:#f59e0b}.insight-icon{font-size:var(--global-font-size-lg);margin-top:var(--global-spacing-1)}.insight-content h4{font-size:var(--global-font-size-base);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary);margin:0 0 var(--global-spacing-1) 0}.insight-content p{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary);margin:0}.insight-action{margin-top:var(--global-spacing-2)}.insight-action-btn{background:#0ea7751a;border:1px solid rgba(14,167,117,.3);color:#0ea775;padding:var(--global-spacing-1) var(--global-spacing-3);border-radius:var(--global-border-radius-md);font-size:var(--global-font-size-sm);cursor:pointer;transition:all var(--global-motion-duration-fast)}.insight-action-btn:hover{background:#0ea77533;border-color:#0ea77580}.extraction-timeline{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);margin-bottom:var(--global-spacing-6)}.timeline-chart{height:250px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:var(--global-border-radius-md);display:flex;align-items:center;justify-content:center;color:var(--themes-dark-semantic-color-text-secondary);font-size:var(--global-font-size-lg);margin-bottom:var(--global-spacing-4)}.timeline-controls{display:flex;justify-content:center;gap:var(--global-spacing-3)}.timeline-control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--themes-dark-semantic-color-text-secondary);padding:var(--global-spacing-2) var(--global-spacing-4);border-radius:var(--global-border-radius-md);font-size:var(--global-font-size-sm);cursor:pointer;transition:all var(--global-motion-duration-fast)}.timeline-control-btn:hover,.timeline-control-btn.active{background:#0ea7751a;border-color:#0ea7754d;color:#0ea775}@media (max-width: 768px){.analytics-overview-grid{grid-template-columns:1fr}.document-types-grid{grid-template-columns:repeat(2,1fr)}.brand-stats{flex-direction:column;gap:var(--global-spacing-3)}.brand-item{flex-direction:column;text-align:center}.confidence-legend{flex-direction:column;align-items:center;gap:var(--global-spacing-3)}}@media (max-width: 480px){.document-types-grid{grid-template-columns:1fr}.timeline-controls{flex-direction:column}.insight-item{flex-direction:column;text-align:center}}.system-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--global-spacing-6);margin-bottom:var(--global-spacing-8)}.system-status-card{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);transition:all var(--global-motion-duration-fast);position:relative}.system-status-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:var(--global-shadow-lg)}.system-status-card.status-healthy{border-color:#22c55e;background:#22c55e0d}.system-status-card.status-warning{border-color:#f59e0b;background:#f59e0b0d}.system-status-card.status-critical{border-color:#ef4444;background:#ef44440d}.system-status-header{display:flex;align-items:center;justify-content:between;margin-bottom:var(--global-spacing-4)}.system-status-info{display:flex;align-items:center;gap:var(--global-spacing-3)}.system-status-icon{font-size:var(--global-font-size-2xl)}.system-status-title{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary)}.system-status-indicator{width:12px;height:12px;border-radius:50%;position:absolute;top:var(--global-spacing-4);right:var(--global-spacing-4)}.system-status-indicator.healthy{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.system-status-indicator.warning{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.system-status-indicator.critical{background:#ef4444;box-shadow:0 0 0 3px #ef444433;animation:pulse-critical 2s infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.5}}.system-status-metrics{display:flex;flex-direction:column;gap:var(--global-spacing-3)}.system-metric-row{display:flex;justify-content:between;align-items:center}.system-metric-label{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.system-metric-value{font-size:var(--global-font-size-sm);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary)}.system-uptime{font-size:var(--global-font-size-xl);font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary);margin-bottom:var(--global-spacing-2)}.system-last-check{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.api-health-section{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6);margin-bottom:var(--global-spacing-6)}.api-endpoints-list{display:flex;flex-direction:column;gap:var(--global-spacing-4)}.api-endpoint-item{display:flex;align-items:center;justify-content:between;gap:var(--global-spacing-4);padding:var(--global-spacing-4);background:#ffffff05;border-radius:var(--global-border-radius-md);border-left:4px solid;transition:all var(--global-motion-duration-fast)}.api-endpoint-item:hover{background:#ffffff0d}.api-endpoint-item.status-healthy{border-left-color:#22c55e}.api-endpoint-item.status-warning{border-left-color:#f59e0b}.api-endpoint-item.status-critical{border-left-color:#ef4444}.api-endpoint-info{flex:1;display:flex;align-items:center;gap:var(--global-spacing-3)}.api-endpoint-method{padding:var(--global-spacing-1) var(--global-spacing-2);border-radius:var(--global-border-radius-sm);font-size:var(--global-font-size-xs);font-weight:var(--global-font-weight-bold);text-transform:uppercase}.api-endpoint-method.get{background:#22c55e33;color:#22c55e}.api-endpoint-method.post{background:#3b82f633;color:#3b82f6}.api-endpoint-method.put{background:#f59e0b33;color:#f59e0b}.api-endpoint-method.delete{background:#ef444433;color:#ef4444}.api-endpoint-path{font-size:var(--global-font-size-base);font-weight:var(--global-font-weight-medium);color:var(--themes-dark-semantic-color-text-primary);font-family:Monaco,Consolas,monospace}.api-endpoint-stats{display:flex;align-items:center;gap:var(--global-spacing-5)}.api-endpoint-stat{text-align:center}.api-endpoint-stat-value{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary);margin-bottom:var(--global-spacing-1)}.api-endpoint-stat-label{font-size:var(--global-font-size-xs);color:var(--themes-dark-semantic-color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.api-endpoint-status{padding:var(--global-spacing-2) var(--global-spacing-3);border-radius:var(--global-border-radius-full);font-size:var(--global-font-size-xs);font-weight:var(--global-font-weight-semibold);text-transform:uppercase}.api-endpoint-status.healthy{background:#22c55e33;color:#22c55e}.api-endpoint-status.warning{background:#f59e0b33;color:#f59e0b}.api-endpoint-status.critical{background:#ef444433;color:#ef4444}.performance-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--global-spacing-6);margin-bottom:var(--global-spacing-6)}.performance-chart-card{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6)}.performance-chart-header{display:flex;justify-content:between;align-items:center;margin-bottom:var(--global-spacing-4)}.performance-chart-title{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary)}.performance-chart-period{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}.performance-chart{height:200px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:var(--global-border-radius-md);display:flex;align-items:center;justify-content:center;color:var(--themes-dark-semantic-color-text-secondary);font-size:var(--global-font-size-lg);margin-bottom:var(--global-spacing-4)}.performance-chart-stats{display:flex;justify-content:space-around;align-items:center}.performance-stat{text-align:center}.performance-stat-value{font-size:var(--global-font-size-xl);font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary);margin-bottom:var(--global-spacing-1)}.performance-stat-label{font-size:var(--global-font-size-xs);color:var(--themes-dark-semantic-color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.system-alerts-section{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6)}.system-alerts-header{display:flex;justify-content:between;align-items:center;margin-bottom:var(--global-spacing-6)}.alerts-filter-tabs{display:flex;gap:var(--global-spacing-2)}.alert-filter-tab{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--themes-dark-semantic-color-text-secondary);padding:var(--global-spacing-2) var(--global-spacing-4);border-radius:var(--global-border-radius-md);font-size:var(--global-font-size-sm);cursor:pointer;transition:all var(--global-motion-duration-fast)}.alert-filter-tab:hover,.alert-filter-tab.active{background:#0ea7751a;border-color:#0ea7754d;color:#0ea775}.system-alerts-list{display:flex;flex-direction:column;gap:var(--global-spacing-4)}.system-alert-item{display:flex;align-items:flex-start;gap:var(--global-spacing-4);padding:var(--global-spacing-4);background:#ffffff05;border-radius:var(--global-border-radius-md);border-left:4px solid;transition:all var(--global-motion-duration-fast)}.system-alert-item:hover{background:#ffffff0d}.system-alert-item.alert-critical{border-left-color:#ef4444;background:#ef44440d}.system-alert-item.alert-warning{border-left-color:#f59e0b;background:#f59e0b0d}.system-alert-item.alert-info{border-left-color:#3b82f6;background:#3b82f60d}.system-alert-icon{font-size:var(--global-font-size-lg);margin-top:var(--global-spacing-1)}.system-alert-content{flex:1}.system-alert-content h4{font-size:var(--global-font-size-base);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary);margin:0 0 var(--global-spacing-1) 0}.system-alert-content p{font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary);margin:0 0 var(--global-spacing-2) 0}.system-alert-meta{display:flex;align-items:center;gap:var(--global-spacing-3);font-size:var(--global-font-size-xs);color:var(--themes-dark-semantic-color-text-secondary)}.system-alert-actions{display:flex;align-items:center;gap:var(--global-spacing-2)}.system-alert-action{background:none;border:none;color:var(--themes-dark-semantic-color-text-secondary);font-size:var(--global-font-size-lg);cursor:pointer;padding:var(--global-spacing-1);border-radius:var(--global-border-radius-sm);transition:all var(--global-motion-duration-fast)}.system-alert-action:hover{background:#ffffff1a;color:var(--themes-dark-semantic-color-text-primary)}.resource-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--global-spacing-6);margin-bottom:var(--global-spacing-6)}.resource-usage-card{background:var(--themes-dark-semantic-color-surface-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--global-border-radius-lg);padding:var(--global-spacing-6)}.resource-usage-header{display:flex;align-items:center;gap:var(--global-spacing-3);margin-bottom:var(--global-spacing-4)}.resource-usage-icon{font-size:var(--global-font-size-xl);color:#0ea775}.resource-usage-title{font-size:var(--global-font-size-lg);font-weight:var(--global-font-weight-semibold);color:var(--themes-dark-semantic-color-text-primary)}.resource-usage-value{font-size:2rem;font-weight:var(--global-font-weight-bold);color:var(--themes-dark-semantic-color-text-primary);margin-bottom:var(--global-spacing-3)}.resource-usage-bar{width:100%;height:10px;background:#ffffff1a;border-radius:var(--global-border-radius-full);overflow:hidden;margin-bottom:var(--global-spacing-3)}.resource-usage-fill{height:100%;border-radius:var(--global-border-radius-full);transition:width var(--global-motion-duration-slow) var(--global-motion-easing-ease-out)}.resource-usage-fill.normal{background:linear-gradient(90deg,#22c55e,#16a34a)}.resource-usage-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.resource-usage-fill.critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.resource-usage-details{display:flex;justify-content:between;align-items:center;font-size:var(--global-font-size-sm);color:var(--themes-dark-semantic-color-text-secondary)}@media (max-width: 768px){.system-status-grid,.performance-metrics-grid,.resource-usage-grid{grid-template-columns:1fr}.api-endpoint-stats{flex-direction:column;gap:var(--global-spacing-2)}.system-alerts-header{flex-direction:column;align-items:flex-start;gap:var(--global-spacing-4)}.alerts-filter-tabs{width:100%;overflow-x:auto}}@media (max-width: 480px){.api-endpoint-item,.system-alert-item{flex-direction:column;text-align:center}.performance-chart-stats{flex-direction:column;gap:var(--global-spacing-3)}}