.dashboard-layout{width:100%;height:100vh;display:flex}.dashboard-layout aside img,.dashboard-layout header img{max-width:28px}.dashboard-layout .mobile-section{display:none}.dashboard-layout .branding{align-items:center;gap:var(--space-3);font-size:var(--font-size-base);height:32px;padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);transition:background-color var(--transition-fast);margin-bottom:var(--space-2);font-weight:600;display:flex}.dashboard-layout .branding:hover{background-color:var(--background-secondary)}.dashboard-layout .branding img{width:20px;height:20px}.dashboard-layout aside{width:280px;padding:var(--space-2);transition:width var(--transition-slow);border-right:1px solid var(--border);background-color:var(--background);flex-direction:column;display:flex;position:relative}.dashboard-layout aside nav{padding:var(--space-1)0;flex-direction:column;flex:1;gap:.125rem;display:flex;overflow:hidden auto}.dashboard-layout aside nav::-webkit-scrollbar{width:6px;display:none}.dashboard-layout aside nav:hover::-webkit-scrollbar{display:block}.dashboard-layout aside nav::-webkit-scrollbar-track{background:0 0}.dashboard-layout aside nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.dashboard-layout aside nav::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dashboard-layout aside nav .nav-section{flex-direction:column;gap:.125rem;display:flex}.dashboard-layout aside nav .nav-section:not(:first-child){margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.dashboard-layout aside nav .nav-section-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:var(--space-2)var(--space-3)var(--space-2);margin-bottom:var(--space-1);font-weight:500}.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 var(--transition-fast)}.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);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-1);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;min-width:200px;transition:opacity var(--transition-normal),visibility var(--transition-normal),transform var(--transition-normal);z-index:1000;margin-left:0;display:none;position:absolute;top:0;left:calc(100% + 12px);transform:translate(-8px)}.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:var(--space-2)var(--space-3);font-weight:500;font-size:var(--font-size-sm)}.dashboard-layout aside nav .nav-item .nav-tooltip .tooltip-submenu{gap:var(--space-1);padding:var(--space-1);border-top:1px solid var(--border);margin-top:var(--space-1);flex-direction:column;display:flex}.dashboard-layout aside nav .nav-item .nav-tooltip .tooltip-submenu a{padding:var(--space-2)var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;min-height:32px;text-decoration:none;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{margin-top:var(--space-2);padding:var(--space-3)var(--space-3);background-color:var(--primary);width:100%;color:var(--background);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;font-weight:500}.dashboard-layout aside nav .nav-item .nav-tooltip .tooltip-submenu a.button:hover{background-color:var(--primary-hover);color:var(--background)}.dashboard-layout aside nav .nav-link{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--text-primary);font-size:var(--font-size-sm);min-height:32px;font-weight:400;text-decoration:none;display:flex;position:relative}.dashboard-layout aside nav .nav-link svg{width:18px;height:18px;transition:color var(--transition-fast);flex-shrink:0}.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 var(--transition-normal)}.dashboard-layout aside nav .nav-link .chevron-icon.open svg{transform:rotate(180deg)}.dashboard-layout aside nav .submenu{gap:var(--space-1);padding-left:0;padding-top:var(--space-1);max-height:0;transition:max-height var(--transition-slow);flex-direction:column;display:flex;overflow:hidden}.dashboard-layout aside nav .submenu.open{max-height:500px}.dashboard-layout aside nav .submenu a{padding:var(--space-2)var(--space-3)var(--space-2)2.5rem;color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;min-height:32px;text-decoration:none;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{margin-top:var(--space-2);padding:var(--space-3)var(--space-3);background-color:var(--primary);width:100%;color:var(--background);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;margin-left:0;font-weight:500}.dashboard-layout aside nav .submenu a.button:hover,.dashboard-layout aside nav .submenu a.button.active{background-color:var(--primary-hover);color:var(--background)}.dashboard-layout aside.collapsed{width:48px;padding:var(--space-2)}.dashboard-layout aside.collapsed img{max-width:20px}.dashboard-layout aside.collapsed .branding{padding:var(--space-2);height:32px;margin-bottom:var(--space-2);justify-content:center}.dashboard-layout aside.collapsed .branding span{display:none}.dashboard-layout aside.collapsed nav{overflow:visible}.dashboard-layout aside.collapsed nav .nav-section:not(:first-child){margin-top:var(--space-2);padding-top:var(--space-2)}.dashboard-layout aside.collapsed nav .nav-section-title{display:none}.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{padding:var(--space-2);justify-content:center;width:100%}.dashboard-layout aside.collapsed nav .submenu{display:none}.dashboard-layout aside.collapsed .user-card .trigger{padding:var(--space-2);justify-content:center}.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{z-index:10;height:52px;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:0 var(--space-4);position:sticky;top:0}.dashboard-layout main header .desktop-section{justify-content:space-between;align-items:center;height:100%;display:flex}.dashboard-layout main header .desktop-section .left,.dashboard-layout main header .desktop-section .right{align-items:center;gap:var(--space-4);display:flex}.dashboard-layout main header .desktop-section .left{flex:1}.dashboard-layout main header .desktop-section .left input{width:100%!important;max-width:400px!important}.dashboard-layout main header .desktop-section .collapse-button{cursor:pointer;display:flex}.dashboard-layout main header .user-card{text-wrap:nowrap;background-color:#0000;position:relative}.dashboard-layout main header .user-card .trigger{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.dashboard-layout main header .user-card .trigger .icon,.dashboard-layout main header .user-card .trigger img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.dashboard-layout main header .user-card .trigger .icon svg,.dashboard-layout main header .user-card .trigger img svg{width:20px;height:20px;color:var(--text-secondary)}.dashboard-layout main header .user-card .trigger .user-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-layout main header .user-card .trigger .user-info span{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.dashboard-layout main header .user-card .trigger .user-info small{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dashboard-layout main header .user-card .trigger .chevron-icon{opacity:.6;transition:transform var(--transition-normal);flex-shrink:0}.dashboard-layout main header .user-card .trigger .chevron-icon svg{width:16px;height:16px}.dashboard-layout main header .user-card .user-card-container{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--background);top:calc(100% + var(--space-2));z-index:100;gap:var(--space-1);width:220px;transition:transform var(--transition-normal),opacity var(--transition-normal);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;right:0}.dashboard-layout main header .user-card.open .user-card-container{opacity:1;transform:translateY(0)}.dashboard-layout main header .user-card.open .trigger .chevron-icon{transform:rotate(180deg)}.dashboard-layout main header .user-card.closed .user-card-container{opacity:0;transform:translateY(var(--space-2));pointer-events:none}.dashboard-layout main header .user-card .user-card-link{padding:var(--space-2)var(--space-3);align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);min-height:32px;text-decoration:none;display:flex}.dashboard-layout main header .user-card .user-card-link svg{flex-shrink:0;width:18px;height:18px}.dashboard-layout main header .user-card .user-card-link:hover{background-color:var(--background-secondary);color:var(--text-primary)}.dashboard-layout main header .user-card .user-card-link.logout-link{margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--text-primary);font-weight:500}.dashboard-layout main header .user-card button.user-card-link{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:none}.dashboard-layout main .content{height:calc(100dvh - 80px);padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--background);overflow:auto}.dashboard-layout .breadcrumbs,.dashboard-layout .breadcrumb-item{align-items:center;gap:0;display:flex}