:root{--dash-bg:var(--bg-primary,#fff);--dash-bg-secondary:var(--bg-secondary,#f9fafb);--dash-bg-tertiary:var(--bg-tertiary,#f3f4f6);--dash-card-bg:var(--bg-card,#fff);--dash-text:var(--text-primary,#000);--dash-text-secondary:var(--text-secondary,#4b5563);--dash-text-muted:var(--text-muted,#6b7280);--dash-border:var(--border-color,#e5e7eb);--dash-accent:var(--accent,#000)}.dashboard-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;display:inline-flex}.dashboard-btn-primary{background:var(--accent,#000);border-color:var(--accent,#000);color:#fff!important}.dashboard-btn-primary:hover{background:var(--accent-hover,#18181b);border-color:var(--accent-hover,#18181b)}.dark .dashboard-btn-primary,[data-theme=dark] .dashboard-btn-primary{background:#fff;border-color:#fff;color:#000!important}.dark .dashboard-btn-primary:hover,[data-theme=dark] .dashboard-btn-primary:hover{background:#e5e7eb;border-color:#e5e7eb}.dashboard-btn-secondary{color:var(--text-primary,#000);border-color:var(--border-color,#e5e7eb);background:0 0}.dashboard-btn-secondary:hover{background:var(--bg-tertiary,#f3f4f6)}.dark .dashboard-btn-secondary,[data-theme=dark] .dashboard-btn-secondary{color:#f4f4f5;border-color:#3f3f46}.dark .dashboard-btn-secondary:hover,[data-theme=dark] .dashboard-btn-secondary:hover{background:#27272a}.dashboard-btn-ghost{color:var(--text-secondary,#6b7280);padding:var(--space-2);background:0 0;border:none}.dashboard-btn-ghost:hover{background:var(--bg-tertiary,#f3f4f6);color:var(--text-primary,#000)}.dark .dashboard-btn-ghost:hover,[data-theme=dark] .dashboard-btn-ghost:hover{color:#f4f4f5;background:#27272a}.dashboard-btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.dashboard-btn-danger:hover{background:#dc2626;border-color:#dc2626}.dashboard-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);padding:var(--space-5)}.dashboard-input{width:100%;padding:var(--space-3);background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#000);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.dashboard-input::placeholder{color:var(--text-muted,#9ca3af)}.dashboard-input:focus{border-color:var(--accent,#000);outline:none}.dashboard-select{width:100%;padding:var(--space-3);background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#000);font-size:var(--text-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.dashboard-select:focus{border-color:var(--accent,#000);outline:none}.dashboard-textarea{width:100%;padding:var(--space-3);background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#000);font-size:var(--text-sm);resize:vertical;min-height:80px}.dashboard-textarea::placeholder{color:var(--text-muted,#9ca3af)}.dashboard-textarea:focus{border-color:var(--accent,#000);outline:none}.dashboard-table-wrapper{margin-top:var(--space-2)}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th{text-align:left;padding:var(--space-4);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted,#6b7280);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color,#e5e7eb)}.dashboard-table td{padding:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary,#4b5563);border-bottom:1px solid var(--border-color,#e5e7eb)}.dashboard-table tbody tr:hover{background:var(--bg-secondary,#f9fafb)}.dashboard-badge{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);align-items:center;display:inline-flex}.dashboard-badge-success{background:var(--color-success-light);color:var(--color-success)}.dashboard-badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.dashboard-badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.dashboard-badge-info{background:var(--color-info-light);color:var(--color-info)}.dashboard-badge-neutral{background:var(--bg-tertiary,#f3f4f6);color:var(--text-secondary,#6b7280)}.dashboard-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.dashboard-toolbar-left{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.dashboard-toolbar-right{align-items:center;gap:var(--space-3);display:flex}.dashboard-search{position:relative}.dashboard-search-icon{left:var(--space-3);color:var(--text-muted,#9ca3af);position:absolute;top:50%;transform:translateY(-50%)}.dashboard-search-input{padding-left:var(--space-8);min-width:200px}.dashboard-stats-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.dashboard-stat-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);padding:var(--space-5)}.dashboard-pagination{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;display:flex}.dashboard-pagination-btn{padding:var(--space-2)var(--space-3);border:1px solid var(--border-color,#e5e7eb);background:var(--bg-primary,#fff);color:var(--text-secondary,#6b7280);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.dashboard-pagination-btn:hover:not(:disabled){background:var(--bg-tertiary,#f3f4f6)}.dashboard-pagination-btn.active{background:var(--accent,#000);color:var(--bg-primary,#fff);border-color:var(--accent,#000)}.dashboard-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-tabs{gap:var(--space-1);border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:var(--space-4);display:flex}.dashboard-tab{padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--text-muted,#6b7280);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.dashboard-tab:hover{color:var(--text-primary,#000)}.dashboard-tab.active{color:var(--text-primary,#000);border-bottom-color:var(--accent,#000)}.dashboard-modal-overlay{z-index:var(--z-modal);padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dashboard-modal{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);padding:var(--space-6);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.dashboard-toggle{background:var(--bg-tertiary,#e5e7eb);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--transition-fast);position:relative}.dashboard-toggle.checked{background:var(--color-success)}.dashboard-toggle-thumb{border-radius:var(--radius-full);width:20px;height:20px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;position:absolute;top:2px;left:2px}.dashboard-toggle.checked .dashboard-toggle-thumb{transform:translate(20px)}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-spinner{color:var(--accent,#000);animation:1s linear infinite spin}.dashboard-toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.dashboard-toast{padding:var(--space-4);background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-3);min-width:280px;display:flex}.dashboard-toast-success{border-left:3px solid var(--color-success)}.dashboard-toast-error{border-left:3px solid var(--color-danger)}.dashboard-toast-warning{border-left:3px solid var(--color-warning)}.dashboard-toast-info{border-left:3px solid var(--color-info)}.dashboard-dropdown{margin-top:var(--space-2);background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:320px;position:absolute;top:100%;right:0}.dark .dashboard-dropdown,[data-theme=dark] .dashboard-dropdown{background:#18181b;border-color:#3f3f46}.dashboard-notifications-dropdown{width:360px}.dashboard-dropdown-header{padding:var(--space-4);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;display:flex}.dark .dashboard-dropdown-header,[data-theme=dark] .dashboard-dropdown-header{border-bottom-color:#3f3f46}.dashboard-dropdown-body{padding:var(--space-2)}.dashboard-dropdown-footer{padding:var(--space-3)var(--space-4);text-align:center;border-top:1px solid var(--border-color,#e5e7eb)}.dark .dashboard-dropdown-footer,[data-theme=dark] .dashboard-dropdown-footer{border-top-color:#3f3f46}.dashboard-notification-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);color:inherit;text-decoration:none;display:flex}.dashboard-notification-item:hover{background:var(--bg-tertiary,#f3f4f6)}.dark .dashboard-notification-item:hover,[data-theme=dark] .dashboard-notification-item:hover{background:#27272a}.dashboard-notification-item.unread{background:#22c55e0d}.dashboard-notification-icon{border-radius:var(--radius-full);background:var(--bg-tertiary,#f3f4f6);width:32px;height:32px;color:var(--text-secondary,#6b7280);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dark .dashboard-notification-icon,[data-theme=dark] .dashboard-notification-icon{color:#a1a1aa;background:#27272a}.dash-notification-dot{background:var(--color-danger);border-radius:var(--radius-full);width:8px;height:8px;position:absolute;top:6px;right:6px}.dash-text-primary{color:var(--text-primary,#000)}.dark .dash-text-primary,[data-theme=dark] .dash-text-primary{color:#f4f4f5}.dash-text-muted{color:var(--text-muted,#6b7280)}.dark .dash-text-muted,[data-theme=dark] .dash-text-muted{color:#71717a}.dash-text-accent{color:var(--color-success)}.dash-bg-secondary:hover{background:var(--bg-secondary,#f9fafb)}.dark .dash-bg-secondary:hover,[data-theme=dark] .dash-bg-secondary:hover{background:#27272a}
