.header[data-v-41eb5665]{background:#ffffffd1;backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.header-inner[data-v-41eb5665]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:60px}.brand[data-v-41eb5665]{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);font-weight:700;min-width:0}.brand-name[data-v-41eb5665]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-logo[data-v-41eb5665]{width:34px;height:34px;border-radius:10px;object-fit:cover;transition:transform .25s var(--ease-spring)}.brand:hover .brand-logo[data-v-41eb5665]{transform:rotate(-6deg) scale(1.08)}.brand-logo-app[data-v-41eb5665]{border-radius:0;object-fit:contain}.nav[data-v-41eb5665]{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-link[data-v-41eb5665]{position:relative;text-decoration:none;color:var(--color-text-muted);font-size:.9rem;font-weight:700;padding:.25rem 0;transition:color .18s ease}.nav-link[data-v-41eb5665]:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;border-radius:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}.nav-link[data-v-41eb5665]:hover,.nav-link.router-link-active[data-v-41eb5665]{color:var(--color-primary-dark)}.nav-link[data-v-41eb5665]:hover:after,.nav-link.router-link-active[data-v-41eb5665]:after{transform:scaleX(1)}.page-enter-active{transition:opacity .28s ease,transform .28s var(--ease-out)}.page-leave-active{transition:opacity .16s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0}:root{--color-primary: #3f9868;--color-primary-dark: #2e7a51;--color-primary-soft: #def0e6;--color-accent: #52ab7c;--color-bg: #f5f8f6;--color-surface: #ffffff;--color-text: #101828;--color-text-muted: #5d6b7a;--color-border: #e4eae6;--color-danger: #dc2626;--color-danger-soft: #fee2e2;--gradient-primary: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--shadow-xs: 0 1px 2px rgb(16 24 40 / .05);--shadow: 0 1px 3px rgb(16 24 40 / .07), 0 6px 18px rgb(16 24 40 / .05);--shadow-md: 0 4px 10px rgb(16 24 40 / .08), 0 12px 32px rgb(16 24 40 / .09);--shadow-lg: 0 18px 50px rgb(16 24 40 / .2);--shadow-primary: 0 4px 14px rgb(63 152 104 / .32);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}h1,h2,h3{margin:0 0 .5rem;line-height:1.2;font-weight:800;letter-spacing:-.02em}a{color:var(--color-primary-dark)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}::selection{background:var(--color-primary-soft)}.container{width:100%;max-width:960px;margin:0 auto;padding:0 1rem}.page{padding:1.5rem 0 4rem}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.15rem;border:1px solid transparent;border-radius:var(--radius);font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;min-height:44px;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),background-color .18s ease,border-color .18s ease,color .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3f98686b}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){border-color:#c9d4ce;box-shadow:var(--shadow)}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-sm{padding:.4rem .8rem;font-size:.85rem;min-height:36px;border-radius:var(--radius-sm)}.btn-block{width:100%}.field{margin-bottom:1.1rem}.field label{display:block;font-size:.875rem;font-weight:700;margin-bottom:.35rem}.field .hint{font-size:.8rem;color:var(--color-text-muted);margin-top:.3rem}.input{width:100%;padding:.68rem .85rem;border:1.5px solid var(--color-border);border-radius:var(--radius);font-family:inherit;font-size:1rem;background:var(--color-surface);color:var(--color-text);transition:border-color .18s ease,box-shadow .18s ease}.input:hover:not(:focus){border-color:#cfd9d3}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3f986821}.input.invalid{border-color:var(--color-danger)}.input.invalid:focus{box-shadow:0 0 0 4px #dc26261f}textarea.input{resize:vertical;min-height:96px}.field-error{color:var(--color-danger);font-size:.8rem;margin:.3rem 0 0;animation:shake .35s var(--ease-out)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}60%{transform:translate(3px)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.alert{padding:.8rem 1rem;border-radius:var(--radius);font-size:.9rem;margin-bottom:1rem;animation:fade-up .3s var(--ease-out) both}.alert-error{background:var(--color-danger-soft);color:var(--color-danger)}.alert-success{background:var(--color-primary-soft);color:var(--color-primary-dark)}.product-grid{display:grid;grid-template-columns:1fr;gap:1.1rem}@media(min-width:540px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:860px){.product-grid{grid-template-columns:repeat(3,1fr)}}.fade-up{animation:fade-up .55s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 65ms)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.state-box{text-align:center;padding:3rem 1rem;color:var(--color-text-muted);animation:fade-up .4s var(--ease-out) both}.spinner{width:36px;height:36px;margin:0 auto .75rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(100deg,#eaefec 35%,#f6faf7,#eaefec 65%);background-size:220% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1018288c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:420px;max-height:92vh;overflow-y:auto;padding:1.4rem;box-shadow:var(--shadow-lg)}@media(min-width:540px){.modal-backdrop{align-items:center;padding:1rem}.modal{border-radius:var(--radius-lg)}}.modal-enter-active{transition:opacity .25s ease}.modal-enter-active .modal{transition:transform .38s var(--ease-spring)}.modal-enter-from{opacity:0}.modal-enter-from .modal{transform:translateY(48px)}.modal-leave-active{transition:opacity .18s ease}.modal-leave-active .modal{transition:transform .18s ease}.modal-leave-to{opacity:0}.modal-leave-to .modal{transform:translateY(24px)}@media(min-width:540px){.modal-enter-from .modal{transform:translateY(14px) scale(.96)}.modal-leave-to .modal{transform:scale(.97)}}.product-highlighted{outline:3px solid var(--color-primary);outline-offset:3px;animation:highlight-pulse 1.5s var(--ease-out) 3}@keyframes highlight-pulse{0%,to{box-shadow:0 0 #3f986866}50%{box-shadow:0 0 0 16px #3f986800}}.badge-highlight{display:inline-block;background:var(--gradient-primary);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .65rem;border-radius:999px;box-shadow:var(--shadow-primary);animation:pop-in .45s var(--ease-spring) .5s both}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}