.dl-shell{background:var(--background);min-height:100vh;color:var(--foreground);display:flex}.dl-sidebar{z-index:40;background:#030407;background:lab(1.18281% .0873059 -1.21164);border-right:1px solid #101116cc;border-right:1px solid lab(5.22067% .152588 -3.0996/.8);width:220px;min-height:100vh;transition:width .2s;position:fixed;top:0;left:0}.dl-sidebar.collapsed{width:56px}.dl-sidebar-inner{flex-direction:column;height:100vh;padding:.75rem .5rem;display:flex;overflow-y:auto}.dl-logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;padding:.5rem .6rem 1rem;display:flex}.dl-logo-img{border-radius:7px;flex-shrink:0;width:26px;height:26px}.dl-logo-text{letter-spacing:-.03em;color:#fff;font-size:1.05rem;font-weight:700}.dl-mobile-close{color:#717171;color:lab(47.8% 0 .0000119209);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.25rem;display:none}.dl-nav{flex-direction:column;flex:1;gap:2px;display:flex}.dl-nav-item{color:#717171;color:lab(47.8% 0 .0000119209);border-radius:8px;align-items:center;gap:.65rem;padding:.55rem .65rem;font-size:.84rem;font-weight:500;text-decoration:none;transition:all .12s;display:flex;position:relative}.dl-nav-item:hover{color:#cecece;color:lab(82.6% .0000298023 -.0000119209);background:#0c0d12;background:lab(3.66175% .133038 -2.47128)}.dl-nav-item.active{color:#fff;background:#09112399;background:lab(5.0172% 1.39134 -13.4663/.6)}.dl-nav-item.active:before{content:"";background:#5687ff;background:lab(57.3317% 15.3854 -70.81);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-.5rem;transform:translateY(-50%)}.dl-nav-icon{flex-shrink:0;width:17px;height:17px}.dl-nav-item.active .dl-nav-icon{color:#6898ff;color:lab(63.2341% 13.8005 -70.9295)}.dl-nav-label{flex:1}.dl-nav-shortcut{color:#3a3a3a;color:lab(24.6% 0 0);background:#0b0b0b;background:lab(3.04863% 0 0);border-radius:3px;padding:1px 5px;font-family:monospace;font-size:.65rem;font-weight:500}.dl-nav-item:hover .dl-nav-shortcut{color:#636363;color:lab(42% 0 0);background:#161616;background:lab(7.22637% -.0000149012 0)}.dl-signout{color:#484848;color:lab(30.4% -.0000149012 0);cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid oklch(16% 0 0);border-radius:8px;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.85rem .65rem .55rem;font-size:.8rem;transition:all .12s;display:flex}.dl-signout:hover{color:#df7f78;color:lab(64.0427% 37.4154 20.954);background:#13080733;background:lab(2.94948% 3.46796 1.56861/.2)}.dl-main{flex:1;min-height:100vh;margin-left:220px;transition:margin-left .2s}.dl-main.sidebar-collapsed{margin-left:56px}.dl-content{max-width:1400px;padding:1.25rem 1.75rem}.dl-mobile-header{background:#030407;background:lab(1.18281% .0873059 -1.21164);border-bottom:1px solid #0d0d0d;border-bottom:1px solid lab(3.6999% 0 0);align-items:center;gap:.5rem;padding:.65rem 1rem;display:none}.dl-hamburger{color:#8f8f8f;color:lab(59.4% 0 0);cursor:pointer;background:0 0;border:none;padding:.25rem}.dl-mobile-header-logo{border-radius:6px;width:22px;height:22px}.dl-mobile-header-text{color:#fff;font-size:.95rem;font-weight:700}.dl-overlay{z-index:35;background:#0009;display:none;position:fixed;inset:0}@media (max-width:768px){.dl-sidebar{width:260px;transform:translate(-100%)}.dl-sidebar.open{transform:translate(0)}.dl-sidebar.collapsed{width:260px}.dl-mobile-close{display:flex}.dl-main,.dl-main.sidebar-collapsed{margin-left:0}.dl-mobile-header{display:flex}.dl-overlay{display:block}.dl-content{padding:1rem}}