.user-segments{background:var(--sps-bg-surface);min-height:100vh}.user-segments .segments-page{padding:24px 28px}.user-segments .segments-header{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 0 24px}.user-segments .segments-header .segment-main-title{-webkit-box-flex:0;color:var(--sps-text-strong);-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.5rem;font-weight:700;margin:0}.user-segments .segments-header .segments-add{height:32px}.user-segments .segments-add{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sps-primary);border-color:var(--sps-primary);border-radius:8px;-webkit-box-shadow:none;box-shadow:none;color:var(--sps-text-on-primary);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:600;gap:6px;height:36px;padding:0 16px}.user-segments .segments-add:focus,.user-segments .segments-add:hover{background:var(--sps-primary-hover);border-color:var(--sps-primary-hover);color:var(--sps-text-on-primary)}.user-segments .segments-table{background:var(--sps-bg-surface);border:1px solid var(--sps-border-default);border-radius:12px;overflow:hidden}.user-segments .segments-table .ant-table{color:var(--sps-text-default);font-size:14px}.user-segments .segments-table .ant-table table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.user-segments .segments-table .ant-table-thead>tr>th{background:var(--sps-bg-raised);border-bottom:1px solid var(--sps-border-default);color:var(--sps-text-muted);font-size:12px;font-weight:700;letter-spacing:.04em;padding:12px 16px;text-transform:uppercase;white-space:nowrap}.user-segments .segments-table .ant-table-tbody>tr>td{border-bottom:1px solid var(--sps-border-default);color:var(--sps-text-strong);padding:12px 16px;-webkit-transition:background .15s ease;transition:background .15s ease;vertical-align:middle}.user-segments .segments-table .ant-table-tbody>tr:hover>td{background:var(--sps-bg-raised)}.user-segments .segments-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.user-segments .segments-table .ant-table-placeholder{border:none}.user-segments .segment-name{color:var(--sps-text-strong);font-weight:600}.user-segments .segment-count-pill{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sps-primary-soft);border:1px solid var(--sps-primary);border-radius:999px;color:var(--sps-primary);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;height:26px;padding:0 10px;white-space:nowrap}.user-segments .segment-count-pill .segment-count-icon{color:inherit;font-size:15px;margin:0;padding:0}.user-segments .segment-count-pill.empty{background:var(--sps-bg-raised);border-color:var(--sps-border-default);color:var(--sps-text-muted)}.user-segments .segments-loading{min-height:240px}.user-segments .segments-empty,.user-segments .segments-loading{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.user-segments .segments-empty{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--sps-bg-surface);border:1px solid var(--sps-border-default);border-radius:12px;-ms-flex-direction:column;flex-direction:column;gap:6px;padding:56px 24px;text-align:center}.user-segments .segments-empty .segments-empty-icon{color:var(--sps-icon-muted);font-size:40px;margin-bottom:6px}.user-segments .segments-empty .segments-empty-title{color:var(--sps-text-strong);font-size:15px;font-weight:700}.user-segments .segments-empty .segments-empty-desc{color:var(--sps-text-muted);font-size:13px;margin-bottom:10px}.user-segments .operation-buttons{cursor:default;gap:6px}.user-segments .operation-buttons.hidden .operation-button{visibility:hidden}.user-segments .operation-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sps-bg-surface);border:1px solid var(--sps-border-default);border-radius:8px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:32px;justify-content:center;-webkit-transition:background .12s ease,border-color .12s ease,color .12s ease;transition:background .12s ease,border-color .12s ease,color .12s ease;width:32px}.user-segments .operation-button .material-icons{color:var(--sps-text-muted);font-size:18px}.user-segments .operation-button:hover{border-color:var(--sps-border-strong)}.user-segments .operation-button:hover .material-icons{color:var(--sps-text-strong)}.user-segments .operation-button.is-danger:hover{background:var(--sps-danger-soft);border-color:var(--sps-danger)}.user-segments .operation-button.is-danger:hover .material-icons{color:var(--sps-danger)}.user-segments .user-segment-avatar,.user-segments .user-segment-avatar-odd{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sps-primary-soft);border-radius:12px;color:var(--sps-primary);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.user-segments .user-segment-avatar-odd{background:var(--sps-info-soft);color:var(--sps-info-text)}.segment-modal .ant-modal-content{border-radius:14px;-webkit-box-shadow:var(--sps-shadow-lg);box-shadow:var(--sps-shadow-lg);overflow:hidden}.segment-modal .ant-modal-header{background:var(--sps-bg-surface);border-bottom:1px solid var(--sps-border-default);border-radius:14px 14px 0 0;padding:18px 24px}.segment-modal .ant-modal-title{color:var(--sps-text-strong);font-size:16px;font-weight:700;letter-spacing:-.01em}.segment-modal .ant-modal-close-x{color:var(--sps-text-muted);height:60px;line-height:60px;width:60px}.segment-modal .ant-modal-body{padding:20px 24px 8px}.segment-modal .ant-form-item{margin-bottom:12px}.segment-modal .ant-form-item-label>label{color:var(--sps-text-default);font-size:13px;font-weight:600}.segment-modal .ant-input{border-color:var(--sps-border-default);border-radius:10px;height:38px;-webkit-transition:border-color .12s ease,-webkit-box-shadow .12s ease;transition:border-color .12s ease,-webkit-box-shadow .12s ease;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color .12s ease,box-shadow .12s ease,-webkit-box-shadow .12s ease}.segment-modal .ant-input:hover{border-color:var(--sps-border-strong)}.segment-modal .ant-input:focus{border-color:var(--sps-primary);-webkit-box-shadow:0 0 0 3px var(--sps-primary-soft);box-shadow:0 0 0 3px var(--sps-primary-soft)}.segment-modal .ant-modal-footer{background:var(--sps-bg-surface);border-top:1px solid var(--sps-border-default);padding:14px 24px}.segment-modal .ant-modal-footer .ant-btn{border-color:var(--sps-border-strong);border-radius:8px;-webkit-box-shadow:none;box-shadow:none;color:var(--sps-text-default);font-weight:600;height:36px;padding:0 16px}.segment-modal .ant-modal-footer .ant-btn+.ant-btn{margin-left:8px}.segment-modal .ant-modal-footer .ant-btn.ant-btn-primary{background:var(--sps-primary);border-color:var(--sps-primary);color:var(--sps-text-on-primary)}.segment-confirm-modal .ant-modal-content{border-radius:14px;-webkit-box-shadow:0 12px 40px rgba(15,23,42,.18);box-shadow:0 12px 40px rgba(15,23,42,.18);overflow:hidden}.segment-confirm-modal .ant-modal-body{padding:24px 24px 20px}.segment-confirm-modal .ant-modal-confirm-body{display:block}.segment-confirm-modal .ant-modal-confirm-body>.segment-confirm-ico{float:left;margin:0}.segment-confirm-modal .ant-modal-confirm-body .ant-modal-confirm-content,.segment-confirm-modal .ant-modal-confirm-body .ant-modal-confirm-title{margin-left:54px}.segment-confirm-modal .segment-confirm-ico{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-flex:0;align-items:center;background:var(--sps-danger-soft);border-radius:12px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 0 40px;flex:0 0 40px;height:40px;justify-content:center;width:40px}.segment-confirm-modal .segment-confirm-ico .material-icons{color:var(--sps-danger);font-size:22px}.segment-confirm-modal .ant-modal-confirm-title{color:var(--sps-text-strong);font-size:16px;font-weight:700}.segment-confirm-modal .ant-modal-confirm-content{color:var(--sps-text-muted);font-size:13px;line-height:1.5;margin-top:6px}.segment-confirm-modal .ant-modal-confirm-btns{margin-top:22px}.segment-confirm-modal .ant-modal-confirm-btns .ant-btn{border-color:var(--sps-border-strong);border-radius:8px;color:var(--sps-text-default);font-weight:600;height:36px;padding:0 16px}.segment-confirm-modal .ant-modal-confirm-btns .ant-btn+.ant-btn{margin-left:8px}.segment-confirm-modal .ant-modal-confirm-btns .ant-btn.ant-btn-danger{background:var(--sps-danger);border-color:var(--sps-danger);color:var(--sps-text-on-primary)}