:root{--sidebar-bg:linear-gradient(200deg, #f0f7ff, #fff);--sidebar-active-bg:#00adee1a;--sidebar-accent:#00adee;--sidebar-accent-secondary:#006e2f;--sidebar-text:#64748b;--sidebar-text-active:#0f172a;--sidebar-width:280px;--sidebar-border:#e2e8f0}.nav-main-container{z-index:1000;display:flex}nav.sidebar{width:var(--sidebar-width);height:100vh;color:var(--sidebar-text);z-index:1500;border-right:1px solid var(--sidebar-border);background:#fff;flex-direction:column;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 24px #00000005}.sidebar-header{justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.b-nav-heading{cursor:pointer;background-image:url(/logo.svg);background-position:0;background-repeat:no-repeat;background-size:contain;width:180px;height:55px}.close-menu-icon{cursor:pointer;color:var(--sidebar-text);display:none}.sidebar-menu{flex-direction:column;flex:1;gap:2px;padding:0 16px 20px;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}.menu-group-title{text-transform:uppercase;letter-spacing:1.2px;color:#94a3b8;margin:32px 0 12px 14px;font-size:14px;font-weight:500}.menu-group-title:first-child{margin-top:10px}.nav-item{cursor:pointer;color:#64748b;border-radius:12px;align-items:center;margin-bottom:2px;padding:12px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item .nav-icon{color:#94a3b8;align-items:center;margin-right:12px;transition:all .2s;display:flex}.nav-item .nav-icon svg{font-size:22px}.nav-item:hover{color:var(--primary-color);background:#f8fafc}.nav-item:hover .nav-icon{color:var(--primary-color);transform:translate(2px)}.nav-item.active{color:var(--primary-color);background:#f0f9ff}.nav-item.active:before{content:"";background:var(--primary-color);border-radius:0 2px 2px 0;width:2px;position:absolute;top:12px;bottom:12px;left:-8px}.nav-item.active .nav-icon{color:var(--primary-color)}.sidebar-footer{border-top:1px solid var(--sidebar-border);background:#fff;padding:10px 16px}.footer-user-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.footer-user-avatar{color:#64748b;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.footer-user-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.footer-user-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.footer-user-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.footer-logout-btn{color:#ef4444;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.footer-logout-btn:hover{background:#fef2f2;transform:scale(1.05)}.footer-logout-btn svg{font-size:20px}.mobile-header{border-bottom:1px solid var(--sidebar-border);z-index:1050;background:#fff;align-items:center;width:100%;height:64px;padding:0 16px;display:none;position:fixed;top:0;left:0;box-shadow:0 2px 8px #0032640d}.mobile-logo{flex:1;justify-content:center;align-items:center;margin-right:32px;display:flex}.m-logo-img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:180px;height:34px;display:block}.responsive-menu-icon{border:1px solid var(--sidebar-border);color:#1a202c;cursor:pointer;background:#f8fafc;border-radius:10px;padding:8px;transition:all .2s;display:flex}.responsive-menu-icon:hover{background:#e2e8f0}@media (max-width:800px){.mobile-header{display:flex}nav.sidebar{transform:translate(-100%)}nav.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #0000001a}.close-menu-icon{color:#1e293b;background:#f1f5f9;border-radius:10px;padding:8px;display:flex!important}.sidebar-header{border-bottom:1px solid var(--sidebar-border);background:#fff;margin-bottom:10px;padding:20px 16px}.b-nav-heading{width:150px;height:40px}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0000004d;display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}@media (min-width:801px){.sidebar-overlay{display:none!important}}