:root{--sidebar-width:260px}.tcf-nav-layout{background:0 0;width:100%;min-height:100vh;display:flex;position:relative}.tcf-nav-sidebar{background:var(--color-sidebar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:85%;max-width:320px;height:100vh;color:var(--color-text-primary);padding:var(--spacing-xl);z-index:2000;border-right:1px solid var(--color-gray-200);flex-direction:column;transition:left .3s cubic-bezier(.2,.9,.4,1.1);display:flex;position:fixed;top:0;left:-100%;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.tcf-nav-sidebar.open{left:0}@media (min-width:768px) and (max-width:1279px){.tcf-nav-sidebar{top:0;left:calc(-1 * var(--sidebar-width));width:var(--sidebar-width);max-width:none;height:100vh;position:fixed}.tcf-nav-sidebar.open{left:0}.tcf-nav-toggle{display:block}}@media (min-width:1280px){.tcf-nav-sidebar{width:var(--sidebar-width);max-width:none;height:100vh;position:fixed;top:0;left:0}.tcf-nav-sidebar.open{left:0}.tcf-nav-toggle{display:none}}.tcf-theme-seller .tcf-nav-sidebar{--role-active-color:var(--color-secondary)}.tcf-theme-admin .tcf-nav-sidebar{--role-active-color:var(--color-primary)}.tcf-theme-subadmin .tcf-nav-sidebar{--role-active-color:var(--color-accent)}.tcf-nav-toggle{z-index:3001;background:var(--role-active-color,var(--color-primary));color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);border:none;padding:8px 14px;font-weight:700;transition:all .3s;position:fixed;top:10px;left:10px}.tcf-nav-toggle:hover{filter:brightness(.9);transform:scale(1.02)}.tcf-nav-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1500;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.tcf-nav-overlay.open{opacity:1;display:block}@media (min-width:1280px){.tcf-nav-overlay{display:none!important}}.tcf-nav-close-btn{color:var(--color-text-primary);cursor:pointer;z-index:10;border-radius:var(--radius-full);background:#ffffff1a;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:15px;right:15px}.tcf-nav-close-btn:hover{background:#fff3}.tcf-nav-user-box{text-align:center;border-bottom:1px solid var(--color-gray-200);flex-shrink:0;margin-bottom:24px;padding-bottom:16px}.tcf-nav-user-img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--role-active-color,var(--color-primary));width:80px;height:80px;margin-bottom:12px}.tcf-nav-user-name{margin-bottom:4px;font-size:18px;font-weight:700}.tcf-nav-user-role{opacity:.7;font-size:13px}.tcf-nav-menu-scroll{flex:1;padding-right:5px;overflow-y:auto}.tcf-nav-menu-scroll::-webkit-scrollbar{width:6px}.tcf-nav-menu-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.tcf-nav-menu-scroll::-webkit-scrollbar-thumb{background:var(--role-active-color,var(--color-primary));border-radius:4px}.tcf-nav-menu-scroll::-webkit-scrollbar-thumb:hover{background:#ffffffb3}.tcf-nav-nav{flex-direction:column;gap:8px;display:flex}.tcf-nav-item{border-radius:var(--radius-lg);color:var(--color-text-primary);background:#ffffff0d;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.tcf-nav-item:hover{background:#ffffff1a;transform:translate(4px)}.tcf-nav-item.active{background:var(--role-active-color,var(--color-primary));color:#fff;box-shadow:0 2px 8px #00c16a4d}.tcf-nav-content,.tcf-guest-content{padding-top:var(--header-total-height,88px);box-sizing:border-box;background:0 0}.tcf-nav-content{padding:var(--spacing-lg) var(--spacing-md);padding-top:var(--header-total-height,88px);width:100%;margin-left:0;transition:margin-left .3s}.tcf-guest-content{padding:0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);padding-top:var(--header-total-height,88px);width:100%;margin:0 auto}@media (min-width:768px) and (max-width:1279px){.tcf-nav-sidebar.open~.tcf-nav-content{margin-left:var(--sidebar-width)}}@media (min-width:1280px){.tcf-nav-content{margin-left:var(--sidebar-width);padding:var(--spacing-lg);padding-top:var(--header-total-height,88px)}.tcf-guest-content{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);padding-top:var(--header-total-height,88px)}}.search-bar-container{overflow-x:visible!important}@media (max-width:480px){:root{--header-height:60px}.tcf-nav-content,.tcf-guest-content{padding-left:12px;padding-right:12px}}@media (max-width:767px){.tcf-nav-sidebar{color:var(--color-text-primary);padding:var(--spacing-xl);z-index:2000;flex-direction:column;transition:left .3s cubic-bezier(.2,.9,.4,1.1);display:flex;overflow-y:auto;box-shadow:2px 0 10px #0000001a;background:var(--color-sidebar-bg)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;width:85%!important;max-width:320px!important;height:100dvh!important;position:fixed!important;top:0!important;left:-100%!important}.tcf-nav-sidebar.open{left:0!important}.tcf-nav-content{padding:12px!important;padding-top:var(--header-total-height,60px)!important}.tcf-nav-content>div{padding:0!important}}html.dark .tcf-nav-overlay{background:#000000b3}