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