.main-dashboard{background-color:var(--bg);border-radius:8px;height:100%;position:relative}.dashboard-layout{--tree-focus-color:#f65a5a;--dashboard-text:var(--lightningcss-light,#737373)var(--lightningcss-dark,#8a8a8a);--sidebar-width-collapsed:60px;--sidebar-width-expanded:260px;--speed:.3s;--timing:cubic-bezier(.4,0,.2,1);--bg:#f2f2f2;--bg-ferrari:#f1cd00}.dashboard-layout .layout{background-color:var(--bg-ferrari);height:100vh;display:flex}@media (min-width:769px){.dashboard-layout .layout{padding:.5rem}}.dashboard-layout .sidebar{width:var(--sidebar-width-collapsed);background-color:var(--bg);height:100%;transition:width var(--speed)var(--timing);z-index:10;border-right:1px solid transparent;border-radius:16px 0 0 16px;flex-direction:column;display:flex;position:relative}.dashboard-layout .sidebar.expanded{width:var(--sidebar-width-expanded);border-radius:16px 0 0 16px}.dashboard-layout .sidebar-header{flex-shrink:0;justify-content:center;align-items:center;height:80px;padding:1rem;display:flex}.dashboard-layout .logo-toggle{cursor:pointer;transition:all var(--speed)var(--timing);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.dashboard-layout .logo-toggle:hover{background-color:rgba(0,0,0,.05)}.dashboard-layout .logo-icon{width:40px;height:40px;transition:all var(--speed)var(--timing);object-fit:contain}.dashboard-layout .sidebar:not(.expanded) .logo-icon{width:36px;height:36px}.dashboard-layout .sidebar.expanded .logo-icon{width:32px;height:32px}.dashboard-layout .logo-icon.pinned{transform:rotate(-45deg)}.dashboard-layout .sidebar-nav{flex:1;padding:1rem 0;overflow:hidden}.dashboard-layout .route-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.dashboard-layout .route-item{margin:0}.dashboard-layout .route-link{color:var(--dashboard-text);transition:all var(--speed)var(--timing);cursor:pointer;border-radius:0;align-items:center;width:100%;min-height:48px;margin:.125rem 0;padding:.75rem 1rem;text-decoration:none;display:flex;position:relative}.dashboard-layout .route-link:hover{color:#333;background-color:rgba(0,0,0,.05)}.dashboard-layout .sidebar.expanded .route-link.active{background-color:var(--tree-focus-color,#ff5e18)!important;color:#fff!important}.dashboard-layout .icon-container{justify-content:center;align-items:center;min-width:24px;height:24px;display:flex;position:relative}.dashboard-layout .route-icon{flex-shrink:0;width:20px;height:20px}.dashboard-layout .route-label{white-space:nowrap;opacity:0;transition:all var(--speed)var(--timing);margin-left:.75rem;font-size:.875rem;font-weight:500;overflow:hidden;transform:translate(-10px)}.dashboard-layout .sidebar.expanded .route-label{opacity:1;transform:translate(0)}.dashboard-layout .sidebar.collapsed .route-link{border-radius:8px;justify-content:center;margin:.25rem .5rem;padding:.75rem}.dashboard-layout .sidebar.collapsed .icon-container{margin:0}.dashboard-layout .sidebar.collapsed .route-link.active{position:relative;color:var(--dashboard-text)!important;background-color:transparent!important}.dashboard-layout .sidebar.collapsed .route-link.active .icon-container:after{content:"";border:2px solid var(--tree-focus-color);background-color:rgba(255,94,36,.1);border-radius:50%;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.dashboard-layout .sidebar-workspace{opacity:0;transition:all var(--speed)var(--timing);border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);margin-top:auto;margin-bottom:.5rem;padding:1rem;transform:translate(-10px)}.dashboard-layout .sidebar.expanded .sidebar-workspace{opacity:1;transform:translate(0)}.dashboard-layout .workspace-info{margin-bottom:.2rem}.dashboard-layout .workspace-name{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.875rem;font-weight:600;overflow:hidden}.dashboard-layout .workspace-slug{color:var(--dashboard-text);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.dashboard-layout .workspace-switch{color:var(--tree-focus-color,#ff5e18);transition:color var(--speed)var(--timing);font-size:.75rem;font-weight:500;text-decoration:none;display:inline-block}.dashboard-layout .workspace-switch:hover{color:#f42a2a;text-decoration:underline}.dashboard-layout .sidebar.collapsed .sidebar-workspace{display:none}.dashboard-layout .sidebar-footer{padding:1rem}.dashboard-layout .user-info{align-items:center;gap:.5rem;display:flex}.dashboard-layout .user-name{color:var(--dashboard-text);opacity:0;transition:all var(--speed)var(--timing);white-space:nowrap;font-size:.875rem;overflow:hidden;transform:translate(-10px)}.dashboard-layout .sidebar.expanded .user-name{opacity:1;transform:translate(0)}.dashboard-layout .main-content{background-color:var(--bg);scrollbar-width:none;-ms-overflow-style:none;border-radius:0 16px 16px 0;flex:1;padding:.5rem;overflow-y:auto}.dashboard-layout .main-content::-webkit-scrollbar{display:none}@media (max-width:768px){.dashboard-layout .sidebar{z-index:1000;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px rgba(0,0,0,.1)}.dashboard-layout .sidebar.expanded,.dashboard-layout .sidebar.collapsed:hover{width:var(--sidebar-width-expanded);transform:translate(0)}.dashboard-layout .main-content{width:100%;margin-left:0}.dashboard-layout .sidebar.expanded:before{content:"";top:0;left:var(--sidebar-width-expanded);z-index:-1;background-color:rgba(0,0,0,.5);position:fixed;bottom:0;right:0}}.dashboard-layout *{box-sizing:border-box}.dashboard-layout .sidebar,.dashboard-layout .main-content{background-color:var(--bg)}.dashboard-layout .logo-toggle:focus,.dashboard-layout .route-link:focus{outline:2px solid var(--tree-focus-color);outline-offset:2px}