.nk-root{height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);flex-direction:column;display:flex;overflow:hidden}.nk-body{margin-top:var(--topbar-h);flex:1;display:flex;overflow:hidden}.sidebar{top:var(--topbar-h);width:var(--sidebar-w);background:var(--white);border-right:1px solid var(--border);transition:width var(--transition);box-sizing:border-box;z-index:50;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;overflow:hidden auto}.sidebar.collapsed{width:var(--sidebar-w-sm)}.sidebar nav{padding:12px 8px}.nav-item{border-radius:var(--radius-md);width:100%;color:var(--text-muted);font-size:14px;font-family:var(--font);cursor:pointer;transition:background var(--transition), color var(--transition);white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.nav-item:hover{background:#faf9ff}.nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.nav-item.active:before{content:"";background:var(--purple);border-radius:2px;width:3px;position:absolute;top:20%;bottom:20%;left:0}.nk-main{margin-left:var(--sidebar-w);transition:margin-left var(--transition);flex:1;overflow-y:auto}.nk-main.sidebar-collapsed{margin-left:var(--sidebar-w-sm)}.bottom-nav-item.active{color:var(--purple);font-weight:600}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--purple-mid);border-radius:4px}@media (max-width:767px){.sidebar{transition:transform var(--transition);z-index:200;transform:translate(-100%);width:var(--sidebar-w)!important;top:0!important;bottom:0!important}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.sidebar-overlay{z-index:199;background:#00000073;display:block;position:fixed;inset:0}.nk-main{padding:2px;margin-left:0!important}.bottom-nav{display:flex}.topbar-search,.lang-switcher,.logo-text,.icon-bell,.icon-upload{display:none}.topbar{gap:8px;padding:0 14px}.topbar-actions{gap:4px}.icon-btn{padding:8px}}@media (min-width:768px){.sidebar-overlay{display:none!important}.topbar-actions .icon-btn:first-child{display:none}}
