:root{--header-height:70px;--sidebar-width:260px;--sidebar-bg:#1e293b;--sidebar-text:#f1f5f9;--sidebar-hover:#334155;--sidebar-active:#00c16a;--navbar-height:56px}.tcf-nav-layout{background:#f8fafc;width:100%;min-height:100vh;display:flex;position:relative}.tcf-nav-sidebar{background:var(--sidebar-bg);width:85%;max-width:320px;height:100vh;color:var(--sidebar-text);z-index:2000;flex-direction:column;padding:20px;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:var(--header-height);left:calc(-1 * var(--sidebar-width));width:var(--sidebar-width);height:calc(100vh - var(--header-height));max-width:none;position:fixed}.tcf-nav-sidebar.open{left:0}.tcf-nav-toggle{display:block;top:10px!important;left:10px!important}.header-logo{margin-left:60px!important}}@media (min-width:1280px){.tcf-nav-sidebar{top:var(--header-height);width:var(--sidebar-width);height:calc(100vh - var(--header-height));max-width:none;position:fixed;left:0;transform:translate(0)}.tcf-nav-sidebar.open{left:0}}.tcf-theme-seller .tcf-nav-sidebar{background:#0f3b3b}.tcf-theme-admin .tcf-nav-sidebar{background:#1e1b4b}.tcf-theme-subadmin .tcf-nav-sidebar{background:#2d2a4a}.tcf-nav-toggle{z-index:3001;background:var(--sidebar-active);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-weight:700;transition:all .3s;position:fixed;top:10px;left:10px;box-shadow:0 2px 5px #0000001a}.tcf-nav-toggle:hover{background:#00a858;transform:scale(1.02)}@media (min-width:1280px){.tcf-nav-toggle{display:none}}.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-sidebar.open~.tcf-nav-overlay{opacity:1;display:block}.tcf-nav-close-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;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 #ffffff1a;flex-shrink:0;margin-bottom:24px;padding-bottom:16px}.tcf-nav-user-img{object-fit:cover;border:2px solid var(--sidebar-active);border-radius:50%;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:5px}.tcf-nav-menu-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.tcf-nav-menu-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.tcf-nav-menu-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80}.tcf-nav-nav{flex-direction:column;gap:8px;display:flex}.tcf-nav-item{color:var(--sidebar-text);background:#ffffff0d;border-radius:10px;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(--sidebar-active);color:#fff;box-shadow:0 2px 8px #00c16a4d}.tcf-nav-content{box-sizing:border-box;width:100%;margin-left:0;padding:24px 16px;transition:margin-left .3s}@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-left:24px;padding-right:24px}}.tcf-guest-content{box-sizing:border-box;width:100%;margin:0 auto;padding:0 16px 24px}@media (min-width:1280px){.tcf-guest-content{padding-left:24px;padding-right:24px}}.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{background:var(--sidebar-bg);color:var(--sidebar-text);z-index:2000;flex-direction:column;padding:20px;transition:left .3s cubic-bezier(.2,.9,.4,1.1);display:flex;overflow-y:auto;box-shadow:2px 0 10px #0000001a;width:85%!important;max-width:320px!important;height:100dvh!important;height:100vh!important;position:fixed!important;top:0!important;left:-100%!important}.tcf-nav-sidebar.open{left:0!important}.tcf-nav-content{padding:12px!important}.tcf-nav-content>div{padding:0!important}}