:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;--rd-primary:#165dff;--rd-primary-hover:#0e42d2;--rd-text-primary:#111827;--rd-text-secondary:#374151;--rd-text-muted:#6b7280;--rd-border:#e5e7eb;--rd-surface:#fff;--rd-bg:#f9fafb;--rd-success:#22c55e;--rd-warning:#f59e0b;--rd-danger:#ef4444;--rd-shadow-card:0 2px 8px #00000014;--rd-shadow-card-hover:0 4px 16px #0000001f;--el-color-primary:var(--rd-primary);--el-border-radius-base:6px;--el-border-radius-small:4px;--el-border-radius-round:8px;--el-box-shadow-light:var(--rd-shadow-card);--el-text-color-primary:var(--rd-text-primary);--el-text-color-regular:var(--rd-text-secondary);--el-border-color:var(--rd-border);--el-bg-color-page:var(--rd-bg);background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}body{background:radial-gradient(circle at 100% 0,#165dff14,#0000 24%),linear-gradient(#fdfdff 0%,#f9fafb 100%)}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at 100% 0,#165dff0f,#0000 26%),linear-gradient(#fbfcff 0%,#f7f9fc 100%);min-height:100vh;display:flex}.app-aside{border-right:1px solid var(--rd-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;width:240px;height:100vh;padding:18px 14px;transition:width .2s,padding .2s;position:sticky;top:0;overflow-y:auto}.app-aside--collapsed{width:80px;padding-left:12px;padding-right:12px}.brand-panel{background:linear-gradient(#165dff1a,#165dff08);border:1px solid #165dff24;border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:12px;transition:padding .2s,justify-content .2s;display:flex}.brand-panel--collapsed{justify-content:center;padding:12px 0}.brand-mark{object-fit:contain;flex-shrink:0;width:42px;height:42px;display:block}.brand-copy{min-width:0}.brand-title{color:var(--rd-text-primary);font-size:18px;font-weight:600}.brand-subtitle{color:var(--rd-text-muted);margin-top:4px;font-size:12px}.side-menu{background:0 0;border-right:none}.side-menu .el-menu-item{height:42px;color:var(--rd-text-secondary);border-radius:10px;margin-bottom:6px;transition:background-color .2s,color .2s}.side-menu .el-sub-menu{margin-bottom:6px}.side-menu .el-sub-menu__title{height:42px;color:var(--rd-text-secondary);border-radius:10px;margin-bottom:6px;transition:background-color .2s,color .2s}.side-menu .el-sub-menu__title:hover,.side-menu .el-menu-item:hover{color:var(--rd-primary);background:#165dff0f}.side-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--rd-primary)}.side-menu .el-menu--inline{background:0 0}.side-menu .el-sub-menu .el-menu-item{height:38px;color:var(--rd-text-muted);margin-bottom:4px;padding-left:46px!important}.side-menu.el-menu--collapse .el-menu-item{justify-content:center}.side-menu .el-menu-item.is-active{color:var(--rd-primary);background:#165dff14}.app-main-wrap{background:0 0;flex-direction:column;flex:1;min-width:0;display:flex}.app-header{z-index:20;border-bottom:1px solid var(--rd-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #1118270a}.app-header__left,.app-header__right{align-items:center;display:flex}.app-header__left{gap:12px;min-width:0}.app-header__right{flex-shrink:0;gap:12px}.header-icon-button{width:38px;height:38px;color:var(--rd-text-secondary);background:#fff;border-color:#165dff29;border-radius:10px;margin:0;padding:0}.header-icon-button:hover,.header-icon-button:focus-visible{color:var(--rd-primary);background:#165dff0f;border-color:#165dff47}.page-title{min-width:0;font-size:18px;font-weight:600;line-height:1.4}.header-username{color:var(--rd-text-primary);white-space:nowrap;font-size:14px;font-weight:600}.app-content{flex:1;min-height:0;padding:18px 20px 20px}.page-stack{flex-direction:column;gap:16px;display:flex}.hero-banner,.toolbar-card,.content-card,.metric-panel,.mobile-user-card{border:1px solid var(--rd-border);background:var(--rd-surface);box-shadow:var(--rd-shadow-card);border-radius:8px}.hero-banner{background:linear-gradient(135deg,#165dff1f,#fffffff5),#fff;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.hero-banner__eyebrow{color:var(--rd-primary);margin:0 0 12px;font-size:13px;font-weight:600}.hero-banner h2{letter-spacing:-.02em;max-width:720px;margin:0;font-size:32px;font-weight:600;line-height:1.25}.hero-banner__text,.toolbar-header p{max-width:680px;color:var(--rd-text-secondary);margin:12px 0 0;font-size:14px;line-height:1.57}.metric-grid,.grid-two{gap:24px;display:grid}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-panel{padding:20px}.metric-panel span,.metric-card span{color:var(--rd-text-muted);font-size:13px;display:block}.metric-panel strong,.metric-card strong{color:var(--rd-text-primary);margin-top:12px;font-size:20px;line-height:1.4;display:block}.metric-panel small{color:var(--rd-text-muted);margin-top:10px;font-size:13px;display:block}.toolbar-card,.content-card{padding:16px 18px}.toolbar-header,.card-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar-header--actions{justify-content:flex-end}.toolbar-card{flex-direction:column;gap:10px;display:flex}.toolbar-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.toolbar-actions .el-input{max-width:280px}.toolbar-actions .el-select,.toolbar-actions .el-tree-select{min-width:220px}.card-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.card-toolbar__title,.card-toolbar__actions{align-items:center;gap:10px;display:flex}.card-toolbar__title{min-width:0;font-size:16px;font-weight:600}.card-toolbar__actions{flex-wrap:wrap}.card-toolbar__actions .el-input{width:280px;max-width:100%}.bullet-list{color:var(--rd-text-secondary);margin:0;padding-left:18px;line-height:1.8}.table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination-wrap{justify-content:flex-end;width:100%;margin-top:20px;display:flex}.pagination-wrap .el-pagination{flex-wrap:wrap;justify-content:flex-end;gap:8px 12px}.mobile-user-list{display:none}.tag-flow,.checkbox-flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.text-muted{color:var(--rd-text-muted);font-size:13px}.split-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:24px;display:grid}.split-layout__side,.split-layout__main{min-width:0}.role-list{flex-direction:column;gap:12px;display:flex}.role-list__item{border:1px solid var(--rd-border);text-align:left;cursor:pointer;background:linear-gradient(#fffffffa,#f6f8fcf5);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.role-list__item:hover,.role-list__item--active{border-color:#165dff52;transform:translateY(-1px);box-shadow:0 12px 24px #165dff14}.role-list__item strong,.org-node-card strong,.org-child-row strong{font-size:15px;display:block}.role-list__item p,.org-node-card p,.org-child-row p,.permission-grid__title p{color:var(--rd-text-muted);margin:6px 0 0;font-size:12px}.config-section+.config-section{margin-top:24px}.config-section__header h3{margin:0;font-size:18px}.config-section__header p{color:var(--rd-text-muted);margin:8px 0 0;font-size:13px}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.permission-grid__item{border-radius:14px}.permission-grid__title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.scope-table{margin-top:16px}.org-tree-stack{flex-direction:column;gap:16px;display:flex}.org-node-card{border:1px solid var(--rd-border);background:linear-gradient(#fffffffa,#f8fafff5);border-radius:16px;padding:18px 20px;position:relative}.org-node-card__header,.org-child-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.org-children{border-top:1px dashed #165dff2e;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;display:flex}.org-children>.org-node-card{background:linear-gradient(#f9fbfffa,#f3f7fff5);border-color:#165dff2e;margin-left:20px}.org-children>.org-node-card:before{content:"";border-top:1px dashed #165dff42;width:14px;position:absolute;top:24px;left:-14px}.org-child-row{background:#165dff0a;border-radius:12px;padding:12px 14px}.mobile-user-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-user-card__header p,.mobile-user-card__meta{color:var(--rd-text-muted);margin:8px 0 0;font-size:13px}.mobile-user-card__meta{flex-direction:column;gap:8px;margin:16px 0;display:flex}.metric-card{box-shadow:var(--rd-shadow-card);background:#ffffffd1;border:1px solid #165dff1f;border-radius:8px;padding:20px}@media (width<=1024px){.metric-grid,.grid-two,.permission-grid,.split-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.app-shell{flex-direction:column}.app-aside{width:auto;height:auto;padding-bottom:8px;position:static}.app-aside--collapsed{width:auto;padding-left:16px;padding-right:16px}.app-header,.hero-banner,.toolbar-header,.toolbar-actions,.card-toolbar{flex-direction:column;align-items:stretch}.toolbar-title-wrap,.card-toolbar__title,.card-toolbar__actions{justify-content:space-between}.card-toolbar__actions .el-input{width:100%}.app-header__left,.app-header__right{justify-content:space-between}.app-content{padding:16px}.metric-grid,.grid-two,.permission-grid,.split-layout{grid-template-columns:1fr}.hero-banner h2{font-size:32px}.desktop-table{display:none}.mobile-user-list{gap:12px;display:grid}.pagination-wrap,.pagination-wrap .el-pagination{justify-content:flex-start}}