.h-empty-state,.h-tabs__empty{color:var(--hb-text-35);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.h-empty-state__icon{color:inherit;line-height:1;display:block}.h-metric-grid{gap:var(--hb-space-12);grid-template-columns:repeat(auto-fit,minmax(11.25rem,1fr));min-width:0;display:grid}.h-metric-card{align-items:center;column-gap:var(--hb-space-12);border:1px solid var(--hb-divider-control);border-radius:var(--hb-radius-md);background:var(--hb-surface-card);grid-template-columns:3rem minmax(0,1fr);grid-template-areas:"icon label""icon value";min-width:0;min-height:6.875rem;padding:1.9375rem 2.25rem;display:grid}.h-metric-card__icon{border-radius:var(--hb-radius-md);background:var(--hb-color-primary-bg);width:3rem;height:3rem;color:var(--hb-color-primary);grid-area:icon;justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}.h-metric-card__label{min-width:0;color:var(--hb-text-tertiary);text-align:right;text-overflow:ellipsis;white-space:nowrap;grid-area:label;font-size:.875rem;font-weight:500;line-height:.875rem;overflow:hidden}.h-metric-card__value{color:var(--hb-text-primary);text-align:right;grid-area:value;font-size:1.5rem;font-weight:700;line-height:1.5rem}.h-metric-card--success .h-metric-card__icon{color:#20c997;background:#20c9971a}.h-metric-card--accent .h-metric-card__icon{color:#7b61ff;background:#7b61ff1a}.h-metric-card--danger .h-metric-card__icon{color:#ff5c5c;background:#ff5c5c1a}.h-metric-card--neutral .h-metric-card__icon{background:var(--hb-surface-muted);color:var(--hb-text-secondary)}.h-user-center-card{box-sizing:border-box;border:1px solid var(--uc-border-subtle,var(--hb-border-default));background:var(--uc-surface,var(--hb-surface-card));width:100%;color:var(--uc-text-primary,var(--hb-text-primary));border-radius:16px;overflow:hidden}.h-user-center-card__header{justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 24px 0;display:flex}.h-user-center-card__heading{min-width:0}.h-user-center-card__title{color:var(--uc-text-primary,var(--hb-text-primary));margin:0;font-size:14px;font-weight:600;line-height:20px}.h-user-center-card__description{color:var(--uc-text-tertiary,var(--hb-text-tertiary));margin:4px 0 0;font-size:12px;line-height:18px}.h-user-center-card__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.h-user-center-card__body{min-width:0;padding:24px}.h-user-center-tabs{scrollbar-width:none;align-items:center;gap:24px;min-width:0;display:flex;overflow-x:auto}.h-user-center-tabs::-webkit-scrollbar{display:none}.h-user-center-tabs__item{height:36px;color:var(--uc-text-tertiary,var(--hb-text-tertiary));font:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:4px;padding:0;font-size:13px;display:inline-flex;position:relative}.h-user-center-tabs__item:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.h-user-center-tabs__item:hover,.h-user-center-tabs__item.is-active{color:var(--uc-text-primary,var(--hb-text-primary))}.h-user-center-tabs__item.is-active:after{background:var(--uc-accent,var(--hb-color-primary))}.h-user-center-tabs__item:focus-visible{outline:2px solid var(--uc-accent,var(--hb-color-primary));outline-offset:2px;border-radius:4px}.h-user-center-tabs__item:disabled{cursor:not-allowed;opacity:.45}.h-user-center-tabs__count{background:var(--uc-surface-muted,var(--hb-surface-muted));text-align:center;border-radius:9px;min-width:18px;padding:0 5px;font-size:10px;line-height:18px}.h-user-center-status{border-radius:12px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.h-user-center-status--neutral{background:var(--uc-surface-muted,var(--hb-surface-muted));color:var(--uc-text-secondary,var(--hb-text-secondary))}.h-user-center-status--info{background:var(--uc-accent-soft,var(--hb-color-primary-bg));color:var(--uc-accent,var(--hb-color-primary))}.h-user-center-status--success{background:color-mix(in srgb, var(--hb-color-success,#22a559) 12%, transparent);color:var(--hb-color-success,#15803d)}.h-user-center-status--warning{background:color-mix(in srgb, var(--hb-color-warning,#f59e0b) 13%, transparent);color:var(--hb-color-warning,#b45309)}.h-user-center-status--danger{background:var(--uc-danger-soft,var(--hb-color-error-soft));color:var(--uc-danger,var(--hb-color-error))}.h-user-center-metric-card{border:1px solid var(--uc-border-subtle,var(--hb-border-default));background:var(--uc-surface,var(--hb-surface-card));border-radius:12px;overflow:hidden}.h-user-center-metric-card>.h-metric-card{box-shadow:none;border:0;border-radius:0}.h-user-center-metric-card__footer{color:var(--uc-text-tertiary,var(--hb-text-tertiary));justify-content:space-between;align-items:center;gap:12px;padding:0 16px 16px;font-size:12px;display:flex}.h-user-center-toolbar{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.h-user-center-toolbar__leading,.h-user-center-toolbar__trailing{align-items:center;gap:8px;min-width:0;display:flex}.h-user-center-toolbar__trailing{justify-content:flex-end}.h-user-center-data-table .ant-table{border:1px solid var(--uc-border,var(--hb-border-default));background:var(--uc-surface,var(--hb-surface-card));color:var(--uc-text-primary,var(--hb-text-primary));border-radius:12px}.h-user-center-data-table .ant-table-thead>tr>th{border-bottom-color:var(--uc-border-subtle,var(--hb-divider-subtle));background:var(--uc-surface-muted,var(--hb-surface-muted));height:48px;color:var(--uc-text-tertiary,var(--hb-text-tertiary));font-size:13px;font-weight:500}.h-user-center-data-table .ant-table-tbody>tr>td{border-bottom-color:var(--uc-border-subtle,var(--hb-divider-subtle));background:var(--uc-surface,var(--hb-surface-card));min-height:48px;color:var(--uc-text-secondary,var(--hb-text-secondary));font-size:13px}@media (width<=768px){.h-user-center-card__header,.h-user-center-card__body{padding-left:16px;padding-right:16px}.h-user-center-toolbar{flex-direction:column;align-items:stretch}.h-user-center-toolbar__leading,.h-user-center-toolbar__trailing{flex-wrap:wrap;justify-content:flex-start}}
