:root{--sidebar-width:320px}@layer components{main[class*=admin] .admin-nav{backdrop-filter:blur(var(--sidebar-glass-blur));background:var(--admin-sidebar-gradient,var(--admin-sidebar-bg));border-inline-end:1px solid color-mix(in oklch,var(--border),transparent 50%);box-shadow:inset -1px 0 0 0 color-mix(in oklch,var(--brand1),transparent 85%),inset 0 1px 0 0 color-mix(in oklch,var(--surface1),transparent 85%),4px 0 20px -5px color-mix(in oklch,var(--brand1),transparent 92%);container-name:sidebar-nav;container-type:inline-size;display:flex;flex-direction:column;height:100%;min-width:var(--sidebar-width);overflow:hidden;position:relative;width:var(--sidebar-width)}main[class*=admin] .admin-nav__header{align-items:center;background:linear-gradient(180deg,color-mix(in oklch,var(--brand1),transparent 97%) 0,transparent 100%);display:flex;flex-shrink:0;gap:.75rem;height:var(--sidebar-header-height);padding:0 1.25rem;position:relative}main[class*=admin] .admin-nav__header:after{background:linear-gradient(90deg,transparent 0,color-mix(in oklch,var(--brand1),transparent 70%) 50%,transparent 100%);bottom:0;content:"";height:1px;left:1.25rem;position:absolute;right:1.25rem}main[class*=admin] .admin-nav__title{align-items:center;color:var(--admin-sidebar-text);display:flex;flex:1;font-size:1.125rem;font-weight:600;gap:.5rem;letter-spacing:-.01em;margin:0}main[class*=admin] .admin-nav__search{flex-shrink:0;padding:.75rem 1rem}main[class*=admin] .admin-nav__search-input{background:color-mix(in oklch,var(--surface1),transparent 40%);border:1px solid color-mix(in oklch,var(--border),transparent 50%);border-radius:8px;color:var(--text1);font-size:.875rem;padding:.625rem 1rem;transition:background var(--sidebar-transition-fast) var(--sidebar-ease-out-expo),border-color var(--sidebar-transition-fast) var(--sidebar-ease-out-expo),box-shadow var(--sidebar-transition-fast) var(--sidebar-ease-out-expo);width:100%}main[class*=admin] .admin-nav__search-input::placeholder{color:var(--text3)}main[class*=admin] .admin-nav__search-input:hover{background:color-mix(in oklch,var(--surface1),transparent 20%);border-color:color-mix(in oklch,var(--brand1),transparent 60%)}main[class*=admin] .admin-nav__search-input:focus{background:var(--surface1);border-color:var(--brand1);box-shadow:var(--sidebar-accent-glow);outline:none}main[class*=admin] .admin-nav__items{display:flex;flex:1;flex-direction:column;gap:.25rem;overflow:hidden auto;padding:.5rem .75rem}main[class*=admin] .admin-nav__items::-webkit-scrollbar{width:6px}main[class*=admin] .admin-nav__items::-webkit-scrollbar-track{background:transparent}main[class*=admin] .admin-nav__items::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--admin-sidebar-text),transparent 75%);border-radius:3px;transition:background var(--sidebar-transition-fast)}main[class*=admin] .admin-nav__items::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--admin-sidebar-text),transparent 50%)}main[class*=admin] .admin-nav__item-group,main[class*=admin] .admin-nav__item-group--active{border-radius:8px;display:flex;flex-direction:column}main[class*=admin] .admin-nav__link{align-items:center;border-radius:8px;color:var(--admin-sidebar-text);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.875rem;padding:.75rem 1rem;position:relative;text-decoration:none;transition:color var(--sidebar-transition-fast) var(--sidebar-ease-out-expo),background var(--sidebar-transition-fast) var(--sidebar-ease-out-expo),transform var(--sidebar-transition-fast) var(--sidebar-spring)}main[class*=admin] .admin-nav__link:before{background:var(--brand1);border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height var(--sidebar-transition-normal) var(--sidebar-spring),transform var(--sidebar-transition-normal) var(--sidebar-spring);width:3px}main[class*=admin] .admin-nav__link:hover{background:color-mix(in oklch,var(--brand1),transparent 92%);color:var(--brand1)}main[class*=admin] .admin-nav__link:active{transform:scale(.98)}main[class*=admin] .admin-nav__link:focus-visible{outline:2px solid var(--brand1);outline-offset:2px}main[class*=admin] .admin-nav__link--active>strong,main[class*=admin] .admin-nav__link:has(>strong)>strong{align-items:center;color:var(--brand1);display:flex;flex:1;gap:inherit}main[class*=admin] .admin-nav__link--active:before,main[class*=admin] .admin-nav__link:has(>strong):before{height:60%}main[class*=admin] .admin-nav__link--active,main[class*=admin] .admin-nav__link:has(>strong){background:color-mix(in oklch,var(--brand1),transparent 88%)}main[class*=admin] .admin-nav__icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:color var(--sidebar-transition-fast) var(--sidebar-ease-out-expo);width:22px}main[class*=admin] .admin-nav__icon svg{fill:currentcolor;height:100%;width:100%}main[class*=admin] .admin-nav__label{color:inherit;flex:1;overflow:hidden;text-overflow:ellipsis;transition:color var(--sidebar-transition-fast) var(--sidebar-ease-out-expo);white-space:nowrap}main[class*=admin] .admin-nav__chevron{align-items:center;color:var(--text3);display:flex;height:20px;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:transform var(--sidebar-transition-normal) var(--sidebar-spring),color var(--sidebar-transition-fast) var(--sidebar-ease-out-expo);width:20px}main[class*=admin] .admin-nav__chevron svg{height:12px;width:12px}main[class*=admin] .admin-nav__item-group--active>.admin-nav__link--parent .admin-nav__chevron,main[class*=admin] .admin-nav__submenu:has(strong)+.admin-nav__chevron,main[class*=admin] .admin-nav__submenu:has(strong)~.admin-nav__link--parent .admin-nav__chevron{color:var(--brand1);transform:translateY(-50%) rotate(180deg)}main[class*=admin] .admin-nav__submenu{border-inline-start:1px solid color-mix(in oklch,var(--brand1),transparent 80%);display:none;flex-direction:column;gap:.125rem;margin-inline-start:1rem;padding:.25rem 0 .5rem}main[class*=admin] .admin-nav__submenu:has(strong){display:flex}main[class*=admin] .admin-nav__submenu-item{display:flex;flex-direction:column}main[class*=admin] .admin-nav__submenu-item .admin-nav__link,main[class*=admin] .admin-nav__submenu-item .myaccount-nav__link{border-radius:6px;font-size:.875rem;font-weight:400;padding:.5rem .75rem .5rem 1rem}main[class*=admin] .admin-nav__submenu-item .admin-nav__link:has(>strong),main[class*=admin] .admin-nav__submenu-item .myaccount-nav__link:has(>strong){background:color-mix(in oklch,var(--brand1),transparent 85%)}main[class*=admin] .admin-nav__submenu-item .admin-nav__link:has(>strong) strong,main[class*=admin] .admin-nav__submenu-item .myaccount-nav__link:has(>strong) strong{color:var(--brand1)}main[class*=admin] .admin-nav__submenu-item .admin-nav__icon,main[class*=admin] .admin-nav__submenu-item .myaccount-nav__icon{height:18px;width:18px}main[class*=admin] .admin-nav__badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.6875rem;font-weight:600;height:20px;justify-content:center;letter-spacing:.02em;min-width:20px;padding:0 .5rem;text-transform:uppercase;transition:transform var(--sidebar-transition-fast) var(--sidebar-spring)}main[class*=admin] .admin-nav__separator{background:linear-gradient(90deg,transparent 0,color-mix(in oklch,var(--border),transparent 30%) 50%,transparent 100%);height:1px;margin:.5rem 1rem}main[class*=admin] .admin-nav__footer{border-top:1px solid color-mix(in oklch,var(--border),transparent 50%);color:var(--text3);flex-shrink:0;font-size:.75rem;padding:1rem;text-align:center}}@keyframes sidebar-submenu-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebar-link-pulse{0%,to{box-shadow:var(--sidebar-accent-glow)}50%{box-shadow:var(--sidebar-accent-glow-intense)}}@container sidebar-nav (max-width: 200px){main[class*=admin] .admin-nav__label{display:none}main[class*=admin] .admin-nav__link{justify-content:center;padding:.75rem}main[class*=admin] .admin-nav__chevron{display:none}main[class*=admin] .admin-nav__submenu{background:var(--admin-sidebar-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:none;left:100%;margin:0;position:absolute;top:0}main[class*=admin] .admin-nav__submenu:has(strong){display:flex}}[data-theme=dark]{--sidebar-glass-opacity:0.9}[data-theme=dark] main[class*=admin] .admin-nav,main[class*=admin] [data-theme=dark] .admin-nav{box-shadow:inset -1px 0 0 0 color-mix(in oklch,var(--text1),transparent 95%),inset 0 1px 0 0 color-mix(in oklch,var(--surface1),transparent 95%)}@media(prefers-reduced-motion:reduce){:root{--sidebar-transition-fast:0ms;--sidebar-transition-normal:0ms;--sidebar-transition-slow:0ms}@keyframes sidebar-submenu-expand{0%,to{opacity:1;transform:none}}}:root{--sidebar-width:380px;--sidebar-width-collapsed:72px;--sidebar-header-height:64px;--sidebar-ease-out-expo:cubic-bezier(0.16,1,0.3,1);--sidebar-ease-in-out-expo:cubic-bezier(0.87,0,0.13,1);--sidebar-spring:cubic-bezier(0.34,1.56,0.64,1);--sidebar-transition-fast:150ms;--sidebar-transition-normal:250ms;--sidebar-transition-slow:400ms;--sidebar-glass-blur:20px;--sidebar-glass-opacity:0.85;--sidebar-accent-glow:0 0 20px color-mix(in oklch,var(--brand1),transparent 70%);--sidebar-accent-glow-intense:0 0 30px color-mix(in oklch,var(--brand1),transparent 50%)}body:not([class*=admin]) .admin-nav{display:none!important}@layer components{main[class*=admin] .admin-nav{user-select:none}main[class*=admin] .admin-nav__item-group--active{background:color-mix(in oklch,var(--brand1),transparent 95%)}main[class*=admin] .admin-nav__link--parent{padding-inline-end:2.5rem}main[class*=admin] .admin-nav__icon{color:var(--brand1)}main[class*=admin] .admin-nav__submenu--expanded{display:flex}main[class*=admin] .admin-nav__submenu:has(strong){display:flex}main[class*=admin] .admin-nav__badge--new{background:var(--brand1);color:var(--surface1)}main[class*=admin] .admin-nav__badge--notification{background:var(--error);color:var(--surface1)}main[class*=admin] .admin-nav__badge--count{background:color-mix(in oklch,var(--brand1),transparent 80%);color:var(--text1)}main[class*=admin] .admin-nav__link strong{align-items:center;color:var(--brand1);display:flex;flex:1;font-weight:inherit;gap:inherit}main[class*=admin] .admin-nav__link strong .admin-nav__icon,main[class*=admin] .admin-nav__link strong .admin-nav__label,main[class*=admin] .admin-nav__link:hover .admin-nav__icon,main[class*=admin] .admin-nav__link:hover .admin-nav__label{color:var(--brand1)}main[class*=admin] .admin-nav__submenu-item .admin-nav__link:has(>strong){background:color-mix(in oklch,var(--brand1),transparent 85%)}main[class*=admin] .admin-nav__submenu-item .admin-nav__link:has(>strong):before{height:50%}}a[href].admin-nav__link--parent+.admin-nav__submenu:not(:has(strong[data-href])){display:none!important}strong[data-href].admin-nav__link--parent+.admin-nav__submenu{display:flex!important}.admin-nav__submenu:has(strong[data-href]){display:flex!important}.admin-nav__item-group:not(:has(strong[data-href])){background:transparent!important}a[href].admin-nav__link--parent .admin-nav__chevron{color:var(--text3)!important;transform:translateY(-50%) rotate(0deg)!important}.admin-nav__item-group:has(strong[data-href])>.admin-nav__link--parent .admin-nav__chevron{animation:chevron-rotate-down .4s var(--sidebar-spring) both;color:var(--admin-sidebar-text-hover)!important;transform:translateY(-50%) rotate(180deg)!important}@keyframes chevron-rotate-down{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(180deg)}}.admin-nav__item-group:has(strong[data-href]){background:transparent!important}.admin-nav__item-group:has(strong[data-href])>.admin-nav__link--parent{background:color-mix(in oklch,var(--brand1),transparent 80%)!important;border-left:3px solid var(--brand1)}strong[data-href].admin-nav__link--parent{cursor:default!important;pointer-events:none}strong[data-href].admin-nav__link--parent:active,strong[data-href].admin-nav__link--parent:hover{background:transparent!important;transform:none!important}.admin-nav__submenu-item strong.admin-nav__link{background:color-mix(in oklch,var(--brand1),transparent 30%)!important;cursor:default!important;pointer-events:none}.admin-nav__submenu-item strong.admin-nav__link .admin-nav__icon,.admin-nav__submenu-item strong.admin-nav__link .admin-nav__label{color:var(--admin-sidebar-text-hover)!important}.admin-nav__submenu-item strong.admin-nav__link:before{height:50%!important}.admin-nav__link:hover:not(strong){box-shadow:0 4px 12px color-mix(in oklch,var(--brand1),transparent 85%);transform:translateY(-1px)}.admin-nav__link:hover .admin-nav__icon{filter:drop-shadow(0 0 6px color-mix(in oklch,var(--brand1),transparent 50%))}.admin-nav__item-group:has(strong[data-href])>.admin-nav__link--parent{box-shadow:0 0 20px color-mix(in oklch,var(--brand1),transparent 80%),inset 0 0 0 1px color-mix(in oklch,var(--brand1),transparent 70%)}.admin-nav__item-group:has(strong[data-href])>.admin-nav__link--parent .admin-nav__icon{filter:drop-shadow(0 0 8px color-mix(in oklch,var(--brand1),transparent 40%))}.admin-nav__link:has(strong):before,strong.admin-nav__link:before{animation:accent-bar-pulse 2s ease-in-out infinite}@keyframes accent-bar-pulse{0%,to{box-shadow:0 0 8px var(--brand1);opacity:1}50%{box-shadow:0 0 12px var(--brand1);opacity:.8}}.admin-nav__badge{transition:transform var(--sidebar-transition-fast) var(--sidebar-spring),box-shadow var(--sidebar-transition-fast) var(--sidebar-ease-out-expo)}.admin-nav__badge:hover{box-shadow:0 2px 8px color-mix(in oklch,currentColor,transparent 60%);transform:scale(1.05)}.admin-nav__title{color:var(--admin-sidebar-text);font-weight:600}.admin-nav__search{display:none!important}.admin-nav__search-input{background:color-mix(in oklch,var(--admin-sidebar-bg),var(--surface1) 10%);border:1px solid color-mix(in oklch,var(--brand1),transparent 85%)}.admin-nav__search-input::placeholder{color:color-mix(in oklch,var(--admin-sidebar-text),transparent 50%)}.admin-nav__search-input:focus{border-color:var(--brand1);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand1),transparent 85%),0 0 20px color-mix(in oklch,var(--brand1),transparent 75%)}.admin-nav__separator{background:color-mix(in oklch,var(--admin-sidebar-text),transparent 85%);height:1px;margin:.5rem 1rem}.admin-nav__submenu{border-left:none!important;margin-left:1.25rem!important;padding-left:.75rem!important;position:relative}.admin-nav__submenu:before{background:color-mix(in oklch,var(--brand1),transparent 40%);bottom:.5rem;content:"";left:0;position:absolute;top:.5rem;width:1px}.admin-nav__items{padding-left:.5rem!important}.admin-nav__items::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--brand1),transparent 70%)}.admin-nav__items::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--brand1),transparent 50%)}.admin-nav__footer{position:relative}.admin-nav__footer:before{background:linear-gradient(90deg,transparent 0,color-mix(in oklch,var(--brand1),transparent 70%) 50%,transparent 100%);content:"";height:1px;left:1rem;position:absolute;right:1rem;top:0}[data-theme-mode=light][data-color-scheme=neutral] .admin-nav__label{color:oklch(.92 0 0)!important}[data-theme-mode=light][data-color-scheme=neutral] .admin-nav__icon{color:var(--admin-sidebar-text)!important}[data-theme-mode=light][data-color-scheme=neutral] .admin-nav__link strong .admin-nav__icon,[data-theme-mode=light][data-color-scheme=neutral] .admin-nav__link strong .admin-nav__label,[data-theme-mode=light][data-color-scheme=neutral] .admin-nav__link:hover .admin-nav__icon,[data-theme-mode=light][data-color-scheme=neutral] .admin-nav__link:hover .admin-nav__label,[data-theme-mode=light][data-color-scheme=neutral] strong.admin-nav__link .admin-nav__icon,[data-theme-mode=light][data-color-scheme=neutral] strong.admin-nav__link .admin-nav__label{color:oklch(.98 0 0)!important}[data-theme-mode=light][data-color-scheme=neutral] .admin-nav__submenu-item strong.admin-nav__link{background:color-mix(in oklch,oklch(98% 0 0deg),transparent 80%)!important}[data-theme-mode=light][data-color-scheme=neutral] .admin-nav__item-group:has(strong[data-href])>.admin-nav__link--parent{background:color-mix(in oklch,oklch(98% 0 0deg),transparent 85%)!important;border-left-color:oklch(.7 0 0)}[data-theme-mode=light][data-color-scheme=neutral] .admin-nav__link:before{background:oklch(.8 0 0)!important}[data-theme-mode=light][data-color-scheme=neutral] .admin-nav__submenu:before{background:color-mix(in oklch,var(--admin-sidebar-text),transparent 50%)}[data-theme-mode=light][data-color-scheme=neutral] .admin-nav__item-group:has(strong[data-href])>.admin-nav__link--parent .admin-nav__chevron{color:oklch(.9 0 0)!important}@layer components{.admin-layout aside,.admin-sidebar{--admin-sidebar-bg:oklch(15% 0.01 240deg);--admin-sidebar-text:oklch(90% 0.015 240deg);--admin-sidebar-text-hover:oklch(100% 0 0);--admin-sidebar-hover-bg:oklch(20% 0.01 240deg);--admin-sidebar-active-bg:oklch(58% 0.22 25deg);--admin-sidebar-active-text:oklch(100% 0 0);--admin-search-bg:oklch(20% 0.01 240deg);--admin-search-border:oklch(20% 0.01 240deg);--divider:oklch(20% 0.01 240deg);background-color:var(--admin-sidebar-bg);color:var(--admin-sidebar-text)}.admin-nav__header{background-color:var(--admin-sidebar-bg);border-bottom-color:var(--divider)}.admin-nav__title{color:var(--text-on-brand)}.admin-nav__search{background-color:var(--admin-sidebar-bg);border-bottom-color:var(--divider)}.admin-nav__search-input{background-color:var(--admin-search-bg);border-color:var(--admin-search-border);color:var(--admin-sidebar-text)}.admin-nav__search-input::placeholder{color:oklch(.65 .01 240)}.admin-nav__search-input:hover{border-color:color-mix(in oklch,var(--admin-search-bg),var(--admin-sidebar-text) 10%)}.admin-nav__search-input:focus,.admin-nav__search-input:hover{background-color:color-mix(in oklch,var(--admin-search-bg),var(--admin-sidebar-text) 10%)}.admin-nav__search-input:focus{border-color:var(--admin-sidebar-active-bg);box-shadow:0 0 0 3px color-mix(in oklch,var(--admin-sidebar-active-bg),transparent 85%)}.admin-nav__items{background-color:var(--admin-sidebar-bg)}.admin-nav__items::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--admin-sidebar-text),transparent 80%)}.admin-nav__items::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--admin-sidebar-text),transparent 70%)}.admin-nav__item{color:var(--admin-sidebar-text)}.admin-nav__item:hover{background-color:var(--admin-sidebar-hover-bg);color:var(--text-on-brand)}.admin-nav__item--active{background-color:var(--error);color:var(--text-on-brand)}.admin-nav__item--active:hover{background-color:color-mix(in oklch,var(--error),oklch(0% 0 0deg) 10%)}.admin-nav__item--active:before{animation:slide-in-left .2s ease-out;background:var(--text-on-brand);opacity:.8;width:3px}.admin-nav__icon svg{fill:currentcolor}.admin-nav__badge{background:var(--error);color:var(--text-on-brand)}.admin-nav__footer{background-color:var(--admin-sidebar-bg);border-top-color:var(--divider);color:oklch(.65 .01 240)}.admin-hamburger,.admin-nav__item,.admin-nav__search-input{transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-layout aside{width:280px}.admin-hamburger,.admin-layout aside{background-color:var(--admin-sidebar-bg)}.admin-hamburger{border-color:var(--divider);color:var(--admin-sidebar-text)}.admin-hamburger:hover{background-color:var(--admin-sidebar-hover-bg);color:var(--text-on-brand)}.admin-overlay{background-color:color-mix(in oklch,var(--admin-sidebar-bg),transparent 10%)}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-3px)}to{opacity:.8;transform:translateX(0)}}}