:root{--crm-navy:#0F1B2D;--crm-navy-light:#162236;--crm-navy-hover:#1C2D45;--crm-blue:#2563EB;--crm-blue-light:#3B82F6;--crm-blue-pale:#EFF6FF;--crm-success:#10B981;--crm-success-pale:#ECFDF5;--crm-warning:#F59E0B;--crm-warning-pale:#FFFBEB;--crm-danger:#EF4444;--crm-danger-pale:#FEF2F2;--crm-purple:#8B5CF6;--crm-purple-pale:#F5F3FF;--crm-teal:#14B8A6;--crm-teal-pale:#F0FDFA;--crm-bg:#F1F5F9;--crm-surface:#FFFFFF;--crm-border:#E2E8F0;--crm-text:#0F172A;--crm-text-secondary:#64748B;--crm-text-muted:#94A3B8;--crm-sidebar-width:260px;--crm-topbar-height:0px;--crm-radius:8px;--crm-radius-lg:12px;--crm-shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--crm-shadow-md:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -2px rgba(0,0,0,0.05);--crm-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.05);--crm-transition:all 0.2s ease}.crm-app{display:flex;min-height:100vh;background:var(--crm-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--crm-text);font-size:14px;line-height:1.5}.crm-app *,.crm-app :after,.crm-app :before{box-sizing:border-box}.crm-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--crm-sidebar-width);background:var(--crm-navy);color:#CBD5E1;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.crm-logo{padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.crm-logo-text{font-size:20px;font-weight:700;color:#FFFFFF;letter-spacing:-.02em}.crm-logo-sub{font-size:11px;color:var(--crm-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.crm-nav{flex:1 1;padding:16px 0}.crm-nav-section{padding:0 20px;margin-top:20px;margin-bottom:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--crm-text-muted)}.crm-nav-section:first-child{margin-top:0}.crm-nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:var(--crm-transition);font-size:14px;color:#CBD5E1;border-left:3px solid transparent;position:relative}.crm-nav-item.active,.crm-nav-item:hover{background:var(--crm-navy-hover);color:#FFFFFF}.crm-nav-item.active{border-left-color:var(--crm-blue)}.crm-nav-icon{width:20px;text-align:center;font-size:16px;flex-shrink:0}.crm-nav-badge{margin-left:auto;background:var(--crm-danger);color:#FFFFFF;font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;min-width:20px;text-align:center}.crm-sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.crm-sidebar-user{flex:1 1;min-width:0}.crm-sidebar-user-name{font-size:13px;font-weight:500;color:#FFFFFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-sidebar-user-role{font-size:11px;color:var(--crm-text-muted)}.crm-sidebar-logout{background:none;border:none;color:var(--crm-text-muted);cursor:pointer;padding:6px;border-radius:6px;transition:var(--crm-transition);font-size:16px}.crm-sidebar-logout:hover{background:rgba(255,255,255,.1);color:#FFFFFF}.crm-main{margin-left:var(--crm-sidebar-width);flex:1 1;min-height:100vh}.crm-topbar{background:var(--crm-surface);border-bottom:1px solid var(--crm-border);padding:16px 32px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:50}.crm-topbar,.crm-topbar-left{display:flex;align-items:center}.crm-topbar-left{gap:16px}.crm-topbar-right{display:flex;align-items:center;gap:12px}.crm-content{padding:28px 32px}.crm-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.crm-page-title{font-size:24px;font-weight:700;color:var(--crm-text);margin:0}.crm-page-subtitle{font-size:14px;color:var(--crm-text-secondary);margin-top:4px}.crm-card{background:var(--crm-surface);border:1px solid var(--crm-border);border-radius:var(--crm-radius-lg);box-shadow:var(--crm-shadow)}.crm-card-header{padding:20px 24px;border-bottom:1px solid var(--crm-border);display:flex;align-items:center;justify-content:space-between}.crm-card-title{font-size:16px;font-weight:600;color:var(--crm-text);margin:0}.crm-card-body{padding:24px}.crm-card-body-compact{padding:16px 24px}.crm-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:24px}.crm-stat-card{background:var(--crm-surface);border:1px solid var(--crm-border);border-radius:var(--crm-radius-lg);padding:24px;box-shadow:var(--crm-shadow)}.crm-stat-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--crm-text-secondary);margin-bottom:8px}.crm-stat-value{font-size:28px;font-weight:700;color:var(--crm-text);line-height:1.2}.crm-stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;margin-top:8px}.crm-stat-trend.up{color:var(--crm-success)}.crm-stat-trend.down{color:var(--crm-danger)}.crm-stat-trend.neutral{color:var(--crm-text-secondary)}.crm-table-wrapper{overflow-x:auto}.crm-table{width:100%;border-collapse:collapse;font-size:14px}.crm-table th{text-align:left;padding:12px 16px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--crm-text-secondary);background:#F8FAFC;white-space:nowrap}.crm-table td,.crm-table th{border-bottom:1px solid var(--crm-border)}.crm-table td{padding:14px 16px;color:var(--crm-text);vertical-align:middle}.crm-table tbody tr{transition:var(--crm-transition)}.crm-table tbody tr:hover{background:#F8FAFC}.crm-table tbody tr.clickable{cursor:pointer}.crm-table .text-right{text-align:right}.crm-table .text-center{text-align:center}.crm-table .sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crm-table .sortable:hover{color:var(--crm-blue)}.crm-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.crm-badge-success{background:var(--crm-success-pale);color:#059669}.crm-badge-warning{background:var(--crm-warning-pale);color:#D97706}.crm-badge-danger{background:var(--crm-danger-pale);color:#DC2626}.crm-badge-info{background:var(--crm-blue-pale);color:var(--crm-blue)}.crm-badge-purple{background:var(--crm-purple-pale);color:var(--crm-purple)}.crm-badge-teal{background:var(--crm-teal-pale);color:#0D9488}.crm-badge-gray{background:#F1F5F9;color:var(--crm-text-secondary)}.crm-badge-sm{font-size:11px;padding:2px 8px}.crm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--crm-radius);font-size:14px;font-weight:500;font-family:inherit;border:1px solid transparent;cursor:pointer;transition:var(--crm-transition);white-space:nowrap;text-decoration:none}.crm-btn:disabled{opacity:.5;cursor:not-allowed}.crm-btn-primary{background:var(--crm-blue);color:#FFFFFF;border-color:var(--crm-blue)}.crm-btn-primary:hover:not(:disabled){background:#1D4ED8;border-color:#1D4ED8}.crm-btn-secondary{background:var(--crm-surface);color:var(--crm-text);border-color:var(--crm-border)}.crm-btn-secondary:hover:not(:disabled){background:#F8FAFC;border-color:#CBD5E1}.crm-btn-danger{background:var(--crm-danger);color:#FFFFFF;border-color:var(--crm-danger)}.crm-btn-danger:hover:not(:disabled){background:#DC2626;border-color:#DC2626}.crm-btn-ghost{background:transparent;color:var(--crm-text-secondary);border-color:transparent;padding:8px 12px}.crm-btn-ghost:hover:not(:disabled){background:#F1F5F9;color:var(--crm-text)}.crm-btn-sm{padding:6px 14px;font-size:13px}.crm-btn-xs{padding:4px 10px;font-size:12px}.crm-btn-icon{padding:8px;border-radius:6px}.crm-input,.crm-select,.crm-textarea{width:100%;padding:10px 14px;border:1px solid var(--crm-border);border-radius:var(--crm-radius);font-size:14px;font-family:inherit;color:var(--crm-text);background:var(--crm-surface);transition:var(--crm-transition);outline:none}.crm-input:focus,.crm-select:focus,.crm-textarea:focus{border-color:var(--crm-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.crm-input::placeholder{color:var(--crm-text-muted)}.crm-textarea{resize:vertical;min-height:80px}.crm-label{display:block;font-size:13px;font-weight:500;color:var(--crm-text);margin-bottom:6px}.crm-form-group{margin-bottom:16px}.crm-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.crm-form-error{font-size:12px;color:var(--crm-danger);margin-top:4px}.crm-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.crm-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--crm-blue)}.crm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.crm-modal-content{background:var(--crm-surface);border-radius:var(--crm-radius-lg);box-shadow:var(--crm-shadow-lg);max-width:640px;width:100%;max-height:90vh;overflow-y:auto}.crm-modal-header{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between}.crm-modal-title{font-size:18px;font-weight:600;color:var(--crm-text);margin:0}.crm-modal-close{background:none;border:none;font-size:20px;color:var(--crm-text-muted);cursor:pointer;padding:4px 8px;border-radius:4px;transition:var(--crm-transition)}.crm-modal-close:hover{color:var(--crm-text);background:#F1F5F9}.crm-modal-body{padding:24px}.crm-modal-footer{padding:0 24px 24px;display:flex;justify-content:flex-end;gap:12px}.crm-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;text-transform:uppercase;flex-shrink:0}.crm-avatar-sm{width:32px;height:32px;font-size:12px}.crm-avatar-md{width:40px;height:40px;font-size:14px}.crm-avatar-lg{width:56px;height:56px;font-size:20px}.crm-avatar-xl{width:72px;height:72px;font-size:26px}.crm-search{position:relative}.crm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--crm-text-muted);font-size:14px;pointer-events:none}.crm-search .crm-input{padding-left:36px}.crm-filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.crm-filter-bar .crm-select{width:auto;min-width:160px}.crm-filter-bar .crm-search{flex:1 1;min-width:200px}.crm-timeline{position:relative}.crm-timeline:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--crm-border)}.crm-timeline-item{position:relative;padding-left:48px;padding-bottom:24px}.crm-timeline-item:last-child{padding-bottom:0}.crm-timeline-dot{position:absolute;left:12px;top:4px;width:16px;height:16px;border-radius:50%;border:2px solid var(--crm-border);background:var(--crm-surface)}.crm-timeline-dot.call{border-color:var(--crm-blue);background:var(--crm-blue-pale)}.crm-timeline-dot.email{border-color:var(--crm-teal);background:var(--crm-teal-pale)}.crm-timeline-dot.meeting{border-color:var(--crm-purple);background:var(--crm-purple-pale)}.crm-timeline-dot.note{border-color:var(--crm-text-muted);background:#F1F5F9}.crm-timeline-dot.review{border-color:var(--crm-warning);background:var(--crm-warning-pale)}.crm-timeline-dot.trade{border-color:var(--crm-success);background:var(--crm-success-pale)}.crm-timeline-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.crm-timeline-date{font-size:12px;color:var(--crm-text-muted)}.crm-timeline-content{font-size:14px;color:var(--crm-text);line-height:1.6}.crm-timeline-outcome{margin-top:8px;padding:10px 14px;background:#F8FAFC;border-radius:var(--crm-radius);font-size:13px;color:var(--crm-text-secondary)}.crm-timeline-footer{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:12px;color:var(--crm-text-muted)}.crm-alert{padding:14px 20px;border-radius:var(--crm-radius);font-size:14px;display:flex;align-items:center;gap:10px;margin-bottom:16px}.crm-alert-info{background:var(--crm-blue-pale);color:var(--crm-blue);border:1px solid #bfdbfe}.crm-alert-warning{background:var(--crm-warning-pale);color:#92400E;border:1px solid #fde68a}.crm-alert-danger{background:var(--crm-danger-pale);color:#991B1B;border:1px solid #fecaca}.crm-alert-success{background:var(--crm-success-pale);color:#065F46;border:1px solid #a7f3d0}.crm-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--crm-text-secondary)}.crm-breadcrumb-link{color:var(--crm-blue);cursor:pointer;text-decoration:none;transition:var(--crm-transition)}.crm-breadcrumb-link:hover{color:#1D4ED8;text-decoration:underline}.crm-breadcrumb-sep{color:var(--crm-text-muted)}.crm-breadcrumb-current{color:var(--crm-text);font-weight:500}.crm-tabs{display:flex;border-bottom:2px solid var(--crm-border);margin-bottom:24px;gap:0}.crm-tab{padding:12px 24px;font-size:14px;font-weight:500;color:var(--crm-text-secondary);cursor:pointer;margin-bottom:-2px;transition:var(--crm-transition);background:none;border:none;border-bottom:2px solid transparent;font-family:inherit}.crm-tab:hover{color:var(--crm-text)}.crm-tab.active{color:var(--crm-blue);border-bottom-color:var(--crm-blue)}.crm-empty{text-align:center;padding:48px 24px}.crm-empty-icon{font-size:48px;margin-bottom:16px;opacity:.4}.crm-empty-title{font-size:16px;font-weight:600;color:var(--crm-text);margin-bottom:8px}.crm-empty-text{font-size:14px;color:var(--crm-text-secondary);max-width:400px;margin:0 auto}.crm-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--crm-border);border-top-color:var(--crm-blue);border-radius:50%;animation:crm-spin .8s linear infinite}@keyframes crm-spin{to{transform:rotate(1turn)}}.crm-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--crm-navy);padding:24px}.crm-login-card{background:var(--crm-surface);border-radius:16px;box-shadow:var(--crm-shadow-lg);max-width:520px;width:100%;overflow:hidden}.crm-login-header{padding:40px 40px 24px;text-align:center}.crm-login-logo{font-size:28px;font-weight:700;color:var(--crm-text);margin-bottom:4px}.crm-login-firm{font-size:14px;color:var(--crm-text-secondary);margin-bottom:24px}.crm-login-demo{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--crm-blue-pale);color:var(--crm-blue);border-radius:20px;font-size:12px;font-weight:600}.crm-login-hint{font-size:13px;color:var(--crm-text-muted);margin-top:16px}.crm-login-users{padding:0 24px 32px}.crm-login-user{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--crm-radius-lg);cursor:pointer;transition:var(--crm-transition);border:1px solid transparent}.crm-login-user:hover{background:#F8FAFC;border-color:var(--crm-border)}.crm-login-user-info{flex:1 1;min-width:0}.crm-login-user-name{font-size:14px;font-weight:600;color:var(--crm-text)}.crm-login-user-email{font-size:12px;color:var(--crm-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-login-user-meta{text-align:right;flex-shrink:0}.crm-login-user-last{font-size:11px;color:var(--crm-text-muted);margin-top:4px}.crm-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.crm-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:24px;gap:24px}.crm-grid-2-1{display:grid;grid-template-columns:2fr 1fr;grid-gap:24px;gap:24px}.crm-grid-1-2{display:grid;grid-template-columns:1fr 2fr;grid-gap:24px;gap:24px}.crm-tags{display:flex;flex-wrap:wrap;gap:6px}.crm-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:#F1F5F9;color:var(--crm-text-secondary)}.crm-client-info{display:flex;align-items:center;gap:12px}.crm-client-name{font-weight:600;color:var(--crm-text)}.crm-client-email{font-size:12px;color:var(--crm-text-muted)}.crm-perf-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.crm-perf-card{background:var(--crm-surface);border:1px solid var(--crm-border);border-radius:var(--crm-radius-lg);padding:20px;box-shadow:var(--crm-shadow)}.crm-perf-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--crm-text-secondary);margin-bottom:6px}.crm-perf-value{font-size:24px;font-weight:700}.crm-perf-value.positive{color:var(--crm-success)}.crm-perf-value.negative{color:var(--crm-danger)}.crm-perf-benchmark{font-size:12px;color:var(--crm-text-muted);margin-top:4px}.crm-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.crm-detail-info{flex:1 1}.crm-detail-name{font-size:24px;font-weight:700;color:var(--crm-text);margin-bottom:4px}.crm-detail-meta{display:flex;align-items:center;gap:12px}.crm-detail-actions{display:flex;gap:10px}.crm-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.crm-info-item{padding:10px 0}.crm-info-label{font-size:12px;font-weight:500;color:var(--crm-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.crm-info-value{font-size:14px;color:var(--crm-text);font-weight:500}.crm-permission-check{color:var(--crm-success);font-weight:700;font-size:16px}.crm-permission-x{color:var(--crm-danger);font-weight:700;font-size:16px}.crm-checklist{list-style:none;padding:0;margin:0}.crm-checklist-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--crm-border);font-size:14px}.crm-checklist-item:last-child{border-bottom:none}.crm-chart-container{width:100%;height:300px}.crm-chart-container-sm{width:100%;height:250px}.text-success{color:var(--crm-success)}.text-danger{color:var(--crm-danger)}.text-warning{color:var(--crm-warning)}.text-blue{color:var(--crm-blue)}.text-muted{color:var(--crm-text-muted)}.text-secondary{color:var(--crm-text-secondary)}.font-mono{font-family:JetBrains Mono,monospace}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.gap-8{gap:8px}.gap-12{gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1200px){.crm-perf-grid,.crm-stats-grid{grid-template-columns:repeat(2,1fr)}.crm-grid-1-2,.crm-grid-2-1{grid-template-columns:1fr}}@media (max-width:768px){.crm-sidebar{display:none}.crm-main{margin-left:0}.crm-content{padding:16px}.crm-form-row,.crm-grid-2,.crm-grid-3,.crm-stats-grid{grid-template-columns:1fr}.crm-filter-bar{flex-direction:column;align-items:stretch}.crm-filter-bar .crm-select{width:100%}}.gain-positive{color:var(--crm-success)}.gain-negative{color:var(--crm-danger)}.crm-inline-form{background:#F8FAFC;border:1px solid var(--crm-border);border-radius:var(--crm-radius-lg);padding:24px;margin-bottom:24px}.crm-back-btn{display:inline-flex;align-items:center;gap:6px;color:var(--crm-text-secondary);cursor:pointer;font-size:14px;margin-bottom:16px;padding:6px 0;background:none;border:none;font-family:inherit;transition:var(--crm-transition)}.crm-activity-call,.crm-back-btn:hover{color:var(--crm-blue)}.crm-activity-call{background:var(--crm-blue-pale)}.crm-activity-email{background:var(--crm-teal-pale);color:#0D9488}.crm-activity-meeting{background:var(--crm-purple-pale);color:var(--crm-purple)}.crm-activity-note{background:#F1F5F9;color:var(--crm-text-secondary)}.crm-activity-review{background:var(--crm-warning-pale);color:#D97706}.crm-activity-trade{background:var(--crm-success-pale);color:#059669}.crm-role-admin{background:var(--crm-blue-pale);color:var(--crm-blue)}.crm-role-advisor{background:var(--crm-success-pale);color:#059669}.crm-role-associate{background:var(--crm-teal-pale);color:#0D9488}.crm-role-compliance{background:var(--crm-purple-pale);color:var(--crm-purple)}.crm-role-readonly{background:#F1F5F9;color:var(--crm-text-secondary)}.crm-section-divider{height:1px;background:var(--crm-border);margin:24px 0}.crm-quick-actions{display:flex;gap:10px}.crm-demo-link{position:relative}.crm-demo-link:before{content:"";display:inline-block;width:6px;height:6px;background:var(--crm-success);border-radius:50%;margin-right:6px}