/* An Đông 4 CRM V10.46 — Customer Overview Operations Dashboard */
.v1046-page{display:flex;flex-direction:column;gap:13px;max-width:1680px;margin:0 auto;width:100%}.v1046-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.v1046-head>div{min-width:0}.v1046-head span{display:block;color:#1476e8;font-size:9px;font-weight:850;letter-spacing:.13em}.v1046-head h1{margin:4px 0 4px;color:#102a43;font-size:27px;line-height:1.15;letter-spacing:-.035em}.v1046-head p{margin:0;color:#6b7f96;font-size:12.5px}.v1046-loading{min-height:180px;display:flex;align-items:center;justify-content:center;gap:9px;color:#71869b;font-size:12px}.v1046-loading span{width:18px;height:18px;border:2px solid #dce8f4;border-top-color:#1478e6;border-radius:50%;animation:v1046spin .7s linear infinite}@keyframes v1046spin{to{transform:rotate(360deg)}}
.v1046-range{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border:1px solid #dfe7f0;background:#fff;border-radius:15px;padding:12px 14px;box-shadow:0 4px 15px rgba(13,46,89,.035)}.v1046-range-title strong{display:block;color:#173a5b;font-size:12px}.v1046-range-title small{display:block;margin-top:3px;color:#8798a8;font-size:9.5px}.v1046-range-controls{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap}.v1046-range-controls label span{display:block;margin:0 0 4px 2px;color:#667d93;font-size:8.5px;font-weight:800;text-transform:uppercase}.v1046-range-controls input{height:38px;min-width:136px;border:1px solid #d8e3ef;border-radius:10px;background:#fff;color:#244661;padding:0 9px;font-size:11px}.v1046-arrow{align-self:center;color:#9cafc0;padding-top:15px}.v1046-range-controls .btn{height:38px}
.v1046-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.v1046-kpi{display:flex;align-items:center;gap:11px;min-width:0;min-height:104px;padding:14px 15px;border:1px solid #dfe7ef;background:#fff;border-radius:15px;box-shadow:0 4px 16px rgba(13,46,89,.035)}.v1046-kpi>div:last-child{min-width:0}.v1046-kpi-icon{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:16px;font-weight:900;background:#edf5ff;color:#1476e8}.v1046-kpi-icon.loan{background:#e9f8f1;color:#13835c}.v1046-kpi-icon.volume{background:#eef1ff;color:#6355d8}.v1046-kpi-icon.ticket{background:#fff4e5;color:#b97000}.v1046-kpi-icon.lead{background:#f1efff;color:#755bd5}.v1046-kpi span{display:block;color:#667e94;font-size:9.5px;font-weight:800}.v1046-kpi strong{display:block;margin:6px 0 4px;color:#143e68;font-size:25px;line-height:1;font-weight:900;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v1046-kpi.money strong{font-size:20px}.v1046-kpi small{display:block;color:#8b9baa;font-size:8.8px;line-height:1.35}
.v1046-tasks{overflow:hidden!important;border-radius:16px!important;border:1px solid #dfe7ef!important;background:#fff!important;box-shadow:0 5px 18px rgba(13,46,89,.04)!important}.v1046-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #e9eef4}.v1046-section-head strong{display:block;color:#173a5b;font-size:13px}.v1046-section-head small{display:block;margin-top:2px;color:#8798a8;font-size:9.5px}.v1046-section-head>span{color:#8a9bac;font-size:9px}.v1046-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #e9eef4}.v1046-task{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:14px 15px;border:0;border-right:1px solid #edf2f6;background:#fff;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.v1046-task:last-child{border-right:0}.v1046-task:hover{background:#fbfdff}.v1046-task.active{background:#f4f9ff;box-shadow:inset 0 -2px #1879e5}.v1046-task-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eaf4ff;color:#176dcc;font-size:14px;font-weight:900}.v1046-task-icon.near{background:#fff5e5;color:#b97000}.v1046-task-icon.today{background:#fff0ef;color:#d14747}.v1046-task strong{display:block;color:#244866;font-size:10.5px;line-height:1.35}.v1046-task small{display:block;margin-top:2px;color:#8898a8;font-size:8.8px;line-height:1.35}.v1046-task b{font-size:22px;color:#173f68}.v1046-task-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;background:#fbfdff;border-bottom:1px solid #edf2f6}.v1046-task-list-head strong{display:block;color:#244866;font-size:11px}.v1046-task-list-head small{display:block;color:#8a9bac;font-size:8.8px;margin-top:2px}.v1046-task-list-head>span{color:#7890a6;font-size:9px}.v1046-table td small{display:block;color:#8999aa;font-size:8.8px;margin-top:3px}.v1046-customer strong{display:block;color:#153a5e;font-size:11.5px}.v1046-customer small{display:block;color:#8999aa;font-size:9px;margin-top:3px}.v1046-due{display:inline-flex;padding:4px 7px;border-radius:8px;background:#eef4f9;color:#48677f;font-size:9.5px;font-weight:800}.v1046-due.today{background:#fff0ef;color:#c84343}.v1046-actions{display:flex;gap:5px;flex-wrap:wrap}.v1046-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8093a5}.v1046-empty>div{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eaf7f1;color:#12825d;font-weight:900}.v1046-empty strong{margin-top:9px;color:#35546f;font-size:11px}.v1046-empty small{margin-top:3px;font-size:9px}
@media(max-width:1280px){.v1046-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.v1046-kpi:nth-child(4),.v1046-kpi:nth-child(5){grid-column:span 1}.v1046-range{align-items:flex-start;flex-direction:column}.v1046-range-controls{width:100%}}
@media(max-width:820px){body.v1043-mobile-ui .v1046-page{gap:9px;padding:0!important}.v1046-head h1{font-size:21px}.v1046-head p{font-size:11px}.v1046-range{padding:10px;border-radius:13px}.v1046-range-title small{display:none}.v1046-range-controls{display:grid;grid-template-columns:1fr 14px 1fr;gap:6px}.v1046-range-controls label input{width:100%;min-width:0;height:43px;font-size:16px}.v1046-arrow{padding-top:23px;text-align:center}.v1046-range-controls .btn{height:42px}.v1046-range-controls #v1046-this-month{grid-column:1/2}.v1046-range-controls #v1046-apply{grid-column:2/4}.v1046-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v1046-kpi{min-height:92px;padding:11px;gap:8px}.v1046-kpi.money{grid-column:span 2}.v1046-kpi-icon{width:34px;height:34px}.v1046-kpi strong{font-size:22px}.v1046-kpi.money strong{font-size:21px}.v1046-task-grid{grid-template-columns:1fr}.v1046-task{border-right:0;border-bottom:1px solid #edf2f6;padding:12px}.v1046-task:last-child{border-bottom:0}.v1046-task.active{box-shadow:inset 3px 0 #1879e5}.v1046-section-head>span{display:none}.v1046-task-list-head{align-items:flex-start}.v1046-table thead{display:none}.v1046-table,.v1046-table tbody,.v1046-table tr,.v1046-table td{display:block;width:100%}.v1046-table tr{padding:12px 13px;border-bottom:1px solid #edf2f6}.v1046-table td{border:0!important;padding:4px 0!important}.v1046-table td:nth-child(2):before{content:'Phụ trách: ';color:#8b9aaa}.v1046-table td:nth-child(3):before{content:'Ngày chăm sóc: ';color:#8b9aaa}.v1046-table td:nth-child(4):before{content:'Hợp đồng: ';color:#8b9aaa}.v1046-table td:nth-child(5):before{content:'Khoản vay: ';color:#8b9aaa}.v1046-actions{margin-top:5px}.v1046-actions .btn{min-height:39px;flex:1}.v1046-empty{min-height:150px}}
@media(max-width:430px){.v1046-kpis{grid-template-columns:1fr 1fr}.v1046-kpi{align-items:flex-start;flex-direction:column}.v1046-kpi.money{grid-column:1/-1;flex-direction:row;align-items:center}.v1046-kpi strong{font-size:21px}.v1046-kpi small{font-size:8.5px}}