:root{background:#f3f6fa;color:#182230;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.loading-shell,.login-shell{align-items:center;display:grid;min-height:100vh;padding:24px;place-items:center}.loading-shell{gap:12px}.loading-shell img{border-radius:8px;height:54px;width:54px}.login-panel{background:#fff;border:1px solid #dbe4ef;border-radius:8px;box-shadow:0 24px 70px #1018281f;display:grid;gap:22px;max-width:410px;padding:28px;width:min(100%,410px)}.login-brand,.panel-heading,.package-meta,.nav-item,.primary-action{align-items:center;display:flex}.login-brand{gap:12px}.login-brand img{border-radius:8px;height:48px;object-fit:cover;width:48px}.login-brand strong{display:block}.login-brand strong{font-size:21px}.login-brand span{color:#667085;display:block;font-size:13px;margin-top:3px}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:7px}.login-form label span{color:#344054;font-size:13px;font-weight:800}.login-form input{border:1px solid #cfd8e3;border-radius:8px;height:42px;padding:0 12px}.primary-action{background:#0875f5;border:0;border-radius:8px;color:#fff;font-weight:800;gap:8px;height:42px;justify-content:center}.primary-action:disabled{opacity:.68}.notice{border-radius:8px;font-size:13px;margin:0;padding:10px 12px}.notice.danger{background:#fff1f0;border:1px solid #ffccc7;color:#b42318}.notice.info{background:#eef6ff;border:1px solid #c9def7;color:#175cd3;margin-bottom:14px}.tenant-shell{display:grid;grid-template-columns:68px 252px minmax(0,1fr);min-height:100vh}.product-rail{align-items:center;background:#0f172a;border-right:1px solid #18233a;display:flex;flex-direction:column;gap:10px;padding:16px 10px;position:relative;z-index:140}.rail-logo{border-radius:8px;height:42px;margin-bottom:10px;object-fit:cover;width:42px}.rail-button{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#cbd5e1;display:flex;height:44px;justify-content:center;position:relative;width:44px}.rail-button:hover,.rail-button.active{background:#0875f51f;border-color:#60a5fae6;box-shadow:0 0 0 2px #60a5fa2e,0 0 22px #0875f56b;color:#fff}.rail-button span{background:#101828;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 12px 26px #0f172a40;color:#fff;font-size:12px;font-weight:900;left:calc(100% + 10px);opacity:0;padding:7px 9px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .14s ease;white-space:nowrap;z-index:180}.rail-button:hover span{opacity:1}.sidebar{background:#fff;border-right:1px solid #dce4ee;display:flex;flex-direction:column;padding:18px 14px;position:relative;z-index:120}.side-brand{display:grid;gap:2px;height:42px;justify-content:start;padding:2px 11px}.side-brand strong{color:#334155;font-size:16px;font-weight:650;line-height:20px;max-width:208px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-brand span{color:#667085;font-size:13px;font-weight:500;line-height:16px;max-width:208px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-list{display:grid;gap:5px;margin-top:18px;max-height:calc(100vh - 142px);overflow:visible;padding-right:2px}.nav-node{position:relative}.nav-item{background:transparent;border:1px solid transparent;border-radius:8px;color:#344054;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) auto;min-height:42px;padding:0 11px;text-align:left;width:100%}.nav-item.active{background:#eef6ff;border-color:#c9def7;color:#175cd3;font-weight:900}.nav-item.disabled{color:#98a2b3}.nav-item svg:last-child{margin-left:auto}.nav-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-submenu{background:#fff;border:1px solid #d8e3ef;border-radius:8px;box-shadow:0 18px 46px #10182826;display:grid;gap:6px;left:calc(100% + 2px);max-height:calc(100vh - 150px);overflow:auto;padding:10px;position:absolute;top:0;width:304px;z-index:150}.floating-submenu.align-bottom{bottom:0;top:auto}.floating-submenu:before{bottom:0;content:"";left:-36px;position:absolute;top:0;width:36px}.floating-row{align-items:center;background:#fff;border:1px solid transparent;border-radius:8px;color:#475467;display:flex;gap:8px;min-height:42px;padding:8px 10px;text-align:left}.floating-row:hover,.floating-row.active{background:#edf6ff;border-color:#b8d9ff;color:#175cd3;font-weight:900}.floating-row.disabled{color:#98a2b3}.floating-row small{color:#98a2b3;font-size:11px;margin-left:auto}.workspace{min-width:0}.topbar{align-items:center;background:#ffffffeb;border-bottom:1px solid #dce4ee;display:flex;gap:16px;height:64px;justify-content:space-between;margin-bottom:0;padding:0 24px;position:sticky;top:0;z-index:30}.global-search{align-items:center;background:#f8fafc;border:1px solid #d0d5dd;border-radius:8px;color:#667085;display:flex;gap:10px;max-width:620px;min-width:260px;padding:0 12px;width:36vw}.global-search input{background:transparent;border:0;color:#1f2937;height:40px;outline:0;width:100%}.global-search input::placeholder{color:#98a2b3}.topbar h1{font-size:22px;margin:4px 0 0}.eyebrow{color:#667085;font-size:12px;font-weight:900}.topbar-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.identity-chip{align-items:center;background:#eef6ff;border:1px solid #c9def7;border-radius:999px;color:#175cd3;display:inline-flex;font-size:12px;font-weight:800;min-height:34px;padding:0 12px;white-space:nowrap}.icon-button{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#475467;display:inline-flex;height:38px;justify-content:center;width:38px}.icon-button:hover{background:#eef6ff;border-color:#c9def7;color:#175cd3}.dashboard-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1540px;padding:22px 24px 32px}.package-panel,.wechat-panel,.metric-card,.feature-panel,.empty-panel{background:#fff;border:1px solid #dce4ee;border-radius:8px;box-shadow:0 12px 28px #1018280d}.package-panel{display:grid;gap:20px;grid-column:span 2;padding:18px}.package-panel h2{font-size:24px;margin:5px 0 0}.status-chip{border-radius:999px;font-size:12px;font-weight:900;justify-self:start;padding:5px 10px}.status-chip.success{background:#e8f7ee;color:#067647}.status-chip.warning{background:#fff4df;color:#b54708}.status-chip.danger{background:#fff1f0;color:#b42318}.package-meta{color:#475467;gap:16px;justify-content:space-between}.package-meta span{align-items:center;display:flex;gap:6px}.package-meta strong{color:#182230}.wechat-panel,.metric-card{display:grid;gap:16px;min-height:146px;padding:16px}.panel-heading{color:#344054;gap:8px}.wechat-state{align-self:end;display:grid;gap:6px}.wechat-state span,.metric-card span{color:#667085;font-size:13px}.wechat-state strong,.metric-card strong{font-size:26px}.metric-card svg{background:#eef6ff;border-radius:8px;color:#0875f5;padding:7px;box-sizing:content-box}.metric-card.green svg{background:#e8f7ee;color:#069455}.metric-card.violet svg{background:#f3efff;color:#7047eb}.metric-card.orange svg{background:#fff4df;color:#fb8500}.feature-panel{grid-column:span 4;padding:16px}.feature-list{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.feature-row{align-items:center;background:#f8fafc;border:1px solid #e4eaf2;border-radius:8px;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr) auto;min-height:78px;padding:10px}.feature-icon{align-items:center;background:#fff;border:1px solid #e4eaf2;border-radius:8px;display:flex;height:34px;justify-content:center;width:34px}.feature-row strong,.feature-row small{display:block;min-width:0}.feature-row small{color:#667085;font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-row em{color:#98a2b3;font-size:12px;font-style:normal;font-weight:900;white-space:nowrap}.feature-row em.enabled{color:#067647}.empty-panel{color:#667085;padding:48px;text-align:center}.work-panel{display:grid;gap:14px;margin:0 auto;max-width:1540px;padding:22px 24px 32px}.panel-toolbar{align-items:center;background:#fff;border:1px solid #dce4ee;border-radius:8px;display:flex;gap:10px;padding:12px}.search-box{align-items:center;border:1px solid #cfd8e3;border-radius:8px;display:flex;gap:8px;height:38px;min-width:260px;padding:0 10px}.search-box input{border:0;min-width:0;outline:0;width:100%}.panel-toolbar select,.form-modal select,.form-modal input{border:1px solid #cfd8e3;border-radius:8px;height:38px;padding:0 10px}.toolbar-button{align-items:center;background:#0875f5;border:0;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;gap:7px;height:38px;margin-left:auto;padding:0 13px}.toolbar-button.ghost{background:#fff;border:1px solid #cfd8e3;color:#344054;margin-left:0}.toolbar-button.ghost:hover{background:#eef6ff;border-color:#c9def7;color:#175cd3}.summary-strip{display:flex;flex-wrap:wrap;gap:8px}.summary-strip span{background:#fff;border:1px solid #dce4ee;border-radius:8px;color:#344054;font-size:13px;font-weight:800;padding:8px 11px}.data-table{background:#fff;border:1px solid #dce4ee;border-radius:8px;overflow:hidden}.table-row{align-items:center;border-top:1px solid #edf1f6;display:grid;gap:12px;grid-template-columns:1.2fr 1.2fr .9fr .8fr 1fr;min-height:58px;padding:10px 14px}.staff-table .table-row{grid-template-columns:1.1fr 1.1fr .95fr .7fr 1fr 1fr}.customer-table .table-row{grid-template-columns:1.15fr .85fr 1fr .95fr .85fr .5fr}.customer-identity{align-items:center;display:flex;gap:9px}.customer-identity>img,.customer-identity>i{align-items:center;background:#eef6ff;border:1px solid #d5e8ff;border-radius:7px;color:#175cd3;display:inline-flex;flex:0 0 36px;height:36px;justify-content:center;object-fit:cover;width:36px}.customer-identity>span{min-width:0}.empty-table-row{align-items:center;color:#667085;display:flex;gap:10px;justify-content:center;min-height:120px;padding:24px}.directory-workspace{align-items:start;display:grid;gap:14px;grid-template-columns:250px minmax(0,1fr)}.department-pane{background:#fff;border:1px solid #dce4ee;border-radius:8px;min-width:0;overflow:hidden}.department-pane>header{align-items:center;border-bottom:1px solid #e4eaf2;display:flex;justify-content:space-between;padding:12px}.department-pane>header div{display:grid;gap:2px}.department-pane>header small{color:#667085;font-size:12px}.department-pane>header button,.department-actions button{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:7px;color:#475467;display:inline-flex;height:30px;justify-content:center;padding:0;width:30px}.department-all,.department-row{align-items:center;background:#fff;border:0;border-bottom:1px solid #edf1f6;color:#344054;display:flex;min-height:42px;width:100%}.department-all{gap:8px;padding:0 12px;text-align:left}.department-all span,.department-name span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.department-all small,.department-name small{color:#667085;font-size:11px}.department-all.active,.department-row.active{background:#eef6ff;color:#175cd3}.department-row{padding-right:7px}.department-name{align-items:center;background:transparent;border:0;color:inherit;display:flex;flex:1;gap:7px;min-width:0;padding:0;text-align:left}.department-actions{display:none;gap:4px}.department-row:hover .department-actions,.department-row:focus-within .department-actions{display:flex}.department-actions button{border:0;height:27px;width:27px}.department-actions button:hover{background:#fff;color:#175cd3}.department-actions button:disabled{cursor:not-allowed;opacity:.35}.wechat-table .table-row{grid-template-columns:1.2fr .9fr 1.25fr 1.15fr 1fr}.agent-table .table-row{grid-template-columns:1.1fr 1fr .85fr 1.35fr .85fr}.role-table .table-row{grid-template-columns:1.1fr 1.4fr .5fr .7fr 1fr}.table-row:first-child{border-top:0}.table-row span{min-width:0}.table-row b,.table-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row small{color:#667085;font-size:12px;margin-top:3px}.table-head{background:#f8fafc;color:#667085;font-size:12px;font-weight:900;min-height:42px}.status-pill{background:#eef6ff;border-radius:999px;color:#175cd3;display:inline-flex;font-size:12px;font-style:normal;font-weight:900;padding:5px 9px}.status-pill.warning{background:#fff4e5;color:#b54708}.row-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:6px}.row-actions button,.inline-actions button{align-items:center;background:#fff;border:1px solid #cfd8e3;border-radius:8px;color:#344054;display:inline-flex;gap:5px;height:32px;justify-content:center;padding:0;width:32px}.row-actions button:hover,.inline-actions button:hover,.tenant-drawer header button:hover{background:#edf6ff;border-color:#b8d9ff;color:#0b66e4}.row-actions button:disabled,.inline-actions button:disabled,.drawer-actions button:disabled{background:#f8fafc;color:#98a2b3;cursor:not-allowed;opacity:.62}.inline-select{background:#fff;border:1px solid #cfd8e3;border-radius:7px;color:#344054;height:32px;max-width:160px;padding:0 8px;width:100%}.modal-backdrop{align-items:center;background:#0f172a59;display:grid;top:0;right:0;bottom:0;left:0;padding:20px;place-items:center;position:fixed;z-index:200}.drawer-backdrop{background:#0f172a3d;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:180}.tenant-drawer{background:#fff;border-left:1px solid #d8e3ef;box-shadow:-18px 0 48px #1018282e;display:flex;flex-direction:column;max-width:100vw;min-width:420px;overflow:auto;padding:16px;width:520px}.customer-detail-profile{align-items:center;border-bottom:1px solid #e4eaf2;display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px}.customer-detail-profile>img,.customer-detail-profile>i{align-items:center;background:#eef6ff;border:1px solid #d5e8ff;border-radius:8px;color:#175cd3;display:inline-flex;flex:0 0 48px;height:48px;justify-content:center;object-fit:cover;width:48px}.customer-detail-profile>div{display:grid;gap:4px}.customer-detail-profile strong{color:#101828;font-size:16px}.customer-detail-profile span,.drawer-section-title span{color:#667085;font-size:12px}.drawer-section-title{display:grid;gap:3px;margin-bottom:12px}.relation-list{display:grid;gap:10px}.relation-list article{border:1px solid #dce4ee;border-radius:8px;overflow:hidden}.relation-list article>header{align-items:center;background:#f8fafc;border-bottom:1px solid #e4eaf2;display:flex;justify-content:space-between;margin:0;padding:10px 12px}.relation-list article>header div{align-items:center;display:flex;gap:8px}.relation-list article>header span,.relation-list article>header small{color:#667085;font-size:12px}.relation-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.relation-grid span{color:#344054;font-size:13px;min-width:0}.relation-grid span.wide{grid-column:1 / -1}.relation-grid b{color:#667085;display:block;font-size:11px;margin-bottom:4px}.tenant-drawer header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.tenant-drawer header strong,.tenant-drawer header span{display:block}.tenant-drawer header strong{color:#1d2939;font-size:18px}.tenant-drawer header span{color:#667085;font-size:13px;margin-top:3px}.tenant-drawer header button{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#475467;display:inline-flex;height:32px;justify-content:center;width:32px}.drawer-section{border:1px solid #e4eaf2;border-radius:8px;margin-bottom:12px;padding:12px}.profile-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.profile-grid span{background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;color:#344054;display:grid;gap:4px;min-height:62px;padding:9px}.profile-grid span.wide{grid-column:1 / -1}.profile-grid b{color:#667085;font-size:12px}.drawer-actions{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.drawer-actions button{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#344054;display:inline-flex;gap:6px;height:36px;justify-content:center}.drawer-actions button:hover{background:#edf6ff;border-color:#b8d9ff;color:#0b66e4}.form-modal{background:#fff;border:1px solid #dce4ee;border-radius:8px;box-shadow:0 24px 80px #0f172a33;display:grid;gap:13px;max-height:calc(100vh - 44px);max-width:680px;overflow:auto;padding:18px;width:min(680px,100%)}.form-modal.wide-modal{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;width:min(920px,100%)}.form-modal.wide-modal header,.form-modal.wide-modal footer{grid-column:1 / -1}.form-modal .wide-field,.form-modal .wide{grid-column:1 / -1}.permission-form-modal{max-width:1040px;width:min(1040px,100%)}.member-form-modal{max-width:920px}.selection-panel,.scope-picker{border:1px solid #dce4ee;border-radius:8px;overflow:hidden}.selection-panel>header,.scope-picker>header{background:#f8fafc;border-bottom:1px solid #e4eaf2;padding:10px 12px}.selection-panel>header div,.scope-picker>header div{display:grid;gap:3px}.selection-panel>header small,.scope-picker>header small{color:#667085;font-size:12px}.selection-list{max-height:310px;overflow:auto}.selection-list.compact{max-height:190px}.selection-list label{align-items:center;border-top:1px solid #edf1f6;display:grid;gap:8px;grid-template-columns:18px minmax(100px,1fr) auto;min-height:38px;padding:6px 10px}.selection-list label:first-child{border-top:0}.selection-list label input{height:16px;margin:0;width:16px}.selection-list label span{font-weight:600}.selection-list label small{color:#667085;font-size:11px}.selection-empty{color:#667085;margin:0;padding:18px;text-align:center}.scope-picker-columns{display:grid;grid-template-columns:1fr 1fr}.scope-picker-columns>section+section{border-left:1px solid #e4eaf2}.scope-picker-columns>section>strong{border-bottom:1px solid #e4eaf2;display:block;padding:9px 11px}.authority-picker{border:1px solid #dce4ee;border-radius:8px;overflow:hidden}.authority-picker>header{background:#f8fafc;border-bottom:1px solid #e4eaf2;padding:10px 12px}.authority-picker>header div{display:grid;gap:3px}.authority-picker>header small{color:#667085;font-size:12px}.authority-picker>header label{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:7px;display:flex;gap:7px;padding:0 9px}.authority-picker>header input{border:0;box-shadow:none;height:34px;min-width:220px;padding:0}.authority-category-tabs{background:#fff;border-bottom:1px solid #e4eaf2;display:flex;gap:4px;padding:8px 10px}.authority-category-tabs button{align-items:center;background:transparent;border:1px solid transparent;border-radius:7px;color:#475467;cursor:pointer;display:inline-flex;gap:6px;height:32px;padding:0 12px}.authority-category-tabs button:hover{background:#f4f7fb}.authority-category-tabs button.active{background:#eef5ff;border-color:#b9d5ff;color:#175cd3}.authority-category-tabs small{background:#fff;border:1px solid #d0d5dd;border-radius:999px;color:inherit;font-size:11px;line-height:18px;min-width:20px;padding:0 5px;text-align:center}.authority-picker-list{max-height:390px;overflow-y:auto}.authority-picker-list label{align-items:center;border-top:1px solid #edf1f6;display:grid;gap:9px;grid-template-columns:18px minmax(150px,.7fr) minmax(220px,1fr);min-height:38px;padding-bottom:5px;padding-right:12px;padding-top:5px}.authority-picker-list label:first-child{border-top:0}.authority-picker-list label input{height:16px;margin:0;width:16px}.authority-picker-list label span{font-weight:600}.authority-picker-list code{color:#667085;font-size:11px;overflow:hidden;text-overflow:ellipsis}.form-modal header,.form-modal footer{align-items:center;display:flex;justify-content:space-between}.form-modal header strong,.form-modal header span{display:block}.form-modal header strong{color:#1d2939;font-size:18px}.form-modal header span{color:#667085;font-size:13px;margin-top:3px}.form-modal header button,.form-modal footer button{align-items:center;background:#fff;border:1px solid #cfd8e3;border-radius:8px;display:inline-flex;gap:6px;height:36px;justify-content:center;padding:0 12px}.form-modal header button{padding:0;width:36px}.form-modal label{display:grid;gap:6px}.form-modal label span{color:#344054;font-size:13px;font-weight:800}.form-modal footer .primary-action{background:#0875f5;border:0;color:#fff;width:96px}.confirm-modal{grid-template-columns:1fr}.confirm-message{align-items:flex-start;background:#fff8f0;border:1px solid #fedf89;border-radius:8px;color:#7a2e0e;display:flex;gap:10px;line-height:1.6;padding:13px}.confirm-message svg{flex:0 0 auto;margin-top:2px}.form-modal footer .danger-action{background:#d92d20;border-color:#d92d20;color:#fff}@media(max-width:1080px){.global-search{width:30vw}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-workspace{grid-template-columns:210px minmax(700px,1fr);overflow-x:auto}.scope-picker-columns{grid-template-columns:1fr}.scope-picker-columns>section+section{border-left:0;border-top:1px solid #e4eaf2}.feature-panel{grid-column:span 2}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.tenant-shell{grid-template-columns:58px minmax(0,1fr)}.sidebar{border-bottom:1px solid #dce4ee;border-right:0}.nav-list{max-height:none}.product-rail{padding:12px 7px}.rail-button{height:40px;width:40px}.topbar{align-items:center;height:auto;min-height:64px;padding:12px 16px}.global-search{max-width:none;width:100%}.dashboard-grid,.feature-list{grid-template-columns:1fr}.panel-toolbar{align-items:stretch;flex-direction:column}.search-box,.toolbar-button{margin-left:0;width:100%}.table-row,.customer-table .table-row{grid-template-columns:1fr}.package-panel,.feature-panel{grid-column:span 1}}