.dashboard-layout{background:var(--gh-gray-light);display:flex;min-height:100vh}.dashboard-layout .mobile-header{align-items:center;background:var(--gh-white);border-bottom:1px solid var(--gh-border);box-shadow:0 2px 4px var(--gh-shadow);display:none;justify-content:space-between;left:0;padding:1rem 1.5rem;position:fixed;right:0;top:0;z-index:1001}.dashboard-layout .mobile-header .logo{align-items:center;color:var(--gh-text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;text-decoration:none}.dashboard-layout .mobile-header .logo svg{height:28px;width:28px}.dashboard-layout .mobile-header .menu-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px;transition:transform .3s}.dashboard-layout .mobile-header .menu-toggle span{background:var(--gh-text-primary);border-radius:2px;display:block;height:2px;transition:all .3s;width:24px}.dashboard-layout .mobile-header .menu-toggle:hover span{background:var(--gh-blue)}.dashboard-layout .sidebar-overlay{background:#00000080;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:999}.dashboard-layout .sidebar-overlay.active{opacity:1;pointer-events:all}.dashboard-layout .sidebar{background:var(--gh-white);border-right:1px solid var(--gh-border);box-shadow:1px 0 3px var(--gh-shadow);height:100vh;overflow-y:auto;position:fixed;width:280px}.dashboard-layout .sidebar .sidebar-header{border-bottom:1px solid var(--gh-border);padding:1.5rem}.dashboard-layout .sidebar .sidebar-header .logo{align-items:center;color:var(--gh-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;text-decoration:none}.dashboard-layout .sidebar .sidebar-header .logo svg{height:32px;width:32px}.dashboard-layout .sidebar .sidebar-header .logo:hover{text-decoration:none}.dashboard-layout .sidebar .user-info{background:var(--gh-gray-light);border-bottom:1px solid var(--gh-border);padding:1.5rem}.dashboard-layout .sidebar .user-info .user-profile{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.dashboard-layout .sidebar .user-info .user-profile .user-avatar{align-items:center;background:var(--gh-blue);border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.dashboard-layout .sidebar .user-info .user-profile .user-name{color:var(--gh-text-primary);font-weight:600}.dashboard-layout .sidebar .user-info .user-profile .user-email{color:var(--gh-text-secondary);font-size:.875rem}.dashboard-layout .sidebar .user-info .balance-card{background:var(--gh-white);border:1px solid var(--gh-border);border-radius:6px;margin-top:1rem;padding:.75rem}.dashboard-layout .sidebar .user-info .balance-card .balance-label{color:var(--gh-text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.dashboard-layout .sidebar .user-info .balance-card .balance-amount{color:var(--gh-green);font-size:1.5rem;font-weight:600}.dashboard-layout .sidebar .nav-menu{list-style:none;margin:0;padding:1rem 0}.dashboard-layout .sidebar .nav-menu .nav-item{margin:.125rem 0}.dashboard-layout .sidebar .nav-menu .nav-item .nav-link{align-items:center;color:var(--gh-text-primary);display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.625rem 1.5rem;position:relative;text-decoration:none;transition:all .2s}.dashboard-layout .sidebar .nav-menu .nav-item .nav-link .nav-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.dashboard-layout .sidebar .nav-menu .nav-item .nav-link:hover{background:var(--gh-gray-light);color:var(--gh-blue);text-decoration:none}.dashboard-layout .sidebar .nav-menu .nav-item .nav-link.router-link-active{background:var(--gh-blue-light);color:var(--gh-blue)}.dashboard-layout .sidebar .nav-menu .nav-item .nav-link.router-link-active:before{background:var(--gh-blue);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.dashboard-layout .sidebar .nav-divider{background:var(--gh-border);height:1px;margin:1rem 1.5rem}.dashboard-layout .main-content{flex:1;margin-left:280px;max-width:100%;min-height:100vh;padding:2rem}.dashboard-layout .main-content.no-sidebar{margin-left:0}@media (max-width:1024px){.dashboard-layout .mobile-header{display:flex}.dashboard-layout .sidebar-overlay{display:block}.dashboard-layout .sidebar{transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000}.dashboard-layout .sidebar.active{transform:translate(0)}.dashboard-layout .main-content{margin-left:0;padding:5rem 1rem 1rem}}