.dashboard-layout{background:var(--color-bg);min-height:100dvh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);width:240px;height:100dvh;z-index:var(--z-sidebar);transition:width var(--transition-normal), transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.closed{width:64px}.sidebar-backdrop{background:var(--color-backdrop);z-index:calc(var(--z-sidebar) - 1);animation:fadeIn var(--transition-fast);position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-header{padding:1.5rem 1rem;padding-top:calc(1.5rem + var(--safe-top));border-bottom:1px solid var(--color-border)}.sidebar-logo{align-items:center;gap:.75rem;display:flex}.sidebar-logo svg{color:var(--color-accent)}.logo-text{color:var(--color-text-primary);white-space:nowrap;font-size:1.125rem;font-weight:700}.sidebar-nav{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent;flex-direction:column;flex:1;gap:.25rem;padding:1rem 0;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.nav-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);padding:.75rem 1.25rem .25rem;font-size:.6875rem;font-weight:600}.nav-item{color:var(--color-text-muted);transition:all var(--transition-fast);border-radius:var(--radius-md);min-height:var(--touch-target);align-items:center;gap:.75rem;margin:0 .5rem;padding:.75rem 1rem;text-decoration:none;display:flex}.nav-item:hover{background:var(--color-overlay-hover);color:var(--color-text-primary)}.nav-item.active{background:var(--color-accent-bg);color:var(--color-accent)}.nav-item.guest-locked{opacity:.35;cursor:pointer}.nav-item.guest-locked:hover{background:var(--color-overlay);color:var(--color-text-secondary);opacity:.5}.nav-item svg{flex-shrink:0}.nav-label{white-space:nowrap;font-size:.875rem;font-weight:500}.sidebar-footer{padding:1rem;padding-bottom:calc(1rem + var(--safe-bottom));border-top:1px solid var(--color-border);flex-direction:column;gap:.5rem;display:flex}.sidebar-lang-toggle{background:var(--color-overlay);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;min-height:var(--touch-target);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;display:flex}.sidebar-lang-toggle:hover{background:var(--color-overlay-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.sidebar-lang-toggle svg{flex-shrink:0}.sidebar-pin-btn{background:var(--color-overlay);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-muted);cursor:pointer;min-height:var(--touch-target);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;display:flex}.sidebar-pin-btn:hover{background:var(--color-overlay-hover);border-color:var(--color-border-hover);color:var(--color-text-secondary)}.sidebar-pin-btn.expanded{justify-content:center;padding:.5rem}.sidebar-pin-btn.expanded:hover{color:var(--color-accent)}.sidebar-upgrade-guest-btn{background:linear-gradient(135deg, var(--color-accent-bg), var(--color-accent-bg-light));border:1px solid var(--color-accent-border);border-radius:var(--radius-md);width:100%;color:var(--color-accent);cursor:pointer;min-height:var(--touch-target);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.sidebar-upgrade-guest-btn:hover{background:linear-gradient(135deg, var(--color-accent-bg-hover), var(--color-accent-bg));border-color:var(--color-accent-border-hover)}.sidebar.closed .sidebar-lang-toggle{justify-content:center;padding:.5rem}.user-info{border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.5rem;display:flex}.user-info:hover{background:var(--color-overlay-hover)}.user-info.collapsed{justify-content:center}.user-avatar{width:36px;height:36px;color:var(--color-text-primary);background:linear-gradient(135deg,#0071e3,#30d158);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.user-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.user-email{color:var(--color-text-muted);font-size:.75rem}.logout-btn{background:var(--color-overlay);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-muted);cursor:pointer;min-height:var(--touch-target);transition:all var(--transition-fast);align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem;font-size:.875rem;display:flex}.logout-btn:hover{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.logout-btn svg{flex-shrink:0}.sidebar-toggle{background:var(--color-surface);border:1px solid var(--color-border-strong);z-index:101;color:var(--color-text-secondary);cursor:pointer;min-height:var(--touch-target);min-width:var(--touch-target);transition:all var(--transition-fast);border-left:none;border-radius:0 10px 10px 0;padding:.75rem;display:none;position:fixed;top:50%;left:0;transform:translateY(-50%)}.sidebar-toggle:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.main-content{transition:margin-left var(--transition-normal);background:var(--color-bg);flex:1;min-height:100dvh;margin-left:240px;padding:2rem}.workspace-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.workspace-header-left{align-items:center;gap:.5rem;display:flex}.workspace-mobile-menu-btn{background:var(--color-overlay);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);min-height:var(--touch-target);min-width:var(--touch-target);padding:8px;display:none}.workspace-nav-link{background:var(--color-overlay);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);min-height:var(--touch-target);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;text-decoration:none;display:inline-flex}.workspace-nav-link:hover{background:var(--color-overlay-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.workspace-header-right{align-items:center;gap:.5rem;display:flex}.workspace-action-btn{background:var(--color-overlay);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;min-height:var(--touch-target);transition:all var(--transition-fast);align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.workspace-action-btn:hover{background:var(--color-overlay-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.workspace-logout-btn:hover{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.workspace-guest-register-btn{border:1px solid var(--color-accent-border);border-radius:var(--radius-md);color:var(--color-accent);cursor:pointer;min-height:var(--touch-target);transition:all var(--transition-fast);background:linear-gradient(135deg,#0071e333,#0071e31a);align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.workspace-guest-register-btn:hover{border-color:var(--color-accent-border-hover);background:linear-gradient(135deg,#0071e34d,#0071e333)}.workspace-user-status{background:var(--color-accent-bg-light);border:1px solid var(--color-accent-bg);border-radius:var(--radius-md);align-items:center;gap:6px;padding:5px 12px;display:flex}.workspace-user-dot{background:var(--color-success);width:7px;height:7px;box-shadow:var(--color-success-glow);border-radius:50%;flex-shrink:0}.workspace-user-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:.75rem;font-weight:500;overflow:hidden}.workspace-tier-badge{color:var(--color-accent);text-transform:uppercase;white-space:nowrap;background:#0071e333;border-radius:4px;padding:2px 6px;font-size:.625rem;font-weight:600}.workspace-lang-btn{background:var(--color-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;min-height:var(--touch-target);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:500;display:inline-flex}.workspace-lang-btn:hover{background:var(--color-overlay-active);border-color:var(--color-border-hover);color:var(--color-text-primary)}.sidebar.closed+.sidebar-toggle+.main-content{margin-left:64px}.page-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1.5rem 2rem}.page-title{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--color-text-muted);margin-top:.25rem;font-size:.875rem}.page-content{padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-normal);padding:1.5rem}.stat-card:hover{border-color:var(--color-accent-border);transform:translateY(-4px);box-shadow:0 16px 40px #0006,0 0 30px #0071e30f}.stat-card-icon{background:var(--color-accent-success-gradient);border:1px solid var(--color-border);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.stat-card-icon svg{color:inherit}.stat-card-value{color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:700}.stat-card-label{color:var(--color-text-muted);margin-top:.25rem;font-size:.875rem}.stat-card-change{margin-top:.5rem;font-size:.75rem;font-weight:600}.stat-card-change.positive{color:var(--color-success)}.stat-card-change.negative{color:var(--color-danger)}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.quick-action-btn{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;min-height:var(--touch-target);transition:all var(--transition-normal);flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;text-decoration:none;display:flex}.quick-action-btn:hover{border-color:var(--color-accent-border);color:var(--color-accent);transform:translateY(-3px);box-shadow:0 8px 24px #0000004d,0 0 20px #0071e30f}.quick-action-icon svg{color:inherit}.quick-action-label{font-size:.875rem;font-weight:500}.recent-section{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);overflow:hidden}.section-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.section-title{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600}.section-link{color:var(--color-accent);min-height:var(--touch-target);align-items:center;font-size:.875rem;text-decoration:none;display:inline-flex}.section-link:hover{text-decoration:underline}.recent-list{margin:0;padding:0;list-style:none}.recent-item{border-bottom:1px solid var(--color-overlay);transition:all var(--transition-fast);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.recent-item:last-child{border-bottom:none}.recent-item:hover{background:var(--color-overlay)}.recent-icon{border-radius:var(--radius-md);background:var(--color-overlay);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.recent-icon svg{color:var(--color-accent)}.recent-content{flex:1}.recent-title{color:var(--color-text-primary);margin:0;font-size:.875rem;font-weight:500}.recent-meta{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.recent-value{color:var(--color-accent);font-size:.875rem;font-weight:600}.mobile-bottom-nav{height:calc(56px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-mobile-bottom-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);z-index:var(--z-sidebar);justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-item{min-width:48px;min-height:48px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:.625rem;font-weight:500;display:flex}.mobile-bottom-nav-item.active{color:var(--color-accent)}.mobile-bottom-nav-item svg{flex-shrink:0}.mobile-bottom-nav-label{font-size:.625rem;line-height:1}.mobile-bottom-nav-item.guest-locked{opacity:.25;color:var(--color-text-faint)}@media (width<=768px){.sidebar{width:280px;z-index:calc(var(--z-sidebar) + 2);transition:transform var(--transition-normal);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{width:280px;transform:translate(0)}.sidebar.closed{width:280px;transform:translate(-100%)}.sidebar-toggle{display:none}.workspace-mobile-menu-btn{display:flex}.main-content{padding:1rem;padding-bottom:calc(64px + var(--safe-bottom));margin-left:0}.sidebar.closed+.sidebar-toggle+.main-content{margin-left:0}.mobile-bottom-nav{display:flex}.stats-grid{grid-template-columns:1fr}.page-content,.page-header{padding:1rem}.stat-card-value{font-size:1.5rem}.stat-card:hover{transform:none}.quick-actions{grid-template-columns:repeat(2,1fr)}.section-header{padding:1rem}.recent-item{padding:.75rem 1rem}.workspace-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.workspace-header-right{flex-wrap:wrap;justify-content:flex-end;width:100%}}@media (width<=640px){.main-content{padding:.75rem;padding-bottom:calc(64px + var(--safe-bottom))}.workspace-user-name{max-width:60px}.sidebar,.sidebar.open,.sidebar.closed{width:100vw}.quick-actions{grid-template-columns:1fr 1fr;gap:.5rem}.quick-action-btn{padding:.875rem .5rem}.quick-action-label{font-size:.75rem}.stat-card{padding:1rem}.stat-card-icon{width:40px;height:40px;margin-bottom:.75rem}}