:root{--page-max-width: 1200px;--page-padding-x: clamp(12px, 2.5vw, 24px);--bg: #f6f9fc;--app-bg-gradient: linear-gradient(180deg, #e8f3ff 0%, #f3f9ff 48%, #ffffff 100%);--surface: #ffffff;--surface-2: #f4f8fd;--border: #ccd6e2;--text: #1d2939;--text-muted: #5a6c84;--brand: #0b2946;--primary: #0d4f87;--primary-hover: #0b3e6c;--link: #213547;--link-active-bg: #e8eef6;--input-bg: #fafcff;--input-border: #c2ccda;--card-bg: rgba(255, 255, 255, .86);--card-border: #d6e1ec;--btn-outline-bg: #eef3fa;--shadow: rgba(17, 43, 74, .14);--focus-ring: color-mix(in srgb, var(--primary) 45%, transparent)}:root[data-theme=dark]{--bg: #0e1822;--app-bg-gradient: linear-gradient(180deg, #0a1421 0%, #12253b 45%, #234564 100%);--surface: #141f2e;--surface-2: #192840;--border: #253547;--text: #d6e2ef;--text-muted: #8ea3b8;--brand: #7abaef;--primary: #4a90d9;--primary-hover: #367ac0;--link: #c8d5e5;--link-active-bg: #1e2f42;--input-bg: #1a2a3a;--input-border: #2e4258;--card-bg: rgba(23, 39, 58, .88);--card-border: #253547;--btn-outline-bg: #1e2f42;--shadow: rgba(6, 12, 20, .45);--focus-ring: color-mix(in srgb, #7db9ff 52%, transparent)}*{box-sizing:border-box}html,body,#app{width:100%;max-width:100%;overflow-x:clip}img,video,iframe,svg,canvas{max-width:100%}body{margin:0;background-color:var(--bg);background-image:var(--app-bg-gradient);background-size:100% 100%;background-attachment:fixed;color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background-image .35s ease,background-color .35s ease,color .25s ease}a,button,input,textarea{transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .12s ease}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.header[data-v-fd9bbb19]{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s,border-color .25s,box-shadow .25s;box-shadow:0 6px 18px color-mix(in srgb,var(--shadow) 40%,transparent)}.header__inner[data-v-fd9bbb19]{width:min(var(--page-max-width),calc(100% - (var(--page-padding-x) * 2)));margin:0 auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:clamp(.35rem,1vw,.55rem)}.header__inner[data-v-fd9bbb19]>*{min-width:0}.header__actions[data-v-fd9bbb19]{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px);flex-shrink:0}.avatar-menu[data-v-fd9bbb19]{position:relative;flex-shrink:0}.brand[data-v-fd9bbb19]{display:inline-flex;align-items:center;justify-content:center;min-width:120px;min-height:56px;text-decoration:none;transition:opacity .25s}.brand__logo[data-v-fd9bbb19]{width:112px;height:48px;object-fit:contain;display:block}.brand[data-v-fd9bbb19]:hover{opacity:.85}.menu[data-v-fd9bbb19]{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.menu__link[data-v-fd9bbb19]{text-decoration:none;color:var(--link);font-weight:600;font-size:clamp(.86rem,1vw,.96rem);padding:.45rem clamp(.5rem,1.2vw,.7rem);border-radius:.45rem;border-bottom:2px solid transparent;transition:background .25s,color .25s,border-color .25s,opacity .25s}.menu__link[data-v-fd9bbb19]:hover{background:var(--link-active-bg);opacity:.85}.menu__link.active[data-v-fd9bbb19]{background:var(--link-active-bg);opacity:1;box-shadow:inset 0 -2px color-mix(in srgb,var(--primary) 55%,transparent)}.menu__link.active.nav-link--home[data-v-fd9bbb19]{color:#3b82f6;border-bottom-color:#3b82f6}.menu__link.active.nav-link--catalog[data-v-fd9bbb19]{color:#22c55e;border-bottom-color:#22c55e}.menu__link.active.nav-link--vlog[data-v-fd9bbb19]{color:#a855f7;border-bottom-color:#a855f7}.menu__link.active.nav-link--contacts[data-v-fd9bbb19]{color:#f97316;border-bottom-color:#f97316}.menu__link.active.nav-link--about[data-v-fd9bbb19]{color:#ef4444;border-bottom-color:#ef4444}.theme-toggle[data-v-fd9bbb19]{flex-shrink:0;display:grid;place-items:center;position:relative;overflow:hidden;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text);line-height:1;transition:background .2s,border-color .2s,transform .15s}.theme-icon[data-v-fd9bbb19]{position:absolute;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:center;transition:opacity .3s ease,transform .3s ease}.icon-sun[data-v-fd9bbb19]{opacity:1;transform:rotate(0) scale(1)}.icon-moon[data-v-fd9bbb19]{opacity:0;transform:rotate(-45deg) scale(.7)}.theme-toggle.is-dark .icon-sun[data-v-fd9bbb19]{opacity:0;transform:rotate(45deg) scale(.7)}.theme-toggle.is-dark .icon-moon[data-v-fd9bbb19]{opacity:1;transform:rotate(0) scale(1)}.theme-toggle[data-v-fd9bbb19]:hover{background:var(--link-active-bg);transform:scale(1.08)}.theme-toggle[data-v-fd9bbb19]:active{transform:scale(.95)}.user-avatar-btn[data-v-fd9bbb19]{flex-shrink:0;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);display:grid;place-items:center;padding:0;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.user-avatar-btn[data-v-fd9bbb19]:hover{transform:translateY(-1px);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);border-color:var(--primary)}.user-avatar-btn[data-v-fd9bbb19]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 28%,transparent);border-color:var(--primary)}.user-avatar-btn.is-open[data-v-fd9bbb19]{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.user-avatar-img[data-v-fd9bbb19]{width:100%;height:100%;object-fit:cover;display:block}.user-avatar-fallback[data-v-fd9bbb19]{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.avatar-menu__dropdown[data-v-fd9bbb19]{position:absolute;top:calc(100% + 10px);right:0;width:180px;padding:.4rem;border-radius:.7rem;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 32px color-mix(in srgb,var(--shadow) 55%,transparent);display:grid;gap:.25rem;z-index:55}.avatar-menu__item[data-v-fd9bbb19]{width:100%;border:1px solid transparent;background:transparent;color:var(--text);font-size:.92rem;font-weight:600;border-radius:.5rem;padding:.5rem .6rem;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.avatar-menu__item[data-v-fd9bbb19]:hover,.avatar-menu__item[data-v-fd9bbb19]:focus-visible{background:var(--link-active-bg);border-color:color-mix(in srgb,var(--primary) 25%,var(--border));outline:none}a.avatar-menu__item[data-v-fd9bbb19]{text-decoration:none;display:block;box-sizing:border-box}.avatar-menu__item--admin[data-v-fd9bbb19]{font-size:.88rem;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.avatar-menu__item--admin[data-v-fd9bbb19]:hover,.avatar-menu__item--admin[data-v-fd9bbb19]:focus-visible{background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.avatar-menu__item--danger[data-v-fd9bbb19]{color:#b73a3a}.avatar-menu__item+.avatar-menu__item--danger[data-v-fd9bbb19]{border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent);margin-top:.1rem;padding-top:.65rem}.avatar-menu__item--danger[data-v-fd9bbb19]:hover,.avatar-menu__item--danger[data-v-fd9bbb19]:focus-visible{background:color-mix(in srgb,#f6d8d8 38%,transparent);border-color:color-mix(in srgb,#cc6a6a 45%,var(--border))}.avatar-menu__item[data-v-fd9bbb19]:active,.menu__link[data-v-fd9bbb19]:active,.theme-toggle[data-v-fd9bbb19]:active,.user-avatar-btn[data-v-fd9bbb19]:active{transform:translateY(1px)}.dropdown-fade-scale-enter-active[data-v-fd9bbb19],.dropdown-fade-scale-leave-active[data-v-fd9bbb19]{transition:opacity .16s ease,transform .16s ease}.dropdown-fade-scale-enter-from[data-v-fd9bbb19],.dropdown-fade-scale-leave-to[data-v-fd9bbb19]{opacity:0;transform:translateY(-6px) scale(.98)}.confirm-modal-overlay[data-v-fd9bbb19]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;background:color-mix(in srgb,#091524 45%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.confirm-modal[data-v-fd9bbb19]{width:min(360px,100%);border-radius:1rem;border:1px solid var(--border);background:var(--surface);box-shadow:0 20px 48px color-mix(in srgb,var(--shadow) 72%,transparent);padding:1.4rem}.confirm-modal__text[data-v-fd9bbb19]{margin:0;color:var(--text);font-weight:600;line-height:1.45}.confirm-modal__actions[data-v-fd9bbb19]{margin-top:.9rem;display:flex;justify-content:flex-end;gap:.55rem}.confirm-modal__btn[data-v-fd9bbb19]{min-width:86px;border-radius:.5rem;border:1px solid transparent;font-size:.92rem;font-weight:700;padding:.48rem .8rem;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.confirm-modal__btn--cancel[data-v-fd9bbb19]{background:var(--surface-2, #f4f7fb);border-color:var(--border);color:var(--text)}.confirm-modal__btn--cancel[data-v-fd9bbb19]:hover,.confirm-modal__btn--cancel[data-v-fd9bbb19]:focus-visible{background:var(--link-active-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);outline:none}.confirm-modal__btn--danger[data-v-fd9bbb19]{background:#cf3434;border-color:#b42c2c;color:#fff}.confirm-modal__btn--danger[data-v-fd9bbb19]:hover,.confirm-modal__btn--danger[data-v-fd9bbb19]:focus-visible{background:#b82929;box-shadow:0 0 0 3px color-mix(in srgb,#cf3434 25%,transparent);outline:none}.confirm-modal__btn[data-v-fd9bbb19]:active{transform:translateY(1px)}.modal-fade-enter-active[data-v-fd9bbb19],.modal-fade-leave-active[data-v-fd9bbb19]{transition:opacity .18s ease}.modal-fade-enter-from[data-v-fd9bbb19],.modal-fade-leave-to[data-v-fd9bbb19]{opacity:0}@keyframes modal-card-pop-fd9bbb19{0%{transform:scale(.96) translateY(8px)}to{transform:scale(1) translateY(0)}}.modal-fade-enter-active .confirm-modal[data-v-fd9bbb19]{animation:modal-card-pop-fd9bbb19 .2s ease both}.modal-fade-leave-active .confirm-modal[data-v-fd9bbb19]{animation:modal-card-pop-fd9bbb19 .14s ease reverse both}@media (max-width: 768px){.header__inner[data-v-fd9bbb19]{padding:.45rem 0;flex-wrap:wrap}.brand[data-v-fd9bbb19]{min-width:104px;min-height:48px}.brand__logo[data-v-fd9bbb19]{width:92px;height:40px}.menu[data-v-fd9bbb19]{order:4;width:100%;justify-content:center;gap:.35rem}.avatar-menu__dropdown[data-v-fd9bbb19]{right:0;width:min(200px,calc(100vw - 24px))}}@media (max-width: 500px){.header__inner[data-v-fd9bbb19]{gap:.45rem}.menu__link[data-v-fd9bbb19]{padding:.4rem .52rem}}.footer[data-v-e4aca071]{border-top:1px solid var(--border);background:var(--surface);transition:background .25s,border-color .25s}.footer__inner[data-v-e4aca071]{width:min(var(--page-max-width),calc(100% - (var(--page-padding-x) * 2)));margin:0 auto;min-height:56px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:clamp(.82rem,1.5vw,.92rem);transition:color .25s}.breadcrumbs[data-v-cc20a0f2]{margin-bottom:1rem}.breadcrumbs__list[data-v-cc20a0f2]{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;color:#526175;font-size:.92rem}.breadcrumbs__item[data-v-cc20a0f2]:not(:last-child):after{content:"/";margin-left:.4rem}.breadcrumbs__link[data-v-cc20a0f2]{color:#3b556f;text-decoration:none}.breadcrumbs__link[data-v-cc20a0f2]:hover{text-decoration:underline}.breadcrumbs__current[data-v-cc20a0f2]{color:#1d2939;font-weight:600}.layout[data-v-d0cfd87e]{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background .25s,color .25s}.layout__content[data-v-d0cfd87e]{flex:1;width:min(var(--page-max-width),calc(100% - (var(--page-padding-x) * 2)));margin:0 auto;padding:clamp(.9rem,2vw,1.5rem) 0 clamp(1.2rem,2.5vw,2rem)}.layout__content[data-v-d0cfd87e]>*{min-width:0;overflow-wrap:anywhere}.theme-toggle{display:grid;place-items:center;overflow:hidden;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text);line-height:1;transition:background .2s,border-color .2s,transform .15s}.theme-toggle:hover{background:var(--link-active-bg);transform:scale(1.08)}.theme-toggle:active{transform:scale(.95)}.theme-icon{position:absolute;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:center;transition:opacity .3s ease,transform .3s ease}.icon-sun{opacity:1;transform:rotate(0) scale(1)}.icon-moon{opacity:0;transform:rotate(-45deg) scale(.7)}.theme-toggle.is-dark .icon-sun{opacity:0;transform:rotate(45deg) scale(.7)}.theme-toggle.is-dark .icon-moon{opacity:1;transform:rotate(0) scale(1)}
