[data-theme=dark]{--dash-bg-primary: #0a0a0a;--dash-bg-secondary: #141414;--dash-bg-tertiary: #1a1a1a;--dash-bg-hover: #202020;--dash-surface: #141414;--dash-surface-hover: #1a1a1a;--dash-surface-elevated: #1e1e1e;--dash-border-subtle: #2a2a2a;--dash-border-default: #333333;--dash-border-strong: #404040;--dash-text-primary: #e5e5e5;--dash-text-secondary: #a3a3a3;--dash-text-tertiary: #737373;--dash-text-disabled: #525252;--dash-accent-primary: #3b82f6;--dash-accent-hover: #2563eb;--dash-accent-light: rgba(59, 130, 246, .1);--dash-accent-border: rgba(59, 130, 246, .2);--dash-success: #10b981;--dash-success-light: rgba(16, 185, 129, .1);--dash-warning: #f59e0b;--dash-warning-light: rgba(245, 158, 11, .1);--dash-error: #ef4444;--dash-error-light: rgba(239, 68, 68, .1);--dash-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--dash-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--dash-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--dash-shadow-glow: 0 0 20px rgba(59, 130, 246, .15)}[data-theme=light]{--dash-bg-primary: #ffffff;--dash-bg-secondary: #f8f9fa;--dash-bg-tertiary: #f1f3f5;--dash-bg-hover: #e9ecef;--dash-surface: #ffffff;--dash-surface-hover: #f8f9fa;--dash-surface-elevated: #ffffff;--dash-border-subtle: #e5e7eb;--dash-border-default: #d1d5db;--dash-border-strong: #9ca3af;--dash-text-primary: #1f2937;--dash-text-secondary: #4b5563;--dash-text-tertiary: #6b7280;--dash-text-disabled: #9ca3af;--dash-accent-primary: #3b82f6;--dash-accent-hover: #2563eb;--dash-accent-light: rgba(59, 130, 246, .08);--dash-accent-border: rgba(59, 130, 246, .15);--dash-success: #10b981;--dash-success-light: rgba(16, 185, 129, .08);--dash-warning: #f59e0b;--dash-warning-light: rgba(245, 158, 11, .08);--dash-error: #ef4444;--dash-error-light: rgba(239, 68, 68, .08);--dash-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--dash-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--dash-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--dash-shadow-glow: 0 0 20px rgba(59, 130, 246, .1)}.dashboard-container{background-color:var(--dash-bg-primary);color:var(--dash-text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}.dashboard-card{background-color:var(--dash-surface);border:1px solid var(--dash-border-subtle);border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--dash-shadow-sm)}.dashboard-card:hover{border-color:var(--dash-border-default);box-shadow:var(--dash-shadow-md);transform:translateY(-2px)}.dashboard-card-elevated{background-color:var(--dash-surface-elevated);box-shadow:var(--dash-shadow-md)}.dashboard-card-glass{background:var(--dash-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--dash-border-subtle);box-shadow:var(--dash-shadow-lg)}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dash-accent-primary),var(--dash-accent-hover));opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.dashboard-sidebar{background-color:var(--dash-surface);border-right:1px solid var(--dash-border-subtle);transition:background-color .3s ease}.nav-item{color:var(--dash-text-secondary);border-left:2px solid transparent;transition:all .2s ease}.nav-item:hover{background-color:var(--dash-bg-hover);color:var(--dash-text-primary)}.nav-item-active{color:var(--dash-accent-primary);background-color:var(--dash-accent-light);border-left-color:var(--dash-accent-primary)}.btn-dashboard-primary{background-color:var(--dash-accent-primary);color:#fff;border:none;transition:all .2s ease}.btn-dashboard-primary:hover{background-color:var(--dash-accent-hover);box-shadow:var(--dash-shadow-glow)}.btn-dashboard-secondary{background-color:transparent;color:var(--dash-text-primary);border:1px solid var(--dash-border-default);transition:all .2s ease}.btn-dashboard-secondary:hover{border-color:var(--dash-accent-primary);color:var(--dash-accent-primary);background-color:var(--dash-accent-light)}.input-dashboard{background-color:var(--dash-surface);border:1px solid var(--dash-border-subtle);color:var(--dash-text-primary);transition:all .2s ease}.input-dashboard:hover{border-color:var(--dash-border-default)}.input-dashboard:focus{outline:none;border-color:var(--dash-accent-primary);box-shadow:0 0 0 3px var(--dash-accent-light)}.progress-bar{background-color:var(--dash-bg-secondary);height:8px;border-radius:999px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--dash-accent-primary),var(--dash-accent-hover));height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.table-dashboard{width:100%;border-collapse:separate;border-spacing:0}.table-dashboard th{background-color:var(--dash-bg-secondary);color:var(--dash-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--dash-border-subtle)}.table-dashboard td{padding:1rem;border-bottom:1px solid var(--dash-border-subtle);color:var(--dash-text-primary)}.table-dashboard tr:hover td{background-color:var(--dash-bg-hover)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;letter-spacing:.025em}.badge-success{background-color:var(--dash-success-light);color:var(--dash-success);border:1px solid var(--dash-success)}.badge-warning{background-color:var(--dash-warning-light);color:var(--dash-warning);border:1px solid var(--dash-warning)}.badge-error{background-color:var(--dash-error-light);color:var(--dash-error);border:1px solid var(--dash-error)}.badge-info{background-color:var(--dash-accent-light);color:var(--dash-accent-primary);border:1px solid var(--dash-accent-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.dashboard-container ::-webkit-scrollbar{width:8px;height:8px}.dashboard-container ::-webkit-scrollbar-track{background:var(--dash-bg-secondary)}.dashboard-container ::-webkit-scrollbar-thumb{background:var(--dash-border-default);border-radius:4px}.dashboard-container ::-webkit-scrollbar-thumb:hover{background:var(--dash-border-strong)}