:root{--color-primary: rgba(38, 60, 180, .5058823529);--color-primary-dark: #155dfc;--color-primary-light: #5a9fff;--color-primary-hover: #5a9fff;--color-primary-accent: #5a9fff;--color-secondary: rgba(38, 60, 180, .5058823529);--color-secondary-dark: #155dfc;--color-secondary-light: #5a9fff;--color-surface: #ffffff;--color-surface-alt: #f9fafb;--color-surface-elevated: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-medium: #d1d5dc;--color-text: #4a5565;--color-text-primary: #0a0a0a;--color-text-heading: #101828;--color-text-secondary: #6a7282;--color-text-muted: #99a1af;--color-text-inverse: #0a0a0a;--color-text-sidebar: #0a0a0a;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-dark: #ffffff;--color-bg-darker: #ffffff;--color-bg-darkest: #ffffff;--color-success: #00c950;--color-success-dark: #00a63e;--color-success-light: #dcfce7;--color-error: #fb2c36;--color-error-dark: #e7000b;--color-error-light: #ffe2e2;--color-info: #d71920;--color-info-dark: #155dfc;--color-info-light: #dbeafe;--color-warning: #ffc107;--color-warning-light: #fff3cd;--color-purple: #ad46ff;--color-purple-dark: #9810fa;--color-purple-light: #f3e8ff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0px 1px 3px 0px rgba(0, 0, 0, .1), 0px 1px 2px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .1);--shadow-xl: 0 8px 16px 0 rgba(0, 0, 0, .1)}.container-responsive{width:100%;margin:0 auto;padding:0 16px}@media (min-width: 768px){.container-responsive{padding:0 24px}}@media (min-width: 992px){.container-responsive{padding:0 32px}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#4a5565;background-color:#fff;min-height:100vh;margin:0;padding:0;overflow-x:hidden}app-root{display:block;width:100%;min-height:100vh}button:disabled,button[disabled],.btn:disabled,.btn[disabled],.btn-primary:disabled,.btn-primary[disabled],.btn-secondary:disabled,.btn-secondary[disabled],.btn-outline:disabled,.btn-outline[disabled],.dropdown-item:disabled,.dropdown-item[disabled],.btn-assign-staff:disabled,.btn-assign-staff[disabled],.btn-page-text:disabled,.btn-page-text[disabled],.btn-page-number:disabled,.btn-page-number[disabled]{opacity:.6!important;cursor:not-allowed!important;pointer-events:auto!important}body .operations-container,body .approval-container,body .users-list-container,body .settings-container,body .creator-management-container,body .creator-detail-container,body .course-category-container,body .category-detail-container,body .profile-page,body .payment-container,body .reports-container,body .staff-container,body .staff-detail-container,body .enquiry-list-container,body .roles-list-container,body .talents-list{width:100%;max-width:1400px;margin:0 auto}body .operations-container .page-header,body .approval-container .page-header,body .users-list-container .page-header,body .settings-container .page-header,body .creator-management-container .page-header,body .creator-detail-container .page-header,body .course-category-container .page-header,body .category-detail-container .page-header,body .profile-page .profile-page-header,body .profile-page .profile-container,body .payment-container .page-header,body .reports-container .page-header,body .staff-container .page-header,body .staff-detail-container .page-header,body .enquiry-list-container .page-header,body .roles-list-container .page-header,body .talents-list .talents-list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem 1.5rem;padding:.25rem 0}body .operations-container .page-title,body .approval-container .page-title,body .users-list-container .page-title,body .settings-container .page-title,body .creator-management-container .page-title,body .creator-detail-container .page-title,body .course-category-container .page-title,body .category-detail-container .category-title,body .profile-page .profile-page-title,body .payment-container .page-title,body .reports-container .page-title,body .staff-container .page-title,body .staff-detail-container .page-title,body .enquiry-list-container .page-title,body .roles-list-container .page-title,body .talents-list .talents-list-title{font-size:1.5rem;font-weight:700;line-height:1.3;color:#0f172a;margin:0}body .operations-container .page-subtitle,body .approval-container .page-subtitle,body .users-list-container .page-subtitle,body .settings-container .page-subtitle,body .creator-management-container .page-subtitle,body .creator-detail-container .page-subtitle,body .course-category-container .page-subtitle,body .category-detail-container .category-description,body .profile-page .profile-page-subtitle,body .payment-container .page-subtitle,body .reports-container .page-subtitle,body .staff-container .page-subtitle,body .staff-detail-container .page-subtitle,body .enquiry-list-container .page-subtitle,body .roles-list-container .page-subtitle,body .talents-list .talents-list-subtitle{margin:.25rem 0 0;font-size:.95rem;line-height:1.5;color:#64748b}body .operations-container .content-card,body .approval-container .content-card,body .users-list-container .content-card,body .settings-container .content-card,body .creator-management-container .content-card,body .creator-detail-container .profile-card,body .course-category-container .content-card,body .category-detail-container .content-card,body .profile-page .profile-card,body .payment-container .content-card,body .reports-container .content-card,body .staff-container .content-card,body .staff-detail-container .content-card,body .enquiry-list-container .content-card,body .roles-list-container .content-card,body .talents-list .talents-list-filters,body .talents-list .talents-list-table-wrapper{background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #0f172a0a}body .operations-container .stats-grid,body .approval-container .stats-grid,body .settings-container .stats-grid,body .creator-management-container .stats-grid{display:grid;gap:1rem 1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}body .operations-container .stats-card,body .approval-container .stats-card,body .settings-container .stats-card,body .creator-management-container .stats-card,body .staff-container .stats-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 6px 16px #0f172a0a}body .table-container,body .table-responsive,body .talents-list-table-wrapper{overflow:hidden;border-radius:16px;background:#ffffff}body .table-container table,body .table-responsive table,body .talents-list-table{width:100%;border-collapse:collapse;background:#ffffff}body .table-container th,body .table-responsive th,body .talents-list-table-header .talents-list-col{padding:.9rem 1rem;background-color:#f8fafc;color:#64748b;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb}body .table-container td,body .table-responsive td,body .talents-list-table-body .talents-list-col{padding:1rem;color:#334155;font-size:.92rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}body .table-container tr:last-child td,body .table-responsive tr:last-child td,body .talents-list-table-body .talents-list-table-row:last-child{border-bottom:none}body .table-container tr:hover td,body .table-responsive tr:hover td,body .talents-list-table-body .talents-list-table-row:hover{background-color:#f8fafc}body .search-box,body .talents-list-search,body .search-bar-wrapper,body .role-selector,body .status-select,body .filter-group select,body .talents-list-filter-select{border:1px solid #e5e7eb;border-radius:10px;background-color:#fff}body .search-input,body .status-select,body .talents-list-search-input,body .search-bar-wrapper .search-input,body .talents-list-filter-control{border:none;outline:none;background:transparent}body .btn-primary,body .btn-new-ticket,body .btn-approve,body .btn-reject,body .btn-send-response,body .btn-resolve-ticket{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:10px;padding:.7rem 1rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}body .btn-primary:hover,body .btn-new-ticket:hover,body .btn-approve:hover,body .btn-reject:hover,body .btn-send-response:hover,body .btn-resolve-ticket:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb29}@media (max-width: 768px){body .operations-container .page-header,body .approval-container .page-header,body .users-list-container .page-header,body .settings-container .page-header,body .creator-management-container .page-header,body .creator-detail-container .page-header,body .category-detail-container .page-header,body .profile-page .profile-page-header,body .payment-container .page-header,body .reports-container .page-header,body .staff-container .page-header,body .staff-detail-container .page-header,body .enquiry-list-container .page-header,body .roles-list-container .page-header,body .talents-list .talents-list-header{align-items:flex-start}body .table-container,body .table-responsive,body .talents-list-table-wrapper{border-radius:12px}}
