.data-table-container{width:100%;display:flex;flex-direction:column}.data-table-wrapper,.data-table-wrapper .ant-table-wrapper,.data-table-wrapper .ant-table{width:100%}.data-table-wrapper .ant-table-content{overflow-x:auto!important}.data-table-wrapper .ant-pagination{margin-top:16px;padding:8px 0;display:flex!important;justify-content:center}.data-table-wrapper .ant-table-cell-fix-left{position:sticky!important;left:0;z-index:2;background:#fff}.data-table-wrapper .ant-table-thead .ant-table-cell-fix-left{z-index:3;background:#fafafa}.data-table-wrapper .ant-table-cell-fix-left:after{position:absolute;top:0;right:0;bottom:-1px;width:1px;background-color:#f0f0f0;content:""}.data-table-wrapper .ant-table-tbody>tr>td{padding:8px 12px}.data-table-wrapper .ant-table-thead>tr>th,.data-table-wrapper .ant-table-tbody>tr>td{text-align:center!important}.data-table-wrapper .ant-table-column-title{display:inline-flex;align-items:center;justify-content:center}.retention-page{height:calc(100vh - 64px);padding:18px;background:#f3f6fb}.retention-workspace{display:flex;gap:16px;height:100%}.retention-sidebar{width:342px;display:flex;flex-direction:column;border:1px solid #e7edf5;border-radius:22px;background:#fff;box-shadow:0 8px 24px #1f29370a;overflow:hidden}.retention-sidebar-header{padding:22px 20px 8px}.retention-page-title{font-size:24px;line-height:1.2;font-weight:700;color:#172033}.retention-page-subtitle{margin-top:6px;font-size:12px;color:#8a94a6}.retention-analysis-head{display:flex;align-items:center;gap:8px;margin:0 20px 14px;padding:12px 14px;border-radius:14px;background:#f7f9fc;border:1px solid #e4ebf3}.retention-analysis-label{font-size:15px;font-weight:600;color:#1f2a44}.retention-inline-select{min-width:108px}.retention-sidebar-scroll{flex:1;overflow:auto;padding:4px 16px 16px}.retention-section-card{margin-bottom:12px;padding:15px 15px 14px;border-radius:18px;background:#fff;border:1px solid #e8eef5;box-shadow:none}.retention-section-title,.retention-section-heading{font-size:14px;font-weight:600;color:#1c2740}.retention-section-note{margin-top:4px;font-size:12px;color:#97a2b3}.retention-section-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.retention-section-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;border-radius:10px;background:#f3f7ff;color:#3c7eff}.retention-global-card .retention-section-bar{justify-content:flex-start}.retention-inline-row{display:flex;gap:8px}.retention-empty-inline{padding:10px 12px;border-radius:12px;background:#f7f9fc;color:#9aa5b5;font-size:12px}.retention-group-stack{display:flex;flex-direction:column;gap:10px}.retention-group-row{display:flex;align-items:center;gap:10px}.retention-group-index{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#f3f6fa;color:#475569;font-size:12px;font-weight:600}.retention-sidebar-footer{padding:14px 16px 16px;background:#fbfcfe;border-top:1px solid #edf2f7}.retention-setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#4b5563;font-size:13px}.retention-window-select{width:108px}.retention-calc-button,.retention-save-button{height:42px;border-radius:14px;font-weight:600}.retention-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:16px}.retention-toolbar,.retention-table-panel{border:1px solid #e7edf5;border-radius:22px;background:#fff;box-shadow:0 8px 24px #1f29370a}.retention-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px}.retention-toolbar-left,.retention-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.retention-toolbar-button{height:38px;display:inline-flex;align-items:center;gap:8px;border-radius:12px;border-color:#d8e1ec;color:#22304a;background:#fff;box-shadow:none}.retention-group-tag{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:12px;color:#245fcf;background:#f3f8ff;border:1px solid #dce8ff}.retention-timezone-menu{width:160px;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 14px 28px #0f172a1f}.retention-timezone-item{padding:12px 14px;cursor:pointer;color:#24324a}.retention-timezone-item.active{background:#eef5ff;color:#215fd4;font-weight:600}.retention-dropdown-panel{overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 14px 30px #0f172a1a}.retention-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.retention-summary-card{padding:16px 20px;border-radius:18px;background:#fff;border:1px solid #e7edf5;box-shadow:0 8px 24px #1f29370a}.retention-summary-label{color:#7d889b;font-size:12px}.retention-summary-value{margin-top:10px;color:#111b2d;font-size:28px;font-weight:700;letter-spacing:-.02em}.retention-table-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.retention-table-header{padding:18px 20px 14px;border-bottom:1px solid #edf2f7}.retention-table-title{font-size:18px;font-weight:700;color:#172132}.retention-table-subtitle{margin-top:6px;font-size:12px;color:#8a94a6}.retention-table-body{flex:1;min-height:0;padding:12px 14px 16px;overflow:auto}.retention-empty-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b96a9;text-align:center}.retention-empty-title{font-size:18px;color:#1d293d;font-weight:600}.retention-empty-desc{margin-top:10px;font-size:13px}.retention-matrix-table .ant-table,.retention-detail-table .ant-table{background:transparent}.retention-matrix-table .ant-table-thead>tr>th,.retention-detail-table .ant-table-thead>tr>th{background:#fbfcfe;color:#42526b;font-weight:600;border-bottom:1px solid #e8edf4}.retention-matrix-table .ant-table-tbody>tr>td,.retention-detail-table .ant-table-tbody>tr>td{border-bottom:1px solid #eef2f7;background:#fff;padding:6px}.retention-matrix-table .ant-table-tbody>tr:first-child>td{background:#fcfdff;font-weight:600}.retention-heat-cell{min-height:60px;padding:8px 6px;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .15s ease}.retention-heat-link{font-weight:700;text-decoration:underline;text-underline-offset:2px}.retention-heat-rate{margin-top:4px;font-size:12px;font-weight:600}.retention-ghost-button{border-color:#dce5f1;background:#f9fbff}@media(max-width:1200px){.retention-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.retention-page{padding:12px;height:auto}.retention-workspace{flex-direction:column;height:auto}.retention-sidebar{width:100%}.retention-main{min-height:720px}}*{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}#root{width:100%;height:100vh}.ant-dropdown-menu-submenu-popup{max-height:70vh!important;overflow-y:auto!important}.ant-dropdown-menu-sub{max-height:60vh!important;overflow-y:auto!important}