@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: hsl(240, 10%, 4%);--bg-secondary: hsl(240, 10%, 8%);--bg-card: hsla(240, 12%, 12%, .85);--bg-glass: hsla(0, 0%, 100%, .05);--bg-input: hsla(0, 0%, 100%, .08);--border-subtle: hsla(0, 0%, 100%, .1);--border-focus: hsla(158, 64%, 48%, .5);--text-primary: hsl(0, 0%, 98%);--text-secondary: hsl(158, 5%, 65%);--text-muted: hsl(158, 5%, 45%);--accent-primary: hsl(158, 64%, 48%);--accent-secondary: hsl(158, 64%, 58%);--accent-glow: hsla(158, 64%, 48%, .15);--gradient-hero: linear-gradient(135deg, hsl(160, 60%, 40%) 0%, hsl(158, 64%, 48%) 50%, hsl(156, 73%, 67%) 100%);--gradient-price: linear-gradient(135deg, hsl(158, 64%, 52%), hsl(156, 73%, 67%));--shadow-sm: 0 1px 2px hsla(0, 0%, 0%, .2);--shadow-md: 0 4px 12px hsla(0, 0%, 0%, .3), 0 0 0 1px hsla(0, 0%, 100%, .05);--shadow-card: 0 8px 32px hsla(0, 0%, 0%, .4), 0 0 0 1px hsla(0, 0%, 100%, .05);--shadow-glow: 0 0 40px hsla(158, 64%, 48%, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition: .3s cubic-bezier(.2, .8, .2, 1);--transition-fast: .15s ease-out;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem}[data-theme=light]{--bg-primary: hsl(0, 0%, 98%);--bg-secondary: hsl(0, 0%, 100%);--bg-card: hsla(0, 0%, 100%, .9);--bg-glass: hsla(0, 0%, 0%, .04);--bg-input: hsla(0, 0%, 0%, .05);--border-subtle: hsla(0, 0%, 0%, .1);--border-focus: hsla(158, 64%, 48%, .5);--text-primary: hsl(158, 20%, 12%);--text-secondary: hsl(158, 5%, 35%);--text-muted: hsl(158, 5%, 55%);--accent-primary: hsl(158, 64%, 38%);--accent-secondary: hsl(158, 64%, 28%);--accent-glow: hsla(158, 64%, 48%, .1);--shadow-sm: 0 1px 2px hsla(0, 0%, 0%, .05);--shadow-md: 0 4px 12px hsla(0, 0%, 0%, .08), 0 0 0 1px hsla(0, 0%, 0%, .03);--shadow-card: 0 8px 32px hsla(0, 0%, 0%, .06), 0 0 0 1px hsla(0, 0%, 0%, .03)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,hsla(158,64%,48%,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 50%,hsla(160,60%,40%,.04),transparent),radial-gradient(ellipse 60% 40% at 20% 80%,hsla(158,64%,48%,.03),transparent);pointer-events:none;z-index:0}[data-theme=light] body:before{background:radial-gradient(ellipse 80% 60% at 50% -20%,hsla(158,64%,48%,.05),transparent),radial-gradient(ellipse 60% 40% at 80% 50%,hsla(160,60%,40%,.02),transparent)}#root{position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.app{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-4) 4rem;min-height:100vh}.theme-toggle{position:fixed;top:var(--space-4);right:var(--space-4);z-index:100;width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all var(--transition);box-shadow:var(--shadow-md)}.theme-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.05)}.header{text-align:center;margin-bottom:2.5rem;animation:fadeInDown .6s ease-out}.header__logo{font-size:.75rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent-secondary);margin-bottom:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.header__logo svg{width:18px;height:18px}.header__title{font-size:2.25rem;font-weight:800;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;line-height:1.2}.header__subtitle{margin-top:var(--space-2);font-size:.95rem;color:var(--text-secondary)}.search{position:relative;margin-bottom:var(--space-8);animation:fadeInUp .6s ease-out .1s both}.search__wrapper{position:relative}.search__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);width:20px;height:20px;transition:color var(--transition);pointer-events:none;z-index:1}.search__input{width:100%;padding:1.1rem 3.5rem 1.1rem 2.75rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1.05rem;font-family:inherit;outline:none;transition:all var(--transition);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.search__input::placeholder{color:var(--text-muted)}.search__input:focus{border-color:var(--border-focus);background:#ffffff1f;box-shadow:var(--shadow-glow)}[data-theme=light] .search__input:focus{background:#fff}.search__clear{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);background:var(--bg-glass);border:1px solid transparent;color:var(--text-secondary);cursor:pointer;width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:.85rem}.search__clear:hover{background:#ffffff26;color:var(--text-primary);border-color:var(--border-subtle)}.search__hint{margin-top:var(--space-2);padding:0 var(--space-1);font-size:.8rem;color:var(--text-muted)}.filter-panel{margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);animation:fadeInUp .6s ease-out .15s both}.filter-group{display:flex;align-items:flex-start;gap:var(--space-3)}.filter-group__label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding-top:.45rem;white-space:nowrap;min-width:100px}.filter-group__chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-row-inline{display:flex;gap:var(--space-6);flex-wrap:wrap}.filter-group--compact{flex-shrink:0}.chip{padding:.35rem .85rem;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-glass);color:var(--text-secondary);font-size:.8rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.chip:hover{border-color:var(--accent-secondary);color:var(--text-primary);background:var(--accent-glow)}.chip--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.chip--active:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}.chip--toggle{border-style:dashed;background:transparent;color:var(--text-muted)}.chip--toggle:hover{border-style:solid}.chip--green.chip--active{background:#2cc98f;border-color:#2cc98f}.chip--red.chip--active{background:#ef4343;border-color:#ef4343}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;gap:1rem;animation:fadeIn .3s ease}.loading__spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loading__spinner--sm{width:18px;height:18px;border-width:2px}.loading__text{color:var(--text-muted);font-size:.9rem}.results-info{margin-bottom:var(--space-4);padding:0 var(--space-1);animation:fadeIn .3s ease}.results-info__count{font-size:.9rem;color:var(--text-secondary)}.results-info__count strong{color:var(--text-primary);font-weight:600}.product-list{display:flex;flex-direction:column;gap:var(--space-4)}.empty-state{text-align:center;padding:5rem 1rem;animation:fadeIn .5s ease}.empty-state__icon{font-size:3.5rem;margin-bottom:1rem;opacity:.5}.empty-state__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state__desc{font-size:.9rem;color:var(--text-muted);max-width:320px;margin:0 auto;line-height:1.5}.welcome{animation:fadeIn .5s ease;padding:1rem 0 2rem}.welcome__hero{text-align:center;margin-bottom:2.5rem}.welcome__hero-icon{font-size:3.5rem;margin-bottom:.75rem;animation:float 3s ease-in-out infinite}.welcome__title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.welcome__desc{font-size:.9rem;color:var(--text-muted);max-width:360px;margin:0 auto;line-height:1.5}.welcome__section{margin-bottom:2rem}.welcome__section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.75rem;text-align:center}.welcome__suggestions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.welcome__suggestion-chip{padding:.4rem 1rem;border:1px dashed var(--border-subtle);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:.82rem;font-family:SF Mono,Fira Code,monospace;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.welcome__suggestion-chip:hover{border-style:solid;border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-glow);transform:translateY(-1px)}.welcome__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:2rem}.welcome__stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem .5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition)}.welcome__stat:hover{border-color:#2cc98f4d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.welcome__stat-value{font-size:1.35rem;font-weight:800;background:var(--gradient-price);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome__stat-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.welcome__features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.welcome__feature{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.welcome__feature:hover{border-color:#2cc98f33;background:var(--accent-glow)}.welcome__feature-icon{font-size:1.1rem;flex-shrink:0}.welcome__feature-text{font-size:.78rem;font-weight:500;color:var(--text-secondary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:2rem;animation:fadeIn .3s ease}.pagination__btn{padding:.5rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-glass);color:var(--text-secondary);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.pagination__btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--text-primary);background:var(--accent-glow)}.pagination__btn:disabled{opacity:.3;cursor:not-allowed}.pagination__info{font-size:.85rem;color:var(--text-muted);padding:0 .5rem}.footer{text-align:center;padding:2rem 0;margin-top:3rem;border-top:1px solid var(--border-subtle)}.footer__text{font-size:.8rem;color:var(--text-muted)}.model-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:all var(--transition);animation:fadeInUp .4s ease-out both;overflow:hidden;box-shadow:var(--shadow-sm)}.model-card:hover{border-color:#2cc98f4d;box-shadow:var(--shadow-card);transform:translateY(-2px)}.model-card__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;cursor:pointer;gap:1rem}.model-card__tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:.5rem}.tag{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.tag--brand{background:var(--accent-glow);border:1px solid hsla(158,64%,48%,.2);color:var(--accent-secondary)}.tag--type-sun{background:#fbbd231f;color:#fbbd23;border:1px solid hsla(43,96%,56%,.2)}.tag--type-opt{background:#1876f21f;color:#4893f4;border:1px solid hsla(214,89%,52%,.2)}.status--active{background:#2cc98f1f;color:#2cc98f;border:1px solid hsla(158,64%,48%,.2)}.status--deactive{background:#ef43431f;color:#ef4343;border:1px solid hsla(0,84%,60%,.2)}.status--mixed{background:#fbbd231f;color:#fbbd23;border:1px solid hsla(43,96%,56%,.2)}.model-card__model{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.model-card__meta{font-size:.82rem;color:var(--text-muted);margin-top:.25rem;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.meta-sep{opacity:.4}.model-card__right{text-align:right;flex-shrink:0}.model-card__price{font-size:1.35rem;font-weight:800;background:var(--gradient-price);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.model-card__price-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.1rem}.chevron-icon{width:18px;height:18px;color:var(--text-muted);transition:transform var(--transition);margin-top:.25rem}.chevron-icon--open{transform:rotate(180deg)}.model-card__preview{display:flex;gap:.4rem;flex-wrap:wrap;padding:0 1.5rem 1.25rem}.preview-chip{font-size:.72rem;padding:.25rem .6rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap}.preview-chip--more{background:var(--accent-glow);border-color:#2cc98f33;color:var(--accent-secondary);font-weight:600}.model-card__colors{border-top:1px solid var(--border-subtle);animation:fadeIn .3s ease}.loading-inline{display:flex;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;font-size:.85rem;color:var(--text-muted)}.color-row{padding:.85rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.04);transition:background var(--transition-fast)}.color-row:nth-child(2n){background:#ffffff03}[data-theme=light] .color-row{border-bottom-color:#0000000a}[data-theme=light] .color-row:nth-child(2n){background:#00000003}.color-row:last-child{border-bottom:none}.color-row:hover{background:var(--bg-glass)}.color-row--deactive{opacity:.5}.color-row--deactive:hover{opacity:.7}.color-row__main{display:flex;justify-content:space-between;align-items:center;gap:1rem}.color-row__color-info{display:flex;align-items:center;gap:.4rem;min-width:0;flex-wrap:wrap}.color-row__code{font-size:.75rem;font-weight:600;color:var(--accent-secondary);font-family:SF Mono,Fira Code,monospace;background:var(--accent-glow);padding:.2rem .5rem;border-radius:4px;flex-shrink:0}.color-row__frame{font-size:.85rem;font-weight:500;color:var(--text-primary)}.color-row__separator{color:var(--text-muted);opacity:.4}.color-row__lens{font-size:.85rem;color:var(--text-secondary)}.color-row__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.color-row__price{font-size:.95rem;font-weight:700;color:#2cc98f;white-space:nowrap}[data-theme=light] .color-row__price{color:#209268}.color-row__price--deactive{color:var(--text-muted);text-decoration:line-through}.color-row__status-badge{font-size:.65rem;font-weight:600;padding:.15rem .4rem;background:#ef43431f;color:#ef4343;border-radius:4px;white-space:nowrap}.color-row__details{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.color-row__sizes{display:flex;gap:.25rem}.size-chip{font-size:.7rem;font-weight:600;padding:.15rem .4rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary)}.color-row__gender{font-size:.75rem;color:var(--text-muted)}.color-detail{margin-top:.75rem;padding:1rem;background:#0003;border:1px solid var(--border-subtle);border-radius:var(--radius-md);animation:fadeIn .2s ease}[data-theme=light] .color-detail{background:#00000005}.color-detail__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem 1rem}.color-detail__item{display:flex;flex-direction:column;gap:.2rem}.color-detail__label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.color-detail__value{font-size:.85rem;font-weight:500;color:var(--text-primary)}.color-detail__value--price{font-weight:700;color:#2cc98f}[data-theme=light] .color-detail__value--price{color:#209268}.color-detail__value--active{color:#2cc98f;font-weight:600}.color-detail__value--deactive{color:#ef4343;font-weight:600}.color-detail__value--mono{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;word-break:break-all;line-height:1.5;color:var(--text-secondary);background:var(--bg-glass);padding:.3rem .5rem;border-radius:4px;margin-top:4px}.color-detail__full-row{display:flex;flex-direction:column;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-subtle)}.color-row__right .chevron-icon{width:16px;height:16px;margin-top:0;flex-shrink:0}@media(max-width:600px){.app{padding:var(--space-4) var(--space-3) var(--space-8)}.header{margin-bottom:var(--space-6)}.header__logo{font-size:.65rem;letter-spacing:2px}.header__title{font-size:1.6rem}.header__subtitle{font-size:.82rem}.theme-toggle{top:var(--space-2);right:var(--space-2);width:38px;height:38px;font-size:1.05rem}.search{margin-bottom:var(--space-4)}.search__input{padding:.95rem 3rem .95rem 2.75rem;font-size:.95rem;border-radius:var(--radius-md)}.search__icon{left:1rem;width:18px;height:18px}.search__clear{right:.75rem;width:26px;height:26px}.filter-panel{gap:var(--space-4);margin-bottom:var(--space-6)}.filter-group{flex-direction:column;gap:var(--space-2)}.filter-group__label{font-size:.72rem;font-weight:700;min-width:auto;padding-top:0;color:var(--text-secondary);margin-bottom:.2rem}.filter-group__chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;padding-right:var(--space-4);margin-right:calc(var(--space-4) * -1)}.filter-group__chips::-webkit-scrollbar{display:none}.filter-row-inline{flex-direction:column;gap:var(--space-4)}.filter-group--compact{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.filter-group--compact .filter-group__chips{padding-right:0;margin-right:0}.chip{padding:.45rem .8rem;font-size:.75rem;flex-shrink:0}.model-card__header{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.model-card__right{text-align:left;display:flex;align-items:center;gap:var(--space-2);width:100%;background:#00000026;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}[data-theme=light] .model-card__right{background:#00000008}.model-card__price{font-size:1.15rem}.model-card__price-label{font-size:.65rem}.model-card__right .chevron-icon{margin-left:auto;background:var(--bg-glass);padding:4px;border-radius:4px}.model-card__tags{margin-bottom:var(--space-2)}.tag{font-size:.62rem;padding:.2rem .45rem}.model-card__model{font-size:1.15rem}.model-card__meta{font-size:.78rem}.model-card__preview{padding:0 var(--space-4) var(--space-4);gap:var(--space-2)}.preview-chip{font-size:.68rem;padding:.2rem .5rem}.color-row{padding:.8rem 1rem;margin:var(--space-2) var(--space-3);border-bottom:none;border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-subtle)}.color-row:nth-child(2n){background:#2cc98f08;border-color:#2cc98f1a}[data-theme=light] .color-row:nth-child(2n){background:#2cc98f05}.color-row__main{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.color-row__right{width:100%;justify-content:flex-start;gap:var(--space-2)}.color-row__code{font-size:.7rem}.color-row__frame,.color-row__lens{font-size:.8rem}.color-row__price{font-size:.9rem}.color-row__status-badge{font-size:.6rem}.color-row__details{margin-top:var(--space-2)}.size-chip{font-size:.62rem;padding:.1rem .35rem}.color-row__gender{font-size:.68rem}.color-detail{padding:var(--space-3);margin-top:var(--space-2);border-radius:var(--radius-sm);border-color:transparent}.color-detail__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2) var(--space-3)}.color-detail__label{font-size:.62rem}.color-detail__value{font-size:.8rem}.color-detail__value--mono{font-size:.65rem}.color-detail__full-row{margin-top:var(--space-2);padding-top:var(--space-2)}.color-row__right .chevron-icon{margin-left:auto;width:14px;height:14px}.results-info__count{font-size:.8rem}.product-list{gap:var(--space-3)}.empty-state{padding:4rem .5rem}.footer{margin-top:var(--space-6);padding:var(--space-4) 0}.welcome__stats{grid-template-columns:repeat(2,1fr)}.welcome__features{grid-template-columns:1fr}.welcome__suggestion-chip{font-size:.75rem;padding:.35rem .8rem}}@supports (padding-bottom: env(safe-area-inset-bottom)){.app{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}}