.crm{container-type:inline-size;aspect-ratio:1066.4 / 666.5;width:100%}.crm-frame{--u: calc(100cqw / 1066);--text-main: #0a0d14;--text-sub: #525866;--text-soft: #868c98;--stroke: #e2e4e9;--bg-weak: #f6f8fa;display:flex;width:100%;height:100%;overflow:hidden;background:#fff;border-radius:calc(var(--u) * 17.77);box-shadow:0 0 0 1px #0a0d140a,0 calc(var(--u) * 24) calc(var(--u) * 56) #1645641f;color:var(--text-sub);font-size:calc(var(--u) * 12.44);line-height:1.2;white-space:nowrap}.crm svg{display:block;flex:none}.crm-sidebar{display:flex;flex-direction:column;width:calc(var(--u) * 201.43);flex:none;border-right:1px solid var(--stroke)}.crm-side-header{padding:calc(var(--u) * 8.89);border-bottom:1px solid var(--stroke)}.crm-workspace{display:flex;align-items:center;gap:calc(var(--u) * 8.89);padding:calc(var(--u) * 8.89)}.crm-workspace-logo{width:calc(var(--u) * 29.62);height:calc(var(--u) * 29.62)}.crm-workspace-name{display:flex;flex-direction:column;gap:calc(var(--u) * 2.9);min-width:0;flex:1}.crm-workspace-name span{color:var(--text-main);font-weight:500}.crm-workspace-name small{font-size:calc(var(--u) * 10.66);color:var(--text-soft)}.crm-compact-btn{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 17.77);height:calc(var(--u) * 17.77);border:1px solid var(--stroke);border-radius:calc(var(--u) * 5.9);color:var(--text-sub)}.crm-compact-btn svg{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81)}.crm-side-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:calc(var(--u) * 14.81);gap:calc(var(--u) * 14.81)}.crm-side-label{display:block;padding-bottom:calc(var(--u) * 5.9);font-size:calc(var(--u) * 8.89);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft)}.crm-nav{display:flex;flex-direction:column;gap:calc(var(--u) * 2.9)}.crm-nav-item{position:relative;display:flex;align-items:center;gap:calc(var(--u) * 7.4);height:calc(var(--u) * 26.66);padding-inline:calc(var(--u) * 8.89);border-radius:calc(var(--u) * 7.4)}.crm-nav-icon{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81)}.crm-nav-item--active{background:var(--bg-weak);color:var(--text-main);font-weight:500}.crm-nav-item--active:before{content:"";position:absolute;left:calc(var(--u) * -14.81);top:50%;transform:translateY(-50%);width:calc(var(--u) * 3.55);height:calc(var(--u) * 18.5);border-radius:0 calc(var(--u) * 3.55) calc(var(--u) * 3.55) 0;background:var(--text-main)}.crm-support{margin-top:auto;padding:calc(var(--u) * 10.66);border-radius:calc(var(--u) * 10.66);background:#e4f6fc}.crm-support-head{display:flex;align-items:center;gap:calc(var(--u) * 5.9);color:var(--text-main);font-weight:500}.crm-support-icon{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81);color:var(--text-main)}.crm-support-close{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81);margin-left:auto;color:var(--text-soft)}.crm-support p{margin-top:calc(var(--u) * 5.9);font-size:calc(var(--u) * 10.66);line-height:1.4;white-space:normal}.crm-main{display:flex;flex-direction:column;flex:1;min-width:0}.crm-topbar{display:flex;align-items:center;height:calc(var(--u) * 65.5);flex:none;padding-inline:calc(var(--u) * 23.7);border-bottom:1px solid var(--stroke)}.crm-topbar-badge{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 35.55);height:calc(var(--u) * 35.55);border:1px solid var(--stroke);border-radius:9999px;color:var(--text-main)}.crm-topbar-badge svg{width:calc(var(--u) * 17.77);height:calc(var(--u) * 17.77)}.crm-topbar-title{font-family:var(--font-serif);margin-left:calc(var(--u) * 10.66);font-size:calc(var(--u) * 21.33);color:var(--text-main)}.crm-topbar-actions{display:flex;align-items:center;gap:calc(var(--u) * 7.4);margin-left:auto}.crm-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 29.62);height:calc(var(--u) * 29.62);color:var(--text-sub);border-radius:999px}.crm-icon-btn svg{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81)}.crm-icon-btn--dot:after{content:"";position:absolute;top:calc(var(--u) * 8.5);right:calc(var(--u) * 9);width:calc(var(--u) * 3.5);height:calc(var(--u) * 3.5);border-radius:9999px;background:#df1c41}.crm-btn{display:inline-flex;align-items:center;gap:calc(var(--u) * 3.5);height:calc(var(--u) * 29.62);padding-inline:calc(var(--u) * 10.66);border:1px solid var(--stroke);border-radius:calc(var(--u) * 8.89);font-weight:500;color:var(--text-sub)}.crm-btn-icon{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81)}.crm-btn-chevron{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81);color:var(--text-soft)}.crm-btn--dark{background:var(--text-main);border-color:var(--text-main);color:#fff}.crm-btn--sm{height:calc(var(--u) * 26.66);padding-inline:calc(var(--u) * 8.89);border-radius:calc(var(--u) * 7.4);font-size:calc(var(--u) * 11.85)}.crm-section-head{display:flex;align-items:center;gap:calc(var(--u) * 4.4);height:calc(var(--u) * 53.3);flex:none;padding-inline:calc(var(--u) * 23.7);border-bottom:1px solid var(--stroke);font-size:calc(var(--u) * 13.33);font-weight:500;color:var(--text-main)}.crm-section-head .crm-compact-btn{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81);border-radius:9999px}.crm-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:calc(var(--u) * 23.7) calc(var(--u) * 23.7) calc(var(--u) * 14.81)}.crm-filters{display:flex;align-items:center;justify-content:space-between;flex:none}.crm-segmented{display:flex;align-items:center;height:calc(var(--u) * 26.66);padding:calc(var(--u) * 2.2);border-radius:9999px;background:var(--bg-weak)}.crm-segment{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 77.5);height:100%;border-radius:9999px;font-size:calc(var(--u) * 11.85);color:var(--text-soft)}.crm-segment--active{background:#fff;color:var(--text-main);font-weight:500;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 4) #1b1c1d0a,0 0 0 1px #0a0d1408}.crm-filters-right{display:flex;align-items:center;gap:calc(var(--u) * 8.89)}.crm-search{display:flex;align-items:center;gap:calc(var(--u) * 5.9);width:calc(var(--u) * 274.6);height:calc(var(--u) * 26.66);padding-inline:calc(var(--u) * 8.89);border:1px solid var(--stroke);border-radius:calc(var(--u) * 7.4);font-size:calc(var(--u) * 11.85);color:var(--text-soft)}.crm-search-icon{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81)}.crm-table{flex:none;margin-top:calc(var(--u) * 12.4)}.crm-thead,.crm-row{display:grid;grid-template-columns:calc(var(--u) * 243) calc(var(--u) * 110) calc(var(--u) * 139) calc(var(--u) * 139) calc(var(--u) * 139) 1fr}.crm-thead{height:calc(var(--u) * 26.66);border-radius:calc(var(--u) * 5.9);background:var(--bg-weak)}.crm-cell{display:flex;align-items:center;gap:calc(var(--u) * 8.89);min-width:0;padding-inline:calc(var(--u) * 8.89);overflow:hidden}.crm-cell--end{justify-content:flex-end}.crm-th{font-size:calc(var(--u) * 8.89);font-weight:500;letter-spacing:.055em;text-transform:uppercase;color:var(--text-soft)}.crm-thead .crm-cell{gap:calc(var(--u) * 4.4)}.crm-thead .crm-checkbox{margin-right:calc(var(--u) * 4.4)}.crm-sort-icon{width:calc(var(--u) * 13.8);height:calc(var(--u) * 13.8);color:var(--text-soft)}.crm-checkbox{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81);flex:none;border:1px solid var(--stroke);border-radius:calc(var(--u) * 4.4);background:#fff;box-shadow:inset 0 calc(var(--u) * 2) calc(var(--u) * 2) #1b1c1d08}.crm-row{height:calc(var(--u) * 43.4);border-bottom:1px solid var(--stroke)}.crm-row:last-child{border-bottom:none}.crm-avatar{width:calc(var(--u) * 23.7);height:calc(var(--u) * 23.7);flex:none;border-radius:9999px}.crm-avatar--initial{display:inline-flex;align-items:center;justify-content:center;background:#c2efff;color:#164564;font-size:calc(var(--u) * 10.66);font-weight:500}.crm-contact-name{color:var(--text-main)}.crm-badge{display:inline-flex;align-items:center;gap:calc(var(--u) * 4.4);height:calc(var(--u) * 20.7);padding-inline:calc(var(--u) * 8.89);border-radius:9999px;font-size:calc(var(--u) * 10.66);font-weight:500;line-height:1}.crm-badge:before{content:"";width:calc(var(--u) * 5.5);height:calc(var(--u) * 5.5);flex:none;border-radius:9999px;background:currentColor}.crm-badge--green{background:#e0faec;color:#1a7f4b}.crm-badge--amber{background:#fdf1d7;color:#a5741a}.crm-badge--red{background:#fdecef;color:#c8102e}.crm-badge--blue{background:#e4f0ff;color:#1e6fd9}.crm-badge--gray{background:#eef0f3;color:#6b7280}.crm-owner-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 23.7);height:calc(var(--u) * 23.7);flex:none;border-radius:9999px;background:var(--bg-weak)}.crm-owner-icon svg{width:calc(var(--u) * 11.85);height:calc(var(--u) * 11.85)}.crm-more{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81)}.crm-pagination{display:flex;align-items:center;justify-content:space-between;flex:none;margin-top:auto}.crm-page-info{color:var(--text-sub)}.crm-page-nav{display:flex;align-items:center;gap:calc(var(--u) * 5.9)}.crm-page-cell{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 23.7);height:calc(var(--u) * 23.7);border-radius:calc(var(--u) * 5.9);font-size:calc(var(--u) * 11.85);color:var(--text-soft)}.crm-page-cell--active{background:#fff;color:var(--text-main);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 4) #1b1c1d0a,0 0 0 1px var(--stroke)}.crm-page-icon{width:calc(var(--u) * 14.81);height:calc(var(--u) * 14.81);color:var(--text-main)}.crm-page-size{display:inline-flex;align-items:center;gap:calc(var(--u) * 4.4);height:calc(var(--u) * 23.7);padding-inline:calc(var(--u) * 8.89);border:1px solid var(--stroke);border-radius:calc(var(--u) * 5.9);font-size:calc(var(--u) * 11.85);cursor:pointer}.crm-nav-item,.crm-segment,.crm-page-cell,.crm-btn,.crm-icon-btn,.crm-compact-btn,.crm-checkbox,.crm-more,.crm-search,.crm-page-size{cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.crm-row{cursor:pointer;transition:background-color .18s ease}@media(hover:hover){.crm-nav-item:not(.crm-nav-item--active):hover{background:var(--bg-weak);color:var(--text-main)}.crm-row:not(.crm-row--selected):hover{background:#fafbfc}.crm-segment:not(.crm-segment--active):hover{color:var(--text-sub)}.crm-page-cell:not(.crm-page-cell--active):hover{background:var(--bg-weak);color:var(--text-main)}.crm-btn:hover{background:var(--bg-weak);border-color:#cdd0d5}.crm-btn--dark:hover{background:#20242e;border-color:#20242e}.crm-icon-btn:hover{background:var(--bg-weak)}.crm-compact-btn:hover{color:var(--text-main);border-color:#cdd0d5}.crm-more:hover{color:var(--text-main)}.crm-checkbox:hover{border-color:#b0b4bd}.crm-search:hover{border-color:#cdd0d5}}.crm-btn:active,.crm-icon-btn:active,.crm-compact-btn:active,.crm-segment:active,.crm-nav-item:active,.crm-page-cell:active,.crm-page-size:active{transform:scale(.96)}.crm-checkbox{position:relative}.crm-checkbox--checked,.crm-checkbox--indeterminate{background:var(--text-main);border-color:var(--text-main)}.crm-checkbox--checked:after{content:"";position:absolute;left:36%;top:14%;width:26%;height:50%;border:solid #fff;border-width:0 calc(var(--u) * 1.7) calc(var(--u) * 1.7) 0;transform:rotate(45deg)}.crm-checkbox--indeterminate:after{content:"";position:absolute;left:25%;right:25%;top:50%;height:calc(var(--u) * 1.7);transform:translateY(-50%);border-radius:9999px;background:#fff}.crm-row--selected{background:#f2f7ff}