.photo-image{display:block}.hero-title{font-size:var(--hero-title-size)}.hero-title-font{font-family:var(--font-gordita-hero)}.page-h1-size{font-size:calc(var(--text-4xl) * var(--page-heading-scale))}@media (min-width:48rem){.page-h1-size{font-size:calc(var(--text-5xl) * var(--page-heading-scale))}}.dashboard-btn,.portal-btn,.staff-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;color:var(--dashboard-btn-color,var(--text-primary,var(--color-text-primary)));-webkit-text-fill-color:currentColor;text-decoration:none}.dashboard-btn:active,.portal-btn:active,.staff-btn:active{transform:scale(.98)}.dashboard-btn,.dashboard-btn-danger,.dashboard-btn-ghost,.dashboard-btn-primary,.dashboard-btn-secondary,.dashboard-btn-warning,.portal-btn,.portal-btn-danger,.portal-btn-ghost,.portal-btn-primary,.portal-btn-secondary,.portal-btn-warning,.staff-btn,.staff-btn-danger,.staff-btn-ghost,.staff-btn-primary,.staff-btn-secondary,.staff-btn-warning{-webkit-text-fill-color:currentColor}.dashboard-btn>*,.portal-btn>*,.staff-btn>*{color:inherit}.dashboard-btn svg,.dashboard-btn-danger svg,.dashboard-btn-ghost svg,.dashboard-btn-primary svg,.dashboard-btn-secondary svg,.dashboard-btn-warning svg,.portal-btn svg,.portal-btn-danger svg,.portal-btn-ghost svg,.portal-btn-primary svg,.portal-btn-secondary svg,.portal-btn-warning svg,.staff-btn svg,.staff-btn-danger svg,.staff-btn-ghost svg,.staff-btn-primary svg,.staff-btn-secondary svg,.staff-btn-warning svg{color:currentColor}.dashboard-btn-primary,.portal-btn-primary,.staff-btn-primary{background:var(--accent);--dashboard-btn-color:var(--color-text-inverted);color:var(--color-text-inverted);border-color:var(--accent)}.dashboard-btn-primary:hover,.portal-btn-primary:hover,.staff-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.dark .dashboard-btn-primary,.dark .portal-btn-primary,.dark .staff-btn-primary,[data-theme=dark] .dashboard-btn-primary,[data-theme=dark] .portal-btn-primary,[data-theme=dark] .staff-btn-primary{background:var(--color-text-inverted);--dashboard-btn-color:var(--color-background);color:var(--color-background);border-color:var(--color-text-inverted)}.dark .dashboard-btn-primary:hover,.dark .portal-btn-primary:hover,.dark .staff-btn-primary:hover,[data-theme=dark] .dashboard-btn-primary:hover,[data-theme=dark] .portal-btn-primary:hover,[data-theme=dark] .staff-btn-primary:hover{background:var(--color-border-strong);border-color:var(--color-border-strong)}.dashboard-btn-secondary,.portal-btn-secondary,.staff-btn-secondary{background:transparent;--dashboard-btn-color:var(--text-primary,var(--color-text-primary));color:var(--dashboard-btn-color)!important;border-color:var(--border-color,var(--color-border))}.dashboard-btn-secondary:hover,.portal-btn-secondary:hover,.staff-btn-secondary:hover{background:var(--bg-tertiary,var(--color-background-hover))}.dark .dashboard-btn-secondary,.dark .portal-btn-secondary,.dark .staff-btn-secondary,[data-theme=dark] .dashboard-btn-secondary,[data-theme=dark] .portal-btn-secondary,[data-theme=dark] .staff-btn-secondary{--dashboard-btn-color:var(--color-text-primary);color:var(--color-text-primary);border-color:var(--color-border)}.dark .dashboard-btn-secondary:hover,.dark .portal-btn-secondary:hover,.dark .staff-btn-secondary:hover,[data-theme=dark] .dashboard-btn-secondary:hover,[data-theme=dark] .portal-btn-secondary:hover,[data-theme=dark] .staff-btn-secondary:hover{background:var(--color-background-hover)}.dashboard-btn-ghost,.portal-btn-ghost,.staff-btn-ghost{background:transparent;--dashboard-btn-color:var(--text-secondary,var(--color-text-secondary));color:var(--dashboard-btn-color)!important;border:none}.dashboard-btn-ghost:hover,.portal-btn-ghost:hover,.staff-btn-ghost:hover{background:var(--bg-tertiary,var(--color-background-hover));--dashboard-btn-color:var(--text-primary,var(--color-text-primary));color:var(--dashboard-btn-color)!important}.dark .dashboard-btn-ghost:hover,.dark .portal-btn-ghost:hover,.dark .staff-btn-ghost:hover,[data-theme=dark] .dashboard-btn-ghost:hover,[data-theme=dark] .portal-btn-ghost:hover,[data-theme=dark] .staff-btn-ghost:hover{background:var(--color-background-hover);--dashboard-btn-color:var(--color-text-primary);color:var(--color-text-primary)}.dashboard-btn-danger,.portal-btn-danger,.staff-btn-danger{background:var(--color-danger);--dashboard-btn-color:var(--color-text-inverted);color:var(--color-text-inverted);border-color:var(--color-danger)}.dashboard-btn-danger:hover,.portal-btn-danger:hover,.staff-btn-danger:hover{background:color-mix(in srgb,var(--color-danger) 85%,#000);border-color:color-mix(in srgb,var(--color-danger) 85%,#000)}.dashboard-btn-warning,.portal-btn-warning,.staff-btn-warning{background:var(--color-warning);--dashboard-btn-color:var(--color-text-inverted);color:var(--color-text-inverted);border-color:var(--color-warning)}.dashboard-btn-warning:hover,.portal-btn-warning:hover,.staff-btn-warning:hover{background:color-mix(in srgb,var(--color-warning) 88%,#000);border-color:color-mix(in srgb,var(--color-warning) 88%,#000)}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-5);border-radius:var(--radius-sm)}.dark .dashboard-card,[data-theme=dark] .dashboard-card{background:var(--color-background-card);border-color:var(--color-border)}.dashboard-input{width:100%;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.dark .dashboard-input,[data-theme=dark] .dashboard-input{background:var(--color-background);border-color:var(--color-border);color:var(--text-primary)}.dashboard-input::placeholder{color:var(--text-muted);opacity:.6}.dashboard-input:focus{outline:none;border-color:var(--accent)}.dashboard-select{width:100%;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);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}.dark .dashboard-select,[data-theme=dark] .dashboard-select{background-color:var(--color-background);border-color:var(--color-border);color:var(--text-primary)}.dashboard-select:focus{outline:none;border-color:var(--accent)}.dashboard-textarea{width:100%;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-size:var(--text-sm);resize:vertical;min-height:80px}.dark .dashboard-textarea,[data-theme=dark] .dashboard-textarea{background-color:var(--color-background);border-color:var(--color-border);color:var(--text-primary)}.dashboard-textarea::placeholder{color:var(--text-muted);opacity:.6}.dashboard-textarea:focus{outline:none;border-color:var(--accent)}.dashboard-table-wrapper{margin-top:var(--space-2)}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th{text-align:left;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.dashboard-table td,.dashboard-table th{padding:var(--space-4);border-bottom:1px solid var(--border-color)}.dashboard-table td{font-size:var(--text-sm);color:var(--text-secondary)}.dashboard-table tbody tr:hover{background:var(--bg-secondary)}@media (max-width:639px){.dashboard-table td,.dashboard-table th{padding:var(--space-3) var(--space-3);font-size:var(--text-xs)}}.dashboard-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid transparent}.dashboard-badge-success{background:var(--color-success-light);color:var(--color-success-text);border-color:var(--color-success-border)}.dashboard-badge-warning{background:var(--color-warning-light);color:var(--color-warning-text);border-color:var(--color-warning-border)}.dashboard-badge-danger{background:var(--color-danger-light);color:var(--color-danger-text);border-color:var(--color-danger-border)}.dashboard-badge-info{background:var(--color-info-light);color:var(--color-info-text);border-color:var(--color-info-border)}.dashboard-badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.dashboard-toolbar{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.dashboard-toolbar-left{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%}.dashboard-toolbar-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}@media (min-width:640px){.dashboard-toolbar{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-4)}.dashboard-toolbar-left{width:auto}.dashboard-search{width:auto;min-width:220px}}.dashboard-search{position:relative;width:100%}.dashboard-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted)}.dashboard-search-input{padding-left:var(--space-8)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}@media (max-width:479px){.dashboard-stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}}.dashboard-stat-card{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-5);border-radius:var(--radius-sm)}.dark .dashboard-stat-card,[data-theme=dark] .dashboard-stat-card{background:var(--color-background-card);border-color:var(--color-border)}.dashboard-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}@media (max-width:479px){.dashboard-pagination{flex-direction:column;align-items:flex-start}}.dashboard-pagination-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.dashboard-pagination-btn:hover:not(:disabled){background:var(--bg-tertiary)}.dashboard-pagination-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.dashboard-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--color-surface-strong) 50%,transparent);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.dashboard-modal{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);border-radius:var(--radius-sm);max-height:90vh;overflow-y:auto}.dashboard-modal,.portal-modal{max-width:var(--size-500px);width:100%}@media (max-width:639px){.dashboard-modal{margin:var(--space-2);max-height:calc(100vh - 4rem)}}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-spinner{animation:spin 1s linear infinite;color:var(--accent)}.dashboard-toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-toast{padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);min-width:280px}.dashboard-dropdown,.dashboard-toast{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.dashboard-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);z-index:var(--z-dropdown);min-width:min(320px,calc(100vw - 2rem));max-width:calc(100vw - 2rem)}.dark .dashboard-dropdown,[data-theme=dark] .dashboard-dropdown{background:var(--color-background-elevated);border-color:var(--color-border)}.dashboard-notifications-dropdown{width:min(360px,calc(100vw - 2rem))}.dashboard-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.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(--color-border)}.dashboard-notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);transition:background var(--transition-fast);text-decoration:none;color:inherit}.dashboard-notification-item:hover{background:var(--color-background-hover)}.dashboard-notification-item.unread{background:var(--color-success-light)}.dashboard-notification-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);background:var(--color-background-hover);color:var(--color-text-secondary)}.dash-notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-danger);border-radius:50%}.dash-text-primary{color:var(--color-text-primary)}.dash-text-muted{color:var(--color-text-muted)}.dash-text-accent{color:var(--color-success)}.dash-text-danger{color:var(--color-danger)}.dash-text-warning{color:var(--color-warning)}.dash-bg-danger-light{background:var(--color-danger-light)}.dash-bg-warning-light{background:var(--color-warning-light)}.dash-bg-secondary:hover{background:var(--color-background-elevated)}.dashboard-card--no-padding{padding:0}.dashboard-card-title{color:var(--color-text-primary);font-weight:600;letter-spacing:-.02em}.dashboard-td--highlight{color:var(--color-text-primary);font-weight:500}.dashboard-page-header{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.dashboard-page-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);line-height:1.1;letter-spacing:-.02em}@media (min-width:768px){.dashboard-page-title{font-size:var(--text-3xl)}}.dashboard-page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.dashboard-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-elevated);color:var(--color-text-primary);font-weight:600;border-radius:var(--radius-full);border:1px solid var(--color-border);flex-shrink:0;letter-spacing:0}.dashboard-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);line-height:1;letter-spacing:-.02em}.dashboard-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.dashboard-stat-change{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2)}.dashboard-stat-change.positive{color:var(--color-success-text);background:var(--color-success-light)}.dashboard-stat-change.negative{color:var(--color-danger-text);background:var(--color-danger-light)}.dashboard-stat-change.neutral{color:var(--color-text-muted);background:var(--bg-secondary)}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) 0;text-align:center}.dashboard-empty-state-icon{margin-bottom:var(--space-4);opacity:.2}.dashboard-empty-state-title{color:var(--dash-text);margin-bottom:var(--space-1)}.dashboard-empty-state-desc{margin-bottom:var(--space-4);opacity:.6}.dashboard-filter-select{width:auto;min-width:120px}.dashboard-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color)}.dashboard-modal-title{color:var(--text-primary)}.dashboard-modal-body{padding:var(--space-5)}.dashboard-modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color)}.dashboard-confirm-icon{padding:var(--space-2);flex-shrink:0}.dashboard-confirm-icon--danger{background:var(--color-danger-light)}.dashboard-confirm-icon--warning{background:var(--color-warning-light)}.dashboard-tabs-container{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-background-elevated);border-bottom:1px solid var(--color-border)}.dashboard-tab{padding:var(--space-2) var(--space-4);cursor:pointer;background:transparent;color:var(--color-text-muted);border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.dashboard-tab.active,.dashboard-tab:hover{color:var(--color-text-primary)}.dashboard-tab.active{border-bottom-color:var(--color-brand-primary)}.dashboard-toggle{width:40px;height:20px;background:var(--color-border);border:none;cursor:pointer;position:relative;transition:background var(--transition-fast);flex-shrink:0;border-radius:var(--radius-full)}.dashboard-toggle.checked{background:var(--color-success)}.dashboard-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-text-inverted);transition:left var(--transition-fast);box-shadow:var(--shadow-sm)}.dashboard-toggle.checked .dashboard-toggle-thumb{left:calc(100% - 18px)}.dashboard-toggle-label{color:var(--color-text-primary)}.dashboard-checkbox{width:16px;height:16px;border-radius:var(--radius-xs);border:1px solid var(--color-border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.dashboard-checkbox.checked{background:var(--color-success);border-color:var(--color-success)}.dashboard-checkbox-label{color:var(--color-text-primary)}.dashboard-tooltip{background:var(--color-text-primary);color:var(--color-background);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);white-space:nowrap;z-index:var(--z-overlay);box-shadow:var(--shadow-md)}.dashboard-toast-item{animation:slideIn .2s ease}.dashboard-toast-success{background:var(--color-success)}.dashboard-toast-error{background:var(--color-danger)}.dashboard-toast-warning{background:var(--color-warning)}.dashboard-toast-info{background:var(--color-info)}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:640px){.dashboard-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.dashboard-toolbar-left,.dashboard-toolbar-right{width:100%;justify-content:flex-start}.dashboard-search-input{min-width:0;width:100%}.dashboard-search{width:100%}.dashboard-toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}.dashboard-toast{min-width:0;width:100%}}@media (max-width:480px){.dashboard-stats-grid,.home-stats-grid{grid-template-columns:repeat(2,1fr)}.home-stats-grid{gap:var(--space-md)}}@media (max-width:640px){.dashboard-toolbar{flex-direction:column;align-items:stretch}.dashboard-toolbar-left{flex-direction:column;width:100%}.dashboard-toolbar-right{justify-content:flex-end}.dashboard-search{width:100%}.dashboard-search-input{min-width:0;width:100%}.dashboard-filter-select{width:100%}.dashboard-tabs{overflow-x:auto;scrollbar-width:none;white-space:nowrap;gap:0}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{flex-shrink:0}.dashboard-table th{font-size:10px}.dashboard-table td,.dashboard-table th{padding:var(--space-3) var(--space-2)}.dashboard-modal{max-width:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin:0}.dashboard-modal-header{padding:var(--space-4)}.dashboard-toast-container{right:var(--space-4);left:var(--space-4);bottom:var(--space-4)}.dashboard-toast{min-width:0;width:100%}.dashboard-dropdown,.dashboard-notifications-dropdown{width:calc(100vw - var(--space-8));min-width:0;right:0;left:auto}.dashboard-page-title{font-size:var(--text-2xl)}.dashboard-pagination{flex-wrap:wrap;gap:var(--space-2)}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.dashboard-card{padding:var(--space-4)}.dashboard-toolbar .dashboard-btn{width:100%;justify-content:center}}@media (max-width:375px){.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-page-title{font-size:var(--text-xl)}}.ds-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;line-height:1;border-radius:var(--radius-xs);white-space:nowrap}.ds-badge--success{background:var(--color-success-light);color:var(--color-success-text);border:1px solid var(--color-success-border)}.ds-badge--warning{background:var(--color-warning-light);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.ds-badge--danger{background:var(--color-danger-light);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.ds-badge--neutral{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.ds-badge--error{background:var(--color-danger-light);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.ds-badge--info{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.ds-icon-box{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--bg-secondary);border-radius:var(--radius-xs);flex-shrink:0;color:var(--text-muted)}.ds-icon-box--sm{width:1.5rem;height:1.5rem}.ds-icon-box--lg{width:2.5rem;height:2.5rem}.ds-count-pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.ds-count-pill,.ds-pill-tabs{background:var(--bg-secondary)}.ds-pill-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.ds-pill-tabs::-webkit-scrollbar{display:none}.ds-pill-tab{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:normal;text-transform:uppercase;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:var(--radius-xs)}.ds-pill-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.ds-pill-tab--active{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.ds-text-success{color:var(--color-success-text)}.ds-text-danger{color:var(--color-danger-text)}.ds-text-warning{color:var(--color-warning-text)}.ds-text-info{color:var(--color-info-text)}.ds-text-muted{color:var(--color-text-muted)}.ds-text-subtle{color:var(--color-text-secondary)}.ds-icon-btn--danger,.ds-icon-btn--danger:hover{color:var(--color-danger-text)}.ds-icon-btn--danger:hover{background:var(--color-danger-light)}.ds-icon-btn--warning,.ds-icon-btn--warning:hover{color:var(--color-warning-text)}.ds-icon-btn--warning:hover{background:var(--color-warning-light)}.ds-icon-btn--success,.ds-icon-btn--success:hover{color:var(--color-success-text)}.ds-icon-btn--success:hover{background:var(--color-success-light)}.ds-callout{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);border:1px solid}.ds-callout--warning{background:var(--color-warning-light);border-color:var(--color-warning-border);color:var(--color-warning-text)}.ds-callout--danger{background:var(--color-danger-light);border-color:var(--color-danger-border);color:var(--color-danger-text)}.ds-callout--info{background:var(--color-info-light);border-color:var(--color-info-border);color:var(--color-info-text)}.ds-callout--success{background:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success-text)}.ds-text-rating{color:var(--color-rating-star)}.dashboard-stat-bg-success{background:var(--color-success-light)}.dashboard-stat-bg-danger{background:var(--color-danger-light)}.dashboard-stat-bg-warning{background:var(--color-warning-light)}.dashboard-stat-bg-info{background:var(--color-info-light)}.dashboard-stat-bg-purple{background:color-mix(in srgb,var(--color-category-purple) 10%,transparent)}.dashboard-stat-bg-pink{background:color-mix(in srgb,var(--color-category-pink) 10%,transparent)}.dashboard-stat-bg-indigo{background:color-mix(in srgb,var(--color-category-indigo) 10%,transparent)}.dashboard-stat-bg-violet{background:color-mix(in srgb,var(--color-category-violet) 10%,transparent)}.dashboard-stat-bg-teal{background:color-mix(in srgb,var(--color-category-teal) 10%,transparent)}.dashboard-stat-bg-orange{background:color-mix(in srgb,var(--color-category-orange) 10%,transparent)}.dashboard-stat-bg-cyan{background:color-mix(in srgb,var(--color-category-cyan) 10%,transparent)}.ds-text-purple{color:var(--color-category-purple)}.ds-text-pink{color:var(--color-category-pink)}.ds-text-indigo{color:var(--color-category-indigo)}.ds-text-violet{color:var(--color-category-violet)}.ds-text-teal{color:var(--color-category-teal)}.ds-text-orange{color:var(--color-category-orange)}.ds-text-cyan{color:var(--color-category-cyan)}