.mobile-layout{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.mobile-header{position:fixed;top:0;left:0;right:0;height:56px;background:linear-gradient(135deg,#1890ff,#096dd9);box-shadow:0 2px 8px #00000026;z-index:1000}.mobile-header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 16px}.mobile-header-title{color:#fff;font-size:18px;font-weight:600;margin:0}.mobile-header-menu{color:#fff;font-size:20px;cursor:pointer}.mobile-content{flex:1;margin-top:56px;margin-bottom:60px;padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#fff;border-top:1px solid #e8e8e8;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 8px #00000014;z-index:1000}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.mobile-nav-item:active{background-color:#f5f5f5}.mobile-nav-icon{font-size:22px;color:#8c8c8c;margin-bottom:4px;transition:all .3s ease}.mobile-nav-label{font-size:11px;color:#8c8c8c;transition:all .3s ease}.mobile-nav-item.active .mobile-nav-icon{color:#1890ff;transform:scale(1.1)}.mobile-nav-item.active .mobile-nav-label{color:#1890ff;font-weight:600}.mobile-content::-webkit-scrollbar{display:none}.mobile-content{-ms-overflow-style:none;scrollbar-width:none}.mobile-content{overscroll-behavior-y:contain}@supports (padding: max(0px)){.mobile-header{padding-top:max(0px,env(safe-area-inset-top));height:calc(56px + max(0px,env(safe-area-inset-top)))}.mobile-content{margin-top:calc(56px + max(0px,env(safe-area-inset-top)));margin-bottom:calc(60px + max(0px,env(safe-area-inset-bottom)))}.mobile-bottom-nav{padding-bottom:max(0px,env(safe-area-inset-bottom));height:calc(60px + max(0px,env(safe-area-inset-bottom)))}}.mobile-dashboard{padding-bottom:20px}.mobile-loading{display:flex;align-items:center;justify-content:center;height:50vh;font-size:16px;color:#8c8c8c}.mobile-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.mobile-kpi-card{border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.mobile-kpi-card .ant-card-body{padding:16px;display:flex;gap:12px}.mobile-kpi-grid .mobile-kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-kpi-grid-3 .mobile-kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.mobile-kpi-content{flex:1;min-width:0}.mobile-kpi-label{font-size:12px;color:#8c8c8c;margin-bottom:4px}.mobile-kpi-value{font-size:20px;font-weight:600;color:#262626;margin-bottom:8px}.mobile-card{border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:12px}.mobile-card .ant-card-head{padding:12px 16px;min-height:auto;border-bottom:1px solid #f0f0f0}.mobile-card .ant-card-head-title{padding:0;font-size:14px;font-weight:600}.mobile-card .ant-card-body{padding:12px 16px}.mobile-card-header{display:flex;align-items:center;gap:8px;font-size:14px}.mobile-card-header .anticon{font-size:16px}.mobile-revenue-chart{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:16px 0;min-height:180px}.mobile-chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.mobile-chart-value{font-size:11px;font-weight:600;color:#1890ff;min-height:16px}.mobile-chart-column{width:100%;border-radius:4px 4px 0 0;transition:all .3s ease;min-height:20px}.mobile-chart-label{font-size:12px;color:#8c8c8c;font-weight:500}.mobile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mobile-stats-row{display:flex;justify-content:space-around;gap:12px}.mobile-stat-item{text-align:center;padding:12px;background:#fafafa;border-radius:8px}.mobile-stat-icon{font-size:24px;color:#1890ff;margin-bottom:8px}.mobile-stat-value{font-size:24px;font-weight:600;color:#262626;margin-bottom:4px}.mobile-stat-label{font-size:12px;color:#8c8c8c}.mobile-list{display:flex;flex-direction:column;gap:12px}.mobile-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fafafa;border-radius:8px;transition:all .3s ease}.mobile-list-item:active{background:#f0f0f0;transform:scale(.98)}.mobile-list-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.mobile-list-avatar.inactive{background:linear-gradient(135deg,#9e9e9e,#757575)}.mobile-list-avatar.potential{background:linear-gradient(135deg,#52c41a,#389e0d)}.mobile-list-content{flex:1;min-width:0}.mobile-list-title{font-size:14px;font-weight:600;color:#262626;margin-bottom:4px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.mobile-list-desc{font-size:12px;color:#8c8c8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-list-item.inactive-customer{flex-wrap:wrap}.mobile-action-btn{width:100%;margin-top:8px;padding:8px 12px;background:#ff4d4f;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.mobile-action-btn:active{background:#cf1322;transform:scale(.95)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-card{animation:slideUp .3s ease}.mobile-kpi-card:nth-child(1){animation:slideUp .3s ease .1s both}.mobile-kpi-card:nth-child(2){animation:slideUp .3s ease .2s both}.mobile-dashboard:before{content:"";display:block;height:0}.mobile-list-item,.mobile-action-btn{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.mobile-dashboard-page{background:#f5f5f5;min-height:calc(100vh - 116px)}.mobile-tabs{background:#fff;margin:0}.mobile-tabs .ant-tabs-nav{margin:0;padding:0 16px}.mobile-tabs .ant-tabs-tab{padding:12px 16px;font-weight:500}.mobile-filter-bar{position:sticky;top:0;z-index:10;background:#fff;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 4px #00000014;margin-bottom:12px}.mobile-filter-unit-selector{display:flex;gap:8px;justify-content:space-between}.mobile-filter-unit-btn{flex:1;font-weight:500;border-radius:6px;height:32px}.mobile-filter-range-selector{display:flex;gap:8px;align-items:center}.mobile-kpi-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.mobile-kpi-grid-3 .mobile-kpi-card .ant-card-body{padding:10px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.mobile-kpi-grid-3 .mobile-kpi-value{font-size:16px;font-weight:700;color:#262626;line-height:1.2}.contract-item .mobile-list-avatar{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.mobile-list-amount{font-size:14px;font-weight:600;color:#52c41a;margin-top:4px}.birthday{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;font-weight:600}.agent-item{cursor:pointer;transition:all .2s}.agent-item:active{transform:scale(.98);background:#f0f0f0}.agent-item.selected{background:#e6f7ff;border-left:3px solid #1890ff}.agent-item .mobile-list-avatar{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;font-weight:600}.mobile-section-title{font-size:16px;font-weight:600;color:#262626;padding:16px 12px 8px;background:#f5f5f5}.mobile-list-item.potential-item{align-items:flex-start}.potential-action-btn{width:auto!important;margin-top:0!important;margin-left:8px;padding:4px 10px!important;font-size:11px!important;flex-shrink:0;background:#1890ff!important}.potential-action-btn:active{background:#096dd9!important}.mobile-list-item.inactive-item{align-items:flex-start}.inactive-switch-container{display:flex;align-items:center;margin-left:8px;flex-shrink:0}.inactive-status-switch{min-width:70px}.inactive-status-switch.ant-switch-checked{background-color:#52c41a}.inactive-status-switch:not(.ant-switch-checked){background-color:#ff4d4f}.mobile-stacked-column-chart{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:16px 0;min-height:180px;margin-bottom:16px}.mobile-stacked-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.mobile-column-bars{display:flex;flex-direction:column-reverse;width:100%;min-height:120px;border-radius:4px 4px 0 0;overflow:hidden}.mobile-column-segment{width:100%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:600}.mobile-column-total{font-size:11px;font-weight:600;color:#262626;min-height:16px}.mobile-column-label{font-size:12px;color:#8c8c8c;font-weight:500}.mobile-stacked-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mobile-legend-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fafafa;border-radius:6px}.mobile-legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.mobile-legend-label{flex:1;font-size:12px;color:#595959;font-weight:500}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.ant-layout{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.dashboard-page,.ant-card-body,.inactive-customers-card .ant-card-body{padding:12px!important}.inactive-customer-item{padding:10px 0!important}.agent-info-desktop{display:none!important}.ant-list-item-action{margin-left:0!important;margin-top:8px}.ant-list-item-action>li{padding:0!important}.ant-list-item-action button{width:100%;white-space:normal;height:auto;min-height:36px;padding:8px 12px}.ant-table-wrapper{overflow-x:auto}.ant-typography h2{font-size:20px!important}.ant-typography h4{font-size:16px!important}.ant-typography h5{font-size:13px!important}.ant-space-vertical{gap:10px!important}.ant-modal{max-width:calc(100vw - 24px)!important;margin:12px auto!important}.ant-modal-body{padding:16px!important}.ant-modal-header{padding:12px 16px!important}.ant-modal-footer{padding:10px 16px!important}.ant-tabs-nav{margin-bottom:12px!important}.ant-form-item{margin-bottom:16px!important}.ant-select-dropdown{max-width:calc(100vw - 32px)!important}.ant-tag{font-size:10px!important;padding:0 4px!important;line-height:18px!important}}@media (max-width: 480px){.dashboard-page{padding:8px!important}.ant-card{margin-bottom:10px!important;border-radius:6px!important}.ant-card-body,.inactive-customers-card .ant-card-body{padding:10px!important}.inactive-customer-item{padding:8px 0!important}.ant-typography h2{font-size:18px!important}.ant-space-horizontal{flex-direction:column!important;align-items:stretch!important}.ant-space-horizontal>.ant-space-item{width:100%!important}.ant-select{width:100%!important}.ant-list-item-meta-avatar{margin-right:8px!important}.ant-list-item-meta-title{font-size:12px!important}.ant-list-item-meta-description{font-size:10px!important}.inactive-customer-item .ant-avatar{width:32px!important;height:32px!important;font-size:14px!important}.inactive-customer-item button{height:30px!important;font-size:10px!important;padding:4px 8px!important}.ant-modal{max-width:calc(100vw - 16px)!important;margin:8px auto!important}.ant-modal-body{padding:12px!important;font-size:12px!important}.ant-modal-header{padding:10px 12px!important}.ant-modal-footer{padding:8px 12px!important}.ant-modal-footer .ant-btn{height:32px!important;font-size:12px!important}}@media (hover: none) and (pointer: coarse){.ant-btn{min-height:40px;padding:8px 16px}.ant-btn-sm{min-height:36px;padding:6px 12px}.ant-list-item{padding:16px 0!important}.ant-card-hoverable{cursor:pointer}}