.dashboard{background:#f8fafc;min-height:100vh}.top-nav{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:2.5rem;display:flex}.nav-logo{align-items:center;gap:.625rem;text-decoration:none;display:flex}.logo-image{width:auto;height:32px}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-link{color:#64748b;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover:not(.disabled),.nav-link.active{color:#0f172a;background:#f1f5f9}.nav-link.disabled{opacity:.5;cursor:not-allowed}.nav-icon{align-items:center;display:flex}.nav-icon svg{width:18px;height:18px}.soon-badge{text-transform:uppercase;color:#64748b;background:#e2e8f0;border-radius:4px;padding:.125rem .375rem;font-size:.625rem;font-weight:600}.nav-right{align-items:center;gap:.75rem;display:flex}.nav-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.nav-btn:hover:not(.disabled){color:#0f172a;background:#f1f5f9}.nav-btn.disabled{opacity:.5;cursor:not-allowed}.nav-btn .nav-icon svg{width:20px;height:20px}.user-menu-container{position:relative}.user-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .625rem .375rem .375rem;transition:all .15s;display:flex}.user-btn:hover{background:#f8fafc;border-color:#cbd5e1}.user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.6875rem;font-weight:600;display:flex}.user-avatar.lg{width:40px;height:40px;font-size:.875rem}.user-btn .nav-icon svg{color:#94a3b8;width:16px;height:16px}.user-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:280px;animation:.15s dropdownIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;gap:.875rem;padding:1rem;display:flex}.dropdown-user-info{flex-direction:column;min-width:0;display:flex}.dropdown-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.dropdown-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.dropdown-divider{background:#e2e8f0;height:1px;margin:0}.dropdown-item{color:#334155;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.dropdown-item:hover{background:#f8fafc}.dropdown-item .nav-icon svg{color:#64748b;width:18px;height:18px}.main-content{padding:2rem}.content-wrapper{max-width:1280px;margin:0 auto}@media (max-width:1024px){.nav-links{display:none}}@media (max-width:640px){.logo-image{height:24px}.main-content{padding:1rem}}