@once
    <style>
        .crm-professional-header .page-header-title h5 { margin-bottom: 3px !important; color: #172033; font-weight: 750; letter-spacing: -.01em; }
        .crm-professional-header .page-header-right-items-wrapper > .btn,
        .crm-professional-header .page-header-right-items-wrapper > .dropdown > .btn,
        .crm-professional-header .page-header-right-items-wrapper > .dropdown > a { border-radius: 9px; }
        .crm-professional-list, .crm-professional-profile { padding-top: 20px; }
        .crm-professional-profile { background: #f7f9fc; }
        .crm-professional-list > .row > [class*="col"] > .card,
        .crm-professional-list .crm-primary-list-card { border: 1px solid #e7eaf0; border-radius: 14px; box-shadow: 0 8px 28px rgba(15, 23, 42, .055); overflow: hidden; }
        .crm-professional-list .table-responsive { scrollbar-color: #cbd5e1 transparent; scrollbar-width: thin; }
        .crm-professional-list table { margin-bottom: 0; }
        .crm-professional-list table thead th { padding: 13px 14px; border-bottom: 1px solid #e8ebf0; background: #f7f9fc; color: #64748b; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; vertical-align: middle; }
        .crm-professional-list table tbody td { padding: 14px; border-color: #eef1f5; color: #334155; vertical-align: middle; }
        .crm-professional-list table tbody tr { transition: background-color .16s ease, box-shadow .16s ease; }
        .crm-professional-list table tbody tr:hover { background: #fafcff; box-shadow: inset 3px 0 0 #3454d1; }
        .crm-professional-list table tbody td a:not(.btn):not(.avatar-text) { color: #475569; }
        .crm-professional-list table tbody td a:not(.btn):not(.avatar-text):hover { color: #3454d1; }
        .crm-professional-list .avatar-text { border-radius: 9px; }
        .crm-professional-list .crm-list-actions-column .avatar-text { border: 1px solid #e5e9f0; background: #fff; color: #64748b; transition: all .15s ease; }
        .crm-professional-list .crm-list-actions-column .avatar-text:hover { border-color: #c8d2f0; background: #f2f5ff; color: #3454d1; transform: translateY(-1px); }
        .crm-professional-list .select2-container .select2-selection,
        .crm-professional-list .form-select { border-color: #dde3ec; border-radius: 8px; }
        .crm-professional-profile .content-sidebar { position: sticky; top: 86px; border: 1px solid #e4e9f1; border-radius: 16px; background: #fff; box-shadow: 0 10px 32px rgba(15, 23, 42, .055); overflow: hidden; }
        .crm-professional-profile .content-sidebar-body { padding: 10px; }
        .crm-professional-profile .content-sidebar .nav-item { border: 0 !important; margin-bottom: 4px; }
        .crm-professional-profile .content-sidebar .nav-link { display: flex; align-items: center; gap: 11px; min-height: 44px; padding: 10px 12px; border: 0; border-radius: 9px; color: #64748b; font-weight: 600; }
        .crm-professional-profile .content-sidebar .nav-link i { width: 18px; font-size: 16px; }
        .crm-professional-profile .content-sidebar .nav-link:hover { background: #f6f8fc; color: #3454d1; }
        .crm-professional-profile .content-sidebar .nav-link.active { background: #eef2ff; color: #3454d1; box-shadow: inset 3px 0 0 #3454d1; }
        .crm-professional-profile .task-header { padding: 26px; border: 1px solid #e4e9f1; border-radius: 16px; background: radial-gradient(circle at 92% 5%, rgba(52, 84, 209, .09), transparent 30%), linear-gradient(135deg, #fff 0%, #f8faff 100%); box-shadow: 0 12px 36px rgba(15, 23, 42, .06); }
        .crm-professional-profile .task-header h4 { color: #172033; font-size: 23px; font-weight: 780; letter-spacing: -.025em; }
        .crm-professional-profile .task-header .text-muted { color: #64748b !important; font-size: 13px; }
        .crm-professional-profile .task-header .avatar-image,
        .crm-professional-profile .task-header .avatar-text { border-radius: 18px; }
        .crm-professional-profile .tab-content > .tab-pane { background: #fbfcfe; }
        .crm-professional-profile .overview-panel,
        .crm-professional-profile .card { border-color: #e7eaf0; box-shadow: 0 7px 22px rgba(15, 23, 42, .04); }
        .crm-professional-profile .overview-panel { border-radius: 14px; }
        .crm-professional-profile .badge { font-weight: 650; }
        @media (max-width: 1199.98px) {
            .crm-professional-profile .content-sidebar { position: static; margin-bottom: 16px; }
            .crm-professional-profile .content-sidebar .nav { flex-direction: row !important; flex-wrap: nowrap; overflow-x: auto; }
            .crm-professional-profile .content-sidebar .nav-item { flex: 0 0 auto; }
            .crm-professional-profile .content-sidebar .nav-link.active { box-shadow: inset 0 -3px 0 #3454d1; }
        }
        @media (max-width: 767.98px) {
            .crm-professional-list, .crm-professional-profile { padding-top: 12px; }
            .crm-professional-profile .task-header { padding: 18px; }
        }
    </style>
@endonce
