.crm-module{padding:24px;min-width:0;color:#17292f}.crm-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.crm-search{display:flex;align-items:center;gap:10px;min-width:260px;flex:1;height:46px;padding:0 14px;border:1px solid #d6e2e0;border-radius:12px;background:#fff}.crm-search svg{width:20px;height:20px;fill:none;stroke:currentColor;color:#74878d}.crm-search input{border:0;outline:0;width:100%;font:inherit;background:transparent}.crm-tabs{display:flex;align-items:center;padding:4px;border:1px solid #d6e2e0;border-radius:12px;background:#f6f9f8;white-space:nowrap}.crm-tabs button{border:0;background:transparent;padding:9px 13px;border-radius:9px;color:#5d7077;font-weight:700;cursor:pointer}.crm-tabs button.active{background:#14877d;color:#fff;box-shadow:0 4px 12px rgba(20,135,125,.16)}.crm-toolbar-actions{display:flex;gap:8px}.crm-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:18px}.crm-metric-card{position:relative;overflow:hidden;padding:18px 18px 16px;border:1px solid #dce6e4;border-radius:16px;background:#fff;min-height:120px}.crm-metric-card::after{content:"";position:absolute;right:-26px;top:-32px;width:100px;height:100px;border-radius:50%;background:var(--soft,#eaf7f5)}.crm-metric-card span{display:block;color:#70838a;font-weight:700;font-size:14px}.crm-metric-card strong{display:block;margin-top:12px;font-size:30px;line-height:1;color:var(--tone,#14877d)}.crm-metric-card small{display:block;margin-top:10px;color:#87979c}.crm-view{min-height:480px}.crm-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:16px}.crm-panel{border:1px solid #dce6e4;border-radius:16px;background:#fff;overflow:hidden}.crm-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #e2eae9}.crm-panel-head h2{font-size:19px;margin:0 0 4px}.crm-panel-head p{margin:0;color:#7a8d93;font-size:14px}.crm-panel-head strong{color:#14877d}.crm-panel-body{padding:18px 20px}.crm-pipeline{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;overflow:auto;padding-bottom:5px}.crm-pipeline-stage{padding:14px;border-radius:14px;background:#f6f9f8;border:1px solid #e2e9e8;min-height:110px}.crm-pipeline-stage span{font-size:13px;color:#70848a}.crm-pipeline-stage strong{display:block;font-size:23px;margin:10px 0 5px}.crm-pipeline-stage small{color:#14877d}.crm-followup-list,.crm-opportunity-list,.crm-agreement-list,.crm-customer-list{display:grid;gap:10px}.crm-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;border:1px solid #e1e9e8;border-radius:12px;background:#fff;cursor:pointer}.crm-list-item:hover,.crm-list-item.active{border-color:#76beb7;background:#f4fbfa}.crm-list-item h3{margin:0 0 5px;font-size:16px}.crm-list-item p{margin:0;color:#72858b;font-size:13px;line-height:1.5}.crm-list-item aside{text-align:right}.crm-list-item aside strong{display:block;color:#14877d}.crm-list-item aside small{color:#839298}.crm-empty{display:grid;place-items:center;text-align:center;min-height:240px;color:#75888e}.crm-empty svg{width:34px;height:34px;fill:none;stroke:currentColor}.crm-empty h3{margin:12px 0 5px;color:#31464d}.crm-action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crm-action-row .btn{height:40px}.crm-dashboard-secondary{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.crm-donut-list{display:grid;gap:13px}.crm-donut-row{display:grid;grid-template-columns:110px minmax(80px,1fr) 42px;align-items:center;gap:8px;font-size:14px}.crm-donut-row i{height:8px;border-radius:9px;background:#e9efee;overflow:hidden}.crm-donut-row i::after{content:"";display:block;height:100%;width:var(--percent);background:#27a297;border-radius:inherit}.crm-table-wrap{border:1px solid #dce6e4;border-radius:16px;background:#fff;overflow:auto}.crm-table{width:100%;border-collapse:collapse;min-width:900px}.crm-table th{padding:13px 16px;text-align:left;color:#74858b;background:#f7f9f9;font-size:13px;white-space:nowrap}.crm-table td{padding:15px 16px;border-top:1px solid #e4ebea;vertical-align:middle}.crm-table tr[data-crm-id]{cursor:pointer}.crm-table tr[data-crm-id]:hover{background:#f4fbfa}.crm-table td strong{display:block}.crm-table td small{display:block;color:#7a8b91;margin-top:3px}.crm-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#edf7f5;color:#137c73;font-size:12px;font-weight:800;white-space:nowrap}.crm-badge.warning{background:#fff3df;color:#ad6b0d}.crm-badge.danger{background:#fff0f1;color:#ce3d49}.crm-badge.muted{background:#eef2f2;color:#65787e}.crm-kanban{display:grid;grid-template-columns:repeat(7,minmax(230px,1fr));gap:12px;overflow:auto;padding-bottom:12px}.crm-kanban-column{background:#f5f8f7;border:1px solid #dee8e6;border-radius:14px;padding:12px;min-height:420px}.crm-kanban-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.crm-kanban-head span{font-weight:800}.crm-kanban-head b{color:#14877d}.crm-kanban-card{padding:13px;margin-bottom:9px;border:1px solid #dce6e4;border-radius:11px;background:#fff;cursor:pointer}.crm-kanban-card:hover{border-color:#75bdb6}.crm-kanban-card h3{font-size:14px;margin:0 0 6px}.crm-kanban-card p{font-size:12px;color:#75868c;margin:0 0 8px}.crm-kanban-card footer{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#53686f}.crm-timeline{display:grid;gap:0}.crm-timeline article{position:relative;padding:0 0 22px 34px}.crm-timeline article::before{content:"";position:absolute;left:8px;top:5px;width:10px;height:10px;border-radius:50%;background:#199187;box-shadow:0 0 0 5px #e8f6f4}.crm-timeline article::after{content:"";position:absolute;left:12px;top:21px;bottom:0;width:2px;background:#dce8e6}.crm-timeline article:last-child::after{display:none}.crm-timeline h3{font-size:15px;margin:0 0 5px}.crm-timeline p{margin:0;color:#71858b;line-height:1.6}.crm-timeline small{display:block;color:#94a1a5;margin-top:4px}.crm-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.crm-bar-chart{display:grid;gap:12px}.crm-bar-row{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:10px}.crm-bar-row i{height:12px;background:#ecf2f1;border-radius:8px;overflow:hidden}.crm-bar-row i::after{content:"";display:block;height:100%;width:var(--percent);background:linear-gradient(90deg,#168b81,#52b9ae);border-radius:inherit}.crm-dialog{width:min(900px,calc(100vw - 36px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:18px;box-shadow:0 28px 80px rgba(17,39,45,.26)}.crm-dialog::backdrop{background:rgba(17,34,39,.46);backdrop-filter:blur(2px)}.crm-dialog form{display:flex;flex-direction:column;max-height:calc(100vh - 32px)}.crm-dialog-head{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #dfe8e6}.crm-dialog-head p{margin:0;color:#14877d;font-weight:800;text-transform:uppercase;font-size:12px}.crm-dialog-head h2{margin:5px 0 0;font-size:24px}.crm-dialog-body{padding:22px 24px;overflow:auto}.crm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crm-form-grid .wide{grid-column:1/-1}.crm-form-grid label>span{display:block;margin:0 0 7px;color:#5e737a;font-size:13px;font-weight:800}.crm-form-grid input,.crm-form-grid select,.crm-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #cbdad7;border-radius:10px;padding:11px 12px;background:#fff;font:inherit;color:#183038}.crm-form-grid textarea{min-height:100px;resize:vertical}.crm-contact-editor{grid-column:1/-1;padding:14px;border-radius:12px;background:#f5f9f8;border:1px solid #dce7e5}.crm-contact-editor strong{display:block;margin-bottom:10px}.crm-contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.crm-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #dfe8e6;background:#fff}.crm-message{padding:10px 12px;margin-bottom:14px;border-radius:9px;background:#fff0f1;color:#bd3441}.crm-owner-select{display:flex;gap:10px}.crm-mobile-actions{display:none}.crm-detail-modal .crm-dialog-body{display:grid;gap:18px}.crm-detail-summary{padding:16px;border-radius:13px;background:#f3f9f8}.crm-detail-summary h3{margin:0 0 7px}.crm-detail-summary p{margin:0;color:#64787e;line-height:1.6}.crm-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.crm-detail-meta div{padding:12px;border:1px solid #e0e8e7;border-radius:10px}.crm-detail-meta span{display:block;color:#7d8d92;font-size:12px}.crm-detail-meta strong{display:block;margin-top:5px}.crm-detail-section h3{margin:0 0 10px}.crm-files{display:flex;gap:8px;flex-wrap:wrap}.crm-files a{padding:8px 10px;border-radius:8px;background:#eef7f5;color:#147b72;text-decoration:none}.crm-import-preview{max-height:360px;overflow:auto}.crm-import-preview table{width:100%;border-collapse:collapse}.crm-import-preview th,.crm-import-preview td{padding:8px;border-bottom:1px solid #e1e8e7;text-align:left;font-size:13px}.reports-module-icon.crm{color:#147f76;background:#e9f6f4}.crm-mobile-filter{display:none}
@media(max-width:1300px){.crm-metric-grid{grid-template-columns:repeat(3,1fr)}.crm-tabs{overflow:auto;max-width:55vw}.crm-grid{grid-template-columns:1fr}.crm-pipeline{grid-template-columns:repeat(6,150px)}}
@media(max-width:760px){.crm-module{padding:14px 12px calc(154px + env(safe-area-inset-bottom))}.crm-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;position:sticky;top:0;z-index:5;padding:8px 0;background:#f4f8f7}.crm-search{min-width:0;height:44px}.crm-tabs{grid-column:1/-1;max-width:none;width:100%;overflow:auto;order:3}.crm-tabs button{padding:9px 12px}.crm-toolbar-actions{display:none}.crm-metric-grid{display:flex;overflow:auto;gap:10px;margin-right:-12px;padding-right:12px}.crm-metric-card{min-width:150px;min-height:100px;padding:15px}.crm-metric-card strong{font-size:25px}.crm-grid,.crm-dashboard-secondary,.crm-report-grid{grid-template-columns:1fr}.crm-panel-head{padding:15px}.crm-panel-body{padding:14px}.crm-pipeline{grid-template-columns:repeat(6,142px)}.crm-table-wrap{border-radius:12px}.crm-table{min-width:0}.crm-table thead{display:none}.crm-table,.crm-table tbody,.crm-table tr,.crm-table td{display:block}.crm-table tr{padding:14px;border-bottom:1px solid #dfe8e6}.crm-table td{padding:4px 0;border:0}.crm-table td[data-label]::before{content:attr(data-label) "：";color:#78898f}.crm-kanban{display:block;overflow:visible}.crm-kanban-column{min-height:0;margin-bottom:10px}.crm-dialog{width:100vw;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.crm-dialog form{max-height:100dvh;height:100%}.crm-dialog-head{padding:18px}.crm-dialog-body{padding:18px}.crm-form-grid{grid-template-columns:1fr}.crm-form-grid .wide{grid-column:auto}.crm-contact-grid{grid-template-columns:1fr}.crm-dialog-actions{padding:13px 16px;position:sticky;bottom:0}.crm-detail-meta{grid-template-columns:1fr 1fr}.crm-mobile-actions{display:flex;position:fixed;left:12px;right:12px;bottom:calc(69px + env(safe-area-inset-bottom));z-index:340;gap:10px;padding:8px;border:1px solid #dce7e5;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(26,57,61,.16);backdrop-filter:blur(12px)}.crm-mobile-actions .btn{flex:1}.crm-list-item{padding:12px}.crm-bar-row{grid-template-columns:80px 1fr 70px}}