.dashboard-page{background:var(--background);flex-direction:column;min-height:100vh;display:flex}.dashboard-nav{-webkit-backdrop-filter:blur(20px);z-index:100;background:linear-gradient(135deg,#03b0ad0d 0%,#03b0ad05 100%);border-bottom:1px solid #03b0ad1a;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0;box-shadow:0 4px 24px #0000000f,0 0 1px #0000000a}.nav-content{justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0;display:flex}.nav-title{background:linear-gradient(135deg,#03b0ad 0%,#028f8c 50%,#026b69 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:900;display:flex;position:relative}.nav-title:before{content:"◆";background:linear-gradient(135deg,#03b0ad 0%,#028f8c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.nav-actions{align-items:center;gap:1.5rem;display:flex}.user-info{color:var(--foreground);background:var(--background-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:100px;align-items:center;gap:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000a}.user-info:hover{background:var(--background-tertiary);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.admin-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:100px;padding:.375rem .875rem;font-size:.6875rem;font-weight:800;animation:3s ease-in-out infinite shimmer;box-shadow:0 2px 8px #8b5cf64d}@keyframes shimmer{0%,to{box-shadow:0 2px 8px #8b5cf64d}50%{box-shadow:0 4px 16px #8b5cf680}}.city-admin-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#03b0ad 0%,#028f8c 100%);border-radius:100px;padding:.375rem .875rem;font-size:.6875rem;font-weight:800;animation:3s ease-in-out infinite shimmer-teal;box-shadow:0 2px 8px #03b0ad4d}@keyframes shimmer-teal{0%,to{box-shadow:0 2px 8px #03b0ad4d}50%{box-shadow:0 4px 16px #03b0ad80}}.user-avatar{color:#fff;background:linear-gradient(135deg,#03b0ad 0%,#028f8c 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.125rem;font-weight:800;display:flex;box-shadow:0 2px 8px #03b0ad4d}.user-details{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.user-name{color:var(--foreground);font-size:.9375rem;font-weight:600;line-height:1.2}.nav-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:.5rem;display:flex;background:var(--background-secondary)!important;border:1px solid var(--border)!important;color:var(--foreground)!important;border-radius:100px!important;padding:.625rem 1.25rem!important;font-size:.9375rem!important;font-weight:600!important;transition:all .3s!important}.nav-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014;background:#03b0ad1a!important;border-color:#03b0ad4d!important}.nav-button .button-icon{font-size:1.125rem;line-height:1}.nav-button .button-text{line-height:1}.logout-button:hover{background:var(--error-color)!important;border-color:var(--error-color)!important;color:#fff!important}.dashboard-main{padding:var(--spacing-2xl)0;flex:1}.welcome-section{margin-bottom:var(--spacing-2xl);animation:fadeIn var(--transition-base)ease-out}.welcome-title{color:var(--foreground);margin-bottom:var(--spacing-sm);font-size:2.5rem;font-weight:800;line-height:1.2}.welcome-subtitle{color:var(--foreground-secondary);margin:0;font-size:1.125rem}.stats-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);animation:fadeIn var(--transition-base)ease-out .1s;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.section{margin-bottom:var(--spacing-2xl)}.section-title{color:var(--foreground);margin-bottom:var(--spacing-lg);font-size:1.5rem;font-weight:700}.actions-grid{gap:var(--spacing-lg);animation:fadeIn var(--transition-base)ease-out .2s;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.recent-requests{gap:var(--spacing-md);flex-direction:column;display:flex}.request-item{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--background-secondary);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.request-item:hover{background:var(--background-tertiary);transform:translate(4px)}.request-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.request-name{color:var(--foreground);font-size:.9375rem;font-weight:600}.request-type{color:var(--foreground-secondary);font-size:.8125rem}.request-meta{align-items:center;gap:var(--spacing-md);display:flex}.request-date{color:var(--foreground-tertiary);white-space:nowrap;font-size:.8125rem}.status-badge{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700}.status-pending{color:var(--warning-600);border:1px solid var(--warning-400);background:#fbbf241a}.status-approved{color:var(--success-color);border:1px solid var(--success-color);background:#22c55e1a}.status-rejected{color:var(--error-color);border:1px solid var(--error-color);background:#ef44441a}.empty-state{text-align:center;padding:var(--spacing-3xl);align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.empty-state p{color:var(--foreground-secondary);font-size:1.125rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.dashboard-main{padding:var(--spacing-lg)0}.welcome-section{margin-bottom:var(--spacing-xl)}.welcome-title{font-size:1.75rem}.welcome-subtitle{font-size:1rem}.stats-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:1fr}.actions-grid{gap:var(--spacing-md);grid-template-columns:1fr}.section{margin-bottom:var(--spacing-xl)}.request-item{flex-direction:column;align-items:flex-start}.request-meta{justify-content:space-between;width:100%}.nav-content{gap:1rem;padding:1rem 0}.nav-title{font-size:1.5rem}.nav-title:before{font-size:.875rem}.nav-actions{flex-wrap:wrap;gap:.75rem}.user-info{gap:.5rem;padding:.5rem 1rem;font-size:.875rem}.user-avatar{width:2rem;height:2rem;font-size:1rem}.user-name{font-size:.875rem}.admin-badge,.city-admin-badge{padding:.25rem .625rem;font-size:.625rem}.nav-button{gap:.375rem;padding:.5rem 1rem!important;font-size:.875rem!important}.nav-button .button-text{display:none}.nav-button .button-icon{font-size:1.25rem}}