:root{font-synthesis:none;text-rendering:optimizelegibility;color:#222;--brand:#1456f0;--brand-hover:#2563eb;--brand-active:#1d4ed8;--brand-soft:#eef4ff;--sky:#3daeff;--pink:#ea5ec1;--pink-soft:#fff0fa;--text:#222;--text-secondary:#45515e;--text-muted:#8e8e93;--surface:#fff;--surface-soft:#f7f8fa;--surface-quiet:#f0f0f0;--border:#e5e7eb;--border-soft:#f2f3f5;--success:#138a57;--success-soft:#e8ffea;--warning:#c66a0a;--danger:#d7373f;--shadow-card:0 4px 6px #00000014;--shadow-feature:0 0 15px #2c1e7429;--shadow-elevated:0 12px 16px -4px #24242414;--radius-control:8px;--radius-card:16px;--radius-feature:22px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--modal-padding-x:var(--space-6);--modal-padding-y:var(--space-6);--modal-section-gap:var(--space-5);--topbar-height:68px;--content-width:1480px;background:#fff;font-family:DM Sans,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:#fff;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:#fff;margin:0;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select,[tabindex]{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{box-shadow:0 0 0 3px #1456f033}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600}.strong-number,.metric strong,.role-stats strong,.account-channel-summary strong{font-variant-numeric:tabular-nums;font-family:Roboto,DM Sans,PingFang SC,sans-serif}.loading-screen,.route-loading,.modal-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;display:flex}.loading-screen{background:radial-gradient(circle at 18% 20%,#3daeff1f,#0000 30%),radial-gradient(circle at 85% 80%,#ea5ec11a,#0000 28%),#fff;min-height:100vh}.loading-mark{color:#fff;background:linear-gradient(135deg, var(--brand), var(--sky));width:48px;height:48px;box-shadow:var(--shadow-feature);border-radius:15px;place-items:center;font-family:Outfit,sans-serif;font-weight:600;display:grid}.route-loading{min-height:280px}.modal-loading{z-index:1100;background:#ffffffc7;position:fixed;inset:0}.app-shell{background:#fff;min-height:100vh}.topbar{z-index:900;height:var(--topbar-height);border-bottom:1px solid var(--border-soft);background:#fff;position:sticky;top:0}.topbar-inner{width:min(100%, var(--content-width));justify-content:space-between;align-items:center;gap:24px;height:100%;margin:0 auto;padding:0 28px;display:flex}.topbar-primary,.topbar-actions,.brand-lockup,.desktop-navigation,.drawer-navigation,.ant-btn.avatar-menu-trigger{align-items:center;display:flex}.topbar-primary{gap:32px;height:100%}.brand-lockup{color:var(--text);flex:none;gap:10px;font-family:Outfit,PingFang SC,sans-serif;font-size:16px;font-weight:600}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--brand), var(--sky));letter-spacing:.02em;border-radius:11px;place-items:center;min-width:42px;height:34px;padding:0 9px;font-size:13px;display:grid;box-shadow:0 6px 16px #1456f033}.desktop-navigation{gap:6px;height:100%}.desktop-navigation a,.drawer-navigation a{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:color .16s,background .16s,transform .16s;display:flex}.desktop-navigation a{border-radius:var(--radius-pill);height:40px;padding:0 16px}.desktop-navigation a:hover,.drawer-navigation a:hover{color:var(--brand);background:var(--brand-soft)}.desktop-navigation a.active,.drawer-navigation a.active{color:var(--brand);background:#1456f014}.avatar-menu-trigger{border-radius:var(--radius-pill);gap:8px;height:44px;padding:4px 8px 4px 4px}.ant-avatar.avatar,.ant-avatar.mini-avatar{color:#fff;background:linear-gradient(135deg, var(--brand), var(--sky));font-weight:600}.desktop-account-name{max-width:160px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-summary{align-items:center;gap:12px;min-width:220px;padding:4px 2px;display:flex}.account-summary>div,.account-channel-summary{gap:2px;display:grid}.account-summary strong,.account-channel-summary strong{color:var(--text)}.account-summary span,.account-channel-summary span{color:var(--text-muted);font-size:12px}.account-channel-summary{min-width:220px;padding:4px 2px}.ant-btn.mobile-menu-button{display:none}.drawer-navigation{gap:8px;display:grid}.drawer-navigation a{border-radius:var(--radius-pill);min-height:44px;padding:0 14px}.main-content{width:min(100%, var(--content-width));margin:0 auto;padding:28px 28px 64px}.page-stack{gap:16px;display:grid}.page-toolbar{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.customer-page-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:44px;display:flex}.page-title{max-width:720px}.page-title>span{border-radius:var(--radius-pill);color:var(--brand);background:var(--brand-soft);margin-bottom:8px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.page-title h1{color:var(--text);letter-spacing:-.035em;margin:0;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.12}.page-title p{color:var(--text-secondary);margin:10px 0 0;font-size:16px}.compact-page-title h1{letter-spacing:-.025em;font-size:clamp(28px,3vw,36px)}.page-toolbar-actions,.filter-group,.bulk-action-bar>div,.form-actions,.modal-footer-actions,.channel-actions,.user-actions,.role-card footer>div{align-items:center;gap:10px;display:flex}.ant-btn-primary.signature-button{background:#181e25;border-color:#181e25;min-width:116px;box-shadow:0 8px 20px #181e2529}.ant-btn-primary.signature-button:hover{background:#2c3540;border-color:#2c3540;transform:translateY(-1px)}.segment-tabs.ant-segmented{border-radius:var(--radius-pill);background:var(--surface-quiet);width:fit-content;max-width:100%;min-height:44px;padding:4px}.segment-tabs .ant-segmented-item,.inline-segment .ant-segmented-item{border-radius:var(--radius-pill)}.segment-tabs .ant-segmented-item-label{min-height:34px;padding:6px 16px;line-height:22px}.segment-label{align-items:center;gap:8px;display:inline-flex}.segment-count{border-radius:var(--radius-pill);min-width:24px;height:22px;color:var(--text-secondary);background:#0000000d;place-items:center;padding:0 7px;font-family:Roboto,sans-serif;font-size:12px;display:inline-grid}.metrics-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric{border:1px solid var(--border-soft);border-radius:var(--radius-feature);min-width:0;min-height:104px;box-shadow:var(--shadow-card);background:#fff;align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.metric:after{content:"";opacity:.2;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-64px;right:-48px}.metric-blue:after{background:var(--brand)}.metric-pink:after{background:var(--pink)}.metric-sky:after{background:var(--sky)}.metric-icon{color:#fff;border-radius:16px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.metric-blue .metric-icon,.role-overview .metric-blue{background:linear-gradient(135deg, var(--brand), #60a5fa)}.metric-pink .metric-icon,.role-overview .metric-pink{background:linear-gradient(135deg, var(--pink), #f59bd8)}.metric-sky .metric-icon{background:linear-gradient(135deg, var(--sky), #67d7ff)}.metric-icon svg{width:21px;height:21px}.metric>div{gap:3px;min-width:0;display:grid}.metric>div>span,.role-overview>div>div>span{color:var(--text-secondary);font-size:13px}.metric strong{color:var(--text);font-size:26px;font-weight:600;line-height:1.2}.metric strong small{color:var(--text-muted);font-size:12px;font-weight:500}.data-card{border:1px solid var(--border-soft);border-radius:var(--radius-feature);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px 18px;display:flex}.filter-group{flex:1;min-width:0}.search-control{width:min(360px,100%)}.channel-filter{width:220px}.bulk-action-bar{min-height:60px;color:var(--text-secondary);background:linear-gradient(90deg,#f3f7ff,#fbf5ff);border-bottom:1px solid #dbe7ff;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.bulk-action-bar>span{color:var(--brand-active);font-weight:600}.mobile-selection-bar,.mobile-user-list{display:none}.customer-table .ant-table{border-radius:0}.customer-table .ant-table-thead>tr>th{color:var(--text-secondary);white-space:nowrap;padding-block:14px;font-size:12px;font-weight:600}.customer-table .ant-table-tbody>tr>td{color:var(--text);padding-block:16px}.customer-table .ant-table-cell-fix-left,.customer-table .ant-table-cell-fix-right{background:#fff}.person-cell{align-items:center;gap:11px;min-width:0;display:flex}.person-cell>div,.stacked-copy{gap:2px;min-width:0;display:grid}.person-cell strong,.tree-cell strong,.role-name-line h2{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-cell span,.stacked-copy small,.tree-cell>div>span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mini-avatar{flex:none}.stacked-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-name{color:var(--text-secondary)}.read-only-label{color:var(--text-muted);font-size:12px}.user-actions{justify-content:flex-end}.tree-cell{padding-left:calc(var(--tree-depth) * 22px);align-items:center;gap:8px;display:flex}.tree-toggle,.tree-leaf{width:24px;min-width:24px}.tree-leaf{display:block}.tree-channel-icon{width:30px;height:30px;color:var(--brand);background:var(--brand-soft);border-radius:10px;flex:0 0 30px;place-items:center;display:grid}.tree-cell>div{min-width:0;display:grid}.role-overview{grid-template-columns:220px 220px minmax(0,1fr);gap:16px;display:grid}.role-overview>div{border:1px solid var(--border-soft);border-radius:var(--radius-card);min-height:96px;box-shadow:var(--shadow-card);background:#fff;align-items:center;gap:14px;padding:20px;display:flex}.role-overview .metric-icon{color:#fff}.role-overview>div>div{gap:2px;display:grid}.role-overview strong{font-size:24px}.role-overview .overview-note{color:var(--text-secondary);background:linear-gradient(100deg,#f6f9ff,#fff7fc)}.overview-note svg{color:var(--brand);flex:none}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.role-card{border:1px solid var(--border-soft);border-radius:var(--radius-feature);min-height:280px;box-shadow:var(--shadow-card);background:#fff;align-content:space-between;gap:18px;padding:22px;transition:box-shadow .18s,transform .18s;display:grid}.role-card:hover{box-shadow:var(--shadow-feature);transform:translateY(-2px)}.role-card.role-disabled{opacity:.68}.role-card>header{align-items:flex-start;gap:12px;display:flex}.role-symbol{width:42px;height:42px;color:var(--pink);background:var(--pink-soft);border-radius:14px;flex:0 0 42px;place-items:center;display:grid}.role-symbol.system{color:var(--brand);background:var(--brand-soft)}.role-card>header>div{flex:1;min-width:0}.role-name-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.role-name-line h2{margin:0;font-size:19px}.role-name-line span{color:var(--text-muted);flex:none;font-size:11px}.role-card header p{color:var(--text-secondary);margin:5px 0 0;font-size:13px}.role-stats{color:var(--text-secondary);gap:22px;font-size:13px;display:flex}.role-permissions-preview{flex-wrap:wrap;align-content:flex-start;gap:7px;min-height:66px;display:flex}.role-permissions-preview>span{border-radius:var(--radius-pill);height:27px;color:var(--text-secondary);background:var(--surface-soft);padding:4px 10px;font-size:12px}.role-permissions-preview .permission-more{color:var(--brand);background:var(--brand-soft)}.role-card>footer{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding-top:15px;display:flex}.ant-skeleton-element.skeleton-card{border-radius:var(--radius-feature);width:100%;min-height:280px}.geo-modal .ant-modal-content{border:1px solid var(--border-soft);border-radius:var(--radius-feature);padding:0;overflow:hidden;box-shadow:0 20px 52px #181e2529}.geo-modal .ant-modal-header{padding:var(--modal-padding-y) calc(var(--modal-padding-x) + 36px) var(--space-4) var(--modal-padding-x);border-bottom:1px solid var(--border-soft);margin:0}.geo-modal .ant-modal-close{border-radius:var(--radius-pill);top:20px;right:20px}.modal-header h2{color:var(--text);margin:0;font-size:20px;font-weight:600;line-height:1.3}.modal-header p{max-width:calc(100% - 40px);margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:13px;font-weight:400}.modal-body{max-height:min(72vh,760px);padding:var(--modal-section-gap) var(--modal-padding-x) var(--modal-padding-y);overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.geo-modal .ant-modal-footer{padding:var(--space-3) var(--modal-padding-x);border-top:1px solid var(--border-soft);background:#fffffff5;margin:0}.modal-footer-actions,.form-actions{justify-content:flex-end}.lazy-load-error{justify-content:center;align-items:center;gap:var(--space-3);min-height:160px;padding:var(--space-6);color:var(--text-secondary);display:flex}.lazy-load-error button{color:#fff;border-radius:var(--radius-control);background:var(--brand);cursor:pointer;border:0;padding:9px 16px;font-weight:600}.lazy-load-error button:hover{background:var(--brand-hover)}.modal-form,.role-form,.field-stack,.geo-modal .ant-form{gap:var(--modal-section-gap);display:grid}.form-section{padding:0 0 var(--modal-section-gap);gap:var(--space-4);border:0;border-bottom:1px solid var(--border-soft);margin:0;display:grid}.form-section:last-child{border-bottom:0;padding-bottom:0}.form-section h3{color:var(--text);margin:0;font-size:16px}.form-grid{gap:var(--space-4);display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.span-two{grid-column:1/-1}.ant-form-item{margin-bottom:0}.ant-form-item .ant-form-item-label>label,.field-stack>span{color:var(--text-secondary);font-size:13px;font-weight:500}.geo-modal .ant-input-number{width:100%}.geo-modal .form-actions{z-index:3;bottom:calc(0px - var(--modal-padding-y));min-height:68px;margin:0 calc(0px - var(--modal-padding-x)) calc(0px - var(--modal-padding-y));padding:var(--space-3) var(--modal-padding-x);border-top:1px solid var(--border-soft);background:#fff;position:sticky}.geo-modal .form-actions .ant-btn{min-width:96px}.choice-cards.ant-radio-group,.role-choice-grid.ant-radio-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.choice-cards .ant-radio-wrapper,.role-choice-grid .ant-radio-wrapper{border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;align-items:flex-start;gap:10px;min-height:104px;margin:0;padding:18px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex;position:relative}.choice-cards .ant-radio-wrapper:hover,.role-choice-grid .ant-radio-wrapper:hover,.choice-cards .ant-radio-wrapper.selected,.role-choice-grid .ant-radio-wrapper-checked{background:var(--brand-soft);border-color:#1456f073;box-shadow:0 0 0 3px #1456f00f}.choice-cards .ant-radio,.role-choice-grid .ant-radio{margin-top:3px}.choice-cards .ant-radio-wrapper>span:last-child,.role-choice-grid .ant-radio-wrapper>span:last-child{gap:4px;min-width:0;display:grid}.choice-cards strong,.role-choice-grid strong{color:var(--text)}.choice-cards small,.role-choice-grid small{color:var(--text-secondary);line-height:1.5}.choice-icon{display:none}.inline-segment{border-radius:var(--radius-pill);width:fit-content;max-width:100%}.advanced-settings{border-radius:var(--radius-card);background:var(--surface-soft)}.advanced-settings.ant-collapse .ant-collapse-header{color:var(--text-secondary)}.advanced-settings.ant-collapse .ant-collapse-content-box{padding-top:0}.inline-note,.warning-note,.confirm-copy,.balance-preview,.assignment-summary,.role-selection-summary{border-radius:var(--radius-card);color:var(--text-secondary);background:var(--surface-soft);padding:14px 16px;font-size:13px}.warning-note{color:#7a4108;background:#fff7e8}.balance-preview{justify-content:space-between;display:flex}.balance-preview strong,.role-selection-summary strong,.assignment-summary strong{color:var(--text)}.point-direction.ant-segmented{width:100%;padding:var(--space-1);border-radius:var(--radius-pill);background:var(--surface-quiet)}.point-direction .ant-segmented-group,.point-direction .ant-segmented-item{width:100%}.point-direction .ant-segmented-item{border-radius:var(--radius-pill);min-height:40px}.point-direction .ant-segmented-item-label,.point-direction .ant-segmented-item-label>span{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.point-balance-preview{padding:var(--space-4);align-items:center;gap:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-card);background:linear-gradient(120deg,#f5f8ff,#fff8fc);grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);display:grid}.point-balance-preview>div{gap:2px;min-width:0;display:grid}.point-balance-preview>div:last-child{text-align:right}.point-balance-preview span,.point-balance-preview small,.point-adjustment-note small{color:var(--text-muted);font-size:12px}.point-balance-preview strong{color:var(--text);text-overflow:ellipsis;font-size:18px;font-weight:600;overflow:hidden}.point-flow{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--brand);box-shadow:var(--shadow-card);background:#fff;place-items:center;display:grid}.point-flow-reclaim{color:var(--danger)}.point-adjustment-note{min-height:48px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-control);color:var(--brand-active);background:var(--brand-soft);font-size:13px;font-weight:500;display:flex}.point-adjustment-note-reclaim{color:#9a4d05;background:#fff7e8}.entry-url-note,.assignment-summary{gap:4px;display:grid}.entry-url-note strong{overflow-wrap:anywhere}.entry-url-note small,.assignment-summary small{color:var(--text-muted)}.permission-picker{gap:14px;display:grid}.permission-summary,.permission-group-title{align-items:center;gap:10px;display:flex}.permission-summary{color:var(--text-secondary);justify-content:space-between}.permission-picker>section{border:1px solid var(--border-soft);border-radius:var(--radius-card);overflow:hidden}.permission-group-title{background:var(--surface-soft);min-height:46px;padding:10px 14px}.permission-group-title strong{flex:1}.permission-group-title>span:last-child{color:var(--text-muted);font-size:12px}.permission-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.permission-option{border-top:1px solid var(--border-soft);align-items:flex-start;gap:10px;min-height:68px;padding:13px 14px;display:flex}.permission-option:nth-child(odd){border-right:1px solid var(--border-soft)}.permission-option>span:last-child{gap:2px;min-width:0;display:grid}.permission-option strong{color:var(--text);font-size:13px}.permission-option small{color:var(--text-muted);font-size:12px}.invite-panel,.invite-history{gap:14px;display:grid}.generated-code{border-radius:var(--radius-card);background:linear-gradient(100deg, var(--brand-soft), var(--pink-soft));grid-template-columns:1fr auto;gap:8px 12px;padding:16px;display:grid}.generated-code>span{color:var(--text-secondary);grid-column:1/-1;font-size:12px}.generated-code code,.invite-history code{overflow-wrap:anywhere;color:var(--brand-active);align-self:center;font-family:Roboto,monospace}.invite-history h3{margin:6px 0 0;font-size:15px}.invite-history>div{border-top:1px solid var(--border-soft);grid-template-columns:minmax(120px,1fr) auto;gap:4px 12px;padding:12px 0;display:grid}.invite-history small{color:var(--text-muted);grid-column:1/-1}.status-active,.status-used{color:var(--success)}.auth-page{background:radial-gradient(circle at 18% 18%,#3daeff1a,#0000 30%),radial-gradient(circle at 82% 82%,#ea5ec114,#0000 28%),#fff;min-height:100vh;display:grid}.auth-brand{color:var(--text);justify-content:center;align-items:center;gap:12px;margin:0;font-family:Outfit,PingFang SC,sans-serif;font-size:18px;font-weight:600;display:flex}.auth-brand>span{color:#fff;background:linear-gradient(135deg, var(--brand), var(--sky));border-radius:13px;place-items:center;width:50px;height:40px;font-size:14px;display:grid;box-shadow:0 6px 16px #1456f02e}.auth-panel{place-items:center;min-height:100vh;padding:clamp(24px,5vw,64px);display:grid}.auth-login-shell{gap:var(--space-6);width:min(100%,440px);display:grid}.auth-card.ant-card{border:1px solid var(--border-soft);border-radius:24px;width:100%;box-shadow:0 12px 32px #2c1e741f}.auth-card .ant-card-body{padding:var(--space-8)}.auth-tabs .ant-tabs-nav{margin-bottom:var(--space-6)}.auth-form{gap:var(--space-4);display:grid}.auth-submit{margin-top:var(--space-2)}.auth-submit>span{align-items:center;gap:8px;display:inline-flex}@media (width<=1100px){.role-grid,.role-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.role-overview .overview-note{grid-column:1/-1}}@media (width<=900px){.desktop-navigation,.desktop-account-name{display:none}.ant-btn.mobile-menu-button{display:inline-flex}.topbar-primary{gap:10px}.metrics-strip{grid-template-columns:1fr}.metric{min-height:102px}}@media (width<=767px){:root{--modal-padding-x:18px;--modal-padding-y:18px;--modal-section-gap:16px;--topbar-height:62px}.topbar-inner{padding:0 16px}.top-brand-lockup>span:last-child{display:none}.main-content{padding:22px 16px 48px}.page-stack{gap:18px}.page-toolbar{flex-direction:column;align-items:flex-start}.page-title h1{font-size:34px}.page-title p{font-size:14px}.page-toolbar-actions{width:100%}.customer-page-toolbar{flex-direction:column;align-items:stretch}.page-toolbar-actions>button{flex:1}.segment-tabs.ant-segmented,.segment-tabs .ant-segmented-group,.segment-tabs .ant-segmented-item{width:100%}.metric{min-height:94px;padding:18px}.metric strong{font-size:24px}.data-card{box-shadow:none;border:0;border-radius:0;overflow:visible}.table-toolbar{border-bottom:0;flex-direction:column;align-items:stretch;padding:0 0 14px}.filter-group{grid-template-columns:1fr;display:grid}.search-control,.channel-filter{width:100%}.bulk-action-bar{border-radius:var(--radius-card);border:1px solid #dbe7ff;flex-direction:column;align-items:flex-start;margin-bottom:12px;padding:14px}.bulk-action-bar>div{width:100%}.bulk-action-bar button{flex:1}.mobile-selection-bar{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--surface-soft);margin-bottom:12px;padding:12px 14px;display:block}.desktop-user-table{display:none}.mobile-user-list{gap:12px;display:grid}.mobile-user-card.ant-card{border:1px solid var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.mobile-user-card .ant-card-body{padding:16px}.mobile-user-card-content,.mobile-user-card-content>dl{gap:14px;display:grid}.mobile-user-card-content>header{align-items:center;gap:10px;display:flex}.mobile-user-card-content>header .person-cell{flex:1;min-width:0}.mobile-user-card-content>dl{background:var(--surface-soft);border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:14px}.mobile-user-card-content dl>div{gap:2px;min-width:0;display:grid}.mobile-user-card-content dt{color:var(--text-muted);font-size:11px}.mobile-user-card-content dd{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.mobile-user-card-content>footer{justify-content:flex-end;display:flex}.mobile-directory-pagination{justify-content:center;margin-top:8px;display:flex}.channel-table .ant-table-container{border:1px solid var(--border-soft);border-radius:var(--radius-card);overflow:hidden}.role-overview,.role-grid{grid-template-columns:1fr}.role-overview .overview-note{grid-column:auto}.choice-cards,.role-choice-grid,.form-grid.two,.permission-options{grid-template-columns:1fr}.point-balance-preview{padding:var(--space-3);grid-template-columns:1fr 32px 1fr}.point-adjustment-note{flex-direction:column;align-items:flex-start}.permission-option:nth-child(odd){border-right:0}.modal-body{max-height:70vh}.auth-panel{padding:24px 16px}.auth-card .ant-card-body{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}