.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.dashboard-layout{display:flex;min-height:100vh}.sidebar{display:flex;flex-direction:column;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);transition:width var(--transition);position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar.open{width:260px}.sidebar.collapsed{width:68px}.sidebar-header{justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--border-subtle)}.sidebar-brand,.sidebar-header{display:flex;align-items:center}.sidebar-brand{gap:10px}.brand-icon{font-size:24px;filter:drop-shadow(0 0 8px rgba(79,143,255,.5))}.brand-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px;border-radius:4px;transition:all var(--transition)}.sidebar-toggle:hover{color:var(--text-primary);background:var(--bg-card)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 8px}.nav-section-label{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:1px;padding:8px 12px 4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:all var(--transition);text-align:left}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-icon{font-size:18px;flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:16px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.user-badge{gap:10px}.user-avatar,.user-badge{display:flex;align-items:center}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));justify-content:center;font-size:14px;font-weight:600;color:white;flex-shrink:0}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-muted);text-transform:uppercase}.sidebar-logout{text-align:center;font-size:12px;padding:8px}.dashboard-main{flex:1 1;margin-left:260px;padding:40px;transition:margin-left var(--transition)}.sidebar.collapsed~.dashboard-main{margin-left:68px}.dashboard-header{margin-bottom:36px}.dashboard-title{font-size:28px;font-weight:600}.dashboard-subtitle{font-size:14px;color:var(--text-muted);margin-top:4px}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px}.service-card{cursor:pointer;padding:28px;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));opacity:0;transition:opacity var(--transition)}.service-card:hover:before{opacity:1}.service-icon{font-size:36px;margin-bottom:16px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.service-name{font-size:16px;font-weight:600;margin-bottom:6px}.service-description{font-size:13px;color:var(--text-secondary);line-height:1.4;margin-bottom:16px}.service-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.online{background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.status-dot.offline{background:var(--text-muted)}@media (max-width:768px){.sidebar.open{width:220px}.dashboard-main{margin-left:68px;padding:24px}.services-grid{grid-template-columns:1fr}.dashboard-title{font-size:22px}}