.dashboard-layout{background-color:var(--background-secondary);gap:1rem;width:100%;height:100vh;padding:.8rem;display:flex}.dashboard-layout aside img,.dashboard-layout header img{max-width:28px}.dashboard-layout .mobile-section{display:none}.dashboard-layout .branding{height:32px;color:var(--text-primary);border-radius:6px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.5rem .75rem;font-size:16px;font-weight:600;transition:background-color .15s;display:flex}.dashboard-layout .branding:hover{background-color:var(--background-secondary)}.dashboard-layout .branding img{width:20px;height:20px}.dashboard-layout aside{background-color:var(--background);border-radius:8px;flex-direction:column;width:240px;padding:.5rem;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.dashboard-layout aside nav{flex-direction:column;flex:1;gap:.125rem;padding:.25rem 0;display:flex;overflow:hidden auto}.dashboard-layout aside nav::-webkit-scrollbar{width:6px}.dashboard-layout aside nav::-webkit-scrollbar-track{background:0 0}.dashboard-layout aside nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.dashboard-layout aside nav::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dashboard-layout aside nav .icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.dashboard-layout aside nav .icon svg{width:18px;height:18px;color:var(--text-secondary);transition:color .15s}.dashboard-layout aside nav .nav-item{margin-bottom:0;position:relative}.dashboard-layout aside nav .nav-item .nav-tooltip{background-color:var(--background);border:1px solid var(--border);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;border-radius:8px;min-width:200px;margin-left:0;padding:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:none;position:absolute;top:0;left:calc(100% + 12px);transform:translate(-8px);box-shadow:0 2px 8px #0000001a,0 0 0 1px #0000000d}.dashboard-layout aside nav .nav-item .nav-tooltip:before{content:"";border-style:solid;border-width:6px 6px 6px 0;border-color:#0000 var(--border)#0000 #0000;width:0;height:0;position:absolute;top:12px;left:-6px}.dashboard-layout aside nav .nav-item .nav-tooltip:after{content:"";border-style:solid;border-width:6px 6px 6px 0;border-color:#0000 var(--background)#0000 #0000;width:0;height:0;position:absolute;top:12px;left:-5px}.dashboard-layout aside nav .nav-item .nav-tooltip .tooltip-title{color:var(--text-primary);padding:.5rem .75rem;font-size:14px;font-weight:500}.dashboard-layout aside nav .nav-item .nav-tooltip .tooltip-submenu{border-top:1px solid var(--border);flex-direction:column;gap:.125rem;margin-top:.25rem;padding:.25rem;display:flex}.dashboard-layout aside nav .nav-item .nav-tooltip .tooltip-submenu a{color:var(--text-secondary);border-radius:6px;align-items:center;min-height:32px;padding:.5rem .75rem;font-size:14px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.dashboard-layout aside nav .nav-item .nav-tooltip .tooltip-submenu a:hover{background-color:var(--background-secondary);color:var(--text-primary)}.dashboard-layout aside nav .nav-item .nav-tooltip .tooltip-submenu a.button{background-color:var(--foreground);width:100%;color:var(--background);border-radius:6px;justify-content:center;margin-top:.5rem;padding:.625rem .75rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.dashboard-layout aside nav .nav-item .nav-tooltip .tooltip-submenu a.button:hover{background-color:var(--foreground-secondary);color:var(--background)}.dashboard-layout aside nav .nav-link{cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:.75rem;min-height:32px;padding:.5rem .75rem;font-size:14px;font-weight:400;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.dashboard-layout aside nav .nav-link svg{flex-shrink:0;width:18px;height:18px;transition:color .15s}.dashboard-layout aside nav .nav-link:hover{background-color:var(--background-secondary)}.dashboard-layout aside nav .nav-link:hover .icon svg{color:var(--text-primary)}.dashboard-layout aside nav .nav-link.active{background-color:var(--background-secondary);font-weight:500}.dashboard-layout aside nav .nav-link.active .icon svg{color:var(--text-primary)}.dashboard-layout aside nav .nav-link .chevron-icon{opacity:.6;align-items:center;margin-left:auto;display:flex}.dashboard-layout aside nav .nav-link .chevron-icon svg{width:16px;height:16px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.dashboard-layout aside nav .nav-link .chevron-icon.open svg{transform:rotate(180deg)}.dashboard-layout aside nav .submenu{flex-direction:column;gap:.125rem;max-height:0;padding-top:.25rem;padding-left:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.dashboard-layout aside nav .submenu.open{max-height:500px}.dashboard-layout aside nav .submenu a{color:var(--text-secondary);border-radius:6px;align-items:center;min-height:32px;padding:.5rem .75rem .5rem 2.5rem;font-size:14px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.dashboard-layout aside nav .submenu a:hover{color:var(--text-primary);background-color:var(--background-secondary)}.dashboard-layout aside nav .submenu a.active{color:var(--text-primary);background-color:var(--background-secondary);font-weight:500}.dashboard-layout aside nav .submenu a.button{background-color:var(--foreground);width:100%;color:var(--background);border-radius:6px;justify-content:center;margin-top:.5rem;margin-left:0;padding:.625rem .75rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.dashboard-layout aside nav .submenu a.button:hover,.dashboard-layout aside nav .submenu a.button.active{background-color:var(--foreground-secondary);color:var(--background)}.dashboard-layout aside .user-card{background-color:#0000;margin-top:auto;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.dashboard-layout aside .user-card .trigger{cursor:pointer;border-radius:6px;align-items:center;gap:.75rem;min-height:40px;padding:.5rem .75rem;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:flex}.dashboard-layout aside .user-card .trigger:hover{background-color:var(--background-secondary)}.dashboard-layout aside .user-card .trigger .icon,.dashboard-layout aside .user-card .trigger img{object-fit:cover;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.dashboard-layout aside .user-card .trigger .icon svg,.dashboard-layout aside .user-card .trigger img svg{width:20px;height:20px;color:var(--text-secondary)}.dashboard-layout aside .user-card .trigger .user-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.dashboard-layout aside .user-card .trigger .user-info span{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.dashboard-layout aside .user-card .trigger .user-info small{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dashboard-layout aside .user-card .trigger .chevron-icon{opacity:.6;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.dashboard-layout aside .user-card .trigger .chevron-icon svg{width:16px;height:16px}.dashboard-layout aside .user-card .user-card-container{border:1px solid var(--border);background-color:var(--background);z-index:100;border-radius:8px;flex-direction:column;gap:.125rem;padding:.5rem;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:calc(100% + .5rem);left:0;right:0;box-shadow:0 2px 8px #0000001a,0 0 0 1px #0000000d}.dashboard-layout aside .user-card.open .user-card-container{opacity:1;transform:translateY(0)}.dashboard-layout aside .user-card.open .trigger{background-color:var(--background-secondary)}.dashboard-layout aside .user-card.open .trigger .chevron-icon{transform:rotate(180deg)}.dashboard-layout aside .user-card.closed .user-card-container{opacity:0;pointer-events:none;transform:translateY(8px)}.dashboard-layout aside .user-card .user-card-link{color:var(--text-secondary);border-radius:6px;align-items:center;gap:.75rem;min-height:32px;padding:.5rem .75rem;font-size:14px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.dashboard-layout aside .user-card .user-card-link svg{flex-shrink:0;width:18px;height:18px}.dashboard-layout aside .user-card .user-card-link:hover{background-color:var(--background-secondary);color:var(--text-primary)}.dashboard-layout aside .user-card .user-card-link.logout-link{border-top:1px solid var(--border);color:var(--text-primary);margin-top:.25rem;padding-top:.75rem;font-weight:500}.dashboard-layout aside.collapsed{width:48px;padding:.5rem}.dashboard-layout aside.collapsed img{max-width:20px}.dashboard-layout aside.collapsed .branding{justify-content:center;height:32px;margin-bottom:.5rem;padding:.5rem}.dashboard-layout aside.collapsed .branding span{display:none}.dashboard-layout aside.collapsed nav{overflow:visible}.dashboard-layout aside.collapsed nav .nav-item .nav-tooltip{display:block}.dashboard-layout aside.collapsed nav .nav-item:hover>.nav-tooltip,.dashboard-layout aside.collapsed nav .nav-item .nav-tooltip:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.dashboard-layout aside.collapsed nav .nav-item:hover>.nav-tooltip:before,.dashboard-layout aside.collapsed nav .nav-item:hover>.nav-tooltip:after,.dashboard-layout aside.collapsed nav .nav-item .nav-tooltip:hover:before,.dashboard-layout aside.collapsed nav .nav-item .nav-tooltip:hover:after{pointer-events:auto}.dashboard-layout aside.collapsed nav .nav-item .expand-icon,.dashboard-layout aside.collapsed nav .nav-item span:not(.nav-tooltip *){display:none}.dashboard-layout aside.collapsed nav .nav-link{justify-content:center;width:100%;padding:.5rem}.dashboard-layout aside.collapsed nav .submenu{display:none}.dashboard-layout aside.collapsed .user-card .trigger{justify-content:center;padding:.5rem}.dashboard-layout aside.collapsed .user-card .trigger .user-info,.dashboard-layout aside.collapsed .user-card .trigger .chevron-icon{display:none}.dashboard-layout aside.collapsed .user-card .trigger .icon{margin:0}.dashboard-layout main{flex:1;height:100vh;position:relative;overflow-y:auto}.dashboard-layout main header{background-color:var(--background-secondary);z-index:10;height:52px;position:sticky;top:0}.dashboard-layout main header .desktop-section{justify-content:space-between;align-items:center;display:flex}.dashboard-layout main header .desktop-section .left,.dashboard-layout main header .desktop-section .right{align-items:center;gap:1rem;display:flex}.dashboard-layout main header .desktop-section .collapse-button{color:var(--text-secondary);display:flex}.dashboard-layout main .content{border:1px solid var(--border);background-color:var(--background);border-radius:.5rem;height:calc(100dvh - 80px);padding:1rem;overflow:auto}@media (max-width:768px){.dashboard-layout .desktop-section{display:none!important}.dashboard-layout .mobile-section{justify-content:space-between;align-items:center;display:flex}.dashboard-layout .mobile-section .left,.dashboard-layout .mobile-section .right{gap:1rem;display:flex}.dashboard-layout .mobile-section .menu-icon{display:flex}.dashboard-layout .mobile-section .branding{padding:0}.dashboard-layout aside{z-index:1000;border-radius:0;width:100vw;padding:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:60px 0 0;transform:translate(-110vw)}.dashboard-layout aside .branding{display:none}.dashboard-layout aside .user-card .user-card-container{width:100%;bottom:calc(100% + .5rem);left:0;right:0}.dashboard-layout aside .user-card.open .trigger .chevron-icon{transform:rotate(180deg)}.dashboard-layout .mobile-open{transform:translate(0)}}