*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f6f8;color:#1f2937;font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif}.app-shell{min-height:100vh}.app-sider{background:#111827!important}.brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 20px;color:#fff;font-size:16px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.08)}.app-header{height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.app-content{padding:24px}.page-stack{display:flex;flex-direction:column;gap:16px}.page-heading{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.page-heading h3{margin:0}.filter-bar{padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.filter-select{width:160px}.filter-id-input{width:240px}.filter-select-status{width:150px}.filter-select-method{width:132px}.filter-select-result{width:140px}.filter-select-menu{width:280px}.filter-select-role{width:220px}.filter-date-range{width:360px}.section-panel,.metric,.ant-table-wrapper{background:#fff;border-radius:6px}.section-panel{padding:16px;border:1px solid #e5e7eb}.section-panel h5{margin:0 0 12px}.metric{padding:18px 20px;border:1px solid #e5e7eb}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mini-metric{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:64px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.mini-metric-icon{display:grid;place-items:center;width:38px;height:38px;color:#1668dc;background:#e8f1ff;border-radius:6px;font-size:18px}.mini-metric-label{min-width:0;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-metric strong{color:#111827;font-size:24px;line-height:1}.mini-metric-danger .mini-metric-icon{color:#cf1322;background:#fff1f0}.workspace-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(280px,360px);gap:16px;align-items:start}.role-permission-grid{grid-template-columns:minmax(220px,280px) minmax(460px,1fr) minmax(300px,380px)}.workspace-side,.workspace-main,.workspace-detail{min-width:0}.workspace-side{max-height:calc(100vh - 232px);overflow:auto}.workspace-detail{position:sticky;top:88px}.role-permission-heading{position:sticky;top:0;z-index:9;padding:8px 0;background:#f4f6f8}.role-workbench-toolbar,.role-template-bar,.role-detail-actions,.role-diff-column-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.role-workbench-toolbar{margin-bottom:10px}.role-workbench-toolbar h5,.role-detail-actions h5{margin:0}.role-template-bar{justify-content:flex-start;flex-wrap:wrap;margin-bottom:12px;padding:10px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px}.role-permission-tree-card .ant-card-body{padding:0}.role-permission-tree-card .ant-tree{max-height:calc(100vh - 360px);min-height:340px;overflow:auto;padding:8px}.permission-node-title{max-width:100%}.permission-node-name{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-diff-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.role-diff-preview-compact{grid-template-columns:1fr}.role-diff-column{min-width:0;padding:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px}.role-diff-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto;margin-top:8px}.role-diff-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center}.role-diff-list-item .ant-typography{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-table-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.split-table-title h5{margin:0}.table-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 0}.workspace-table-row-selected>td{background:#e8f1ff!important}.mono-text{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;word-break:break-all}.binding-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.binding-list-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:8px 10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px}.permission-binding-item{grid-template-columns:auto minmax(0,1fr) auto}.detail-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-spin{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#111827f0,#1668dcd1),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath fill='%23ffffff' fill-opacity='.08' d='M0 40h120v2H0zm0 40h120v2H0zM40 0h2v120h-2zm40 0h2v120h-2z'/%3E%3C/svg%3E")}.login-card{width:420px;max-width:100%;border-radius:8px;box-shadow:0 24px 80px #0f172a47}.login-title{display:flex;gap:14px;align-items:center;margin-bottom:24px}.login-title>.anticon{display:grid;place-items:center;width:42px;height:42px;color:#1668dc;background:#e8f1ff;border-radius:8px;font-size:22px}.login-title h3{margin:0}.login-alert{margin-bottom:16px}.change-password-page{min-height:calc(100vh - 112px);display:flex;align-items:flex-start;justify-content:center;padding-top:32px}.change-password-card{width:460px;max-width:100%;border-radius:8px}.compact-heading{min-height:auto}.heading-icon{color:#1668dc;font-size:28px}.captcha-row{display:flex;align-items:stretch;width:100%}.captcha-row .ant-input{flex:1 1 0;min-width:0;height:40px}.captcha-row .ant-btn{flex:0 0 40px;width:40px;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.captcha-image-button{flex:0 0 132px;width:132px;min-width:132px;height:40px;padding:0;overflow:hidden;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-left:0}.captcha-image-button img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.role-checkbox-group{display:flex;flex-direction:column;gap:12px}.json-block{max-height:280px;overflow:auto;margin:0;padding:12px;color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;white-space:pre-wrap;word-break:break-word}.detail-line{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start}.detail-line .ant-typography:last-child{min-width:0;word-break:break-word}.status-reason-history{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px}.dictionary-workbench{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}.dictionary-sidebar,.dictionary-main{min-height:560px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.dictionary-panel-heading,.dictionary-main-heading,.dictionary-card-title,.dictionary-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.dictionary-panel-heading{margin-bottom:12px}.dictionary-panel-heading h5,.dictionary-main-heading h4{margin:0}.dictionary-list{display:flex;flex-direction:column;gap:8px;min-height:160px;margin-top:14px}.dictionary-card{position:relative;width:100%;overflow:hidden;color:inherit;background:#f8fafc;border:1px solid transparent;border-radius:7px;transition:background-color .2s,border-color .2s}.dictionary-card-select{width:100%;padding:12px 48px 12px 12px;color:inherit;text-align:left;font:inherit;background:transparent;border:0;cursor:pointer}.dictionary-card-select:focus-visible{outline:2px solid #1677ff;outline-offset:-2px}.dictionary-card:hover{background:#f1f5f9;border-color:#bfdbfe}.dictionary-card.is-selected{background:#eff6ff;border-color:#3b82f6}.dictionary-card-title{margin-bottom:8px;font-weight:600}.dictionary-card-title>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dictionary-card-edit{position:absolute;right:8px;bottom:8px;padding-inline:4px}.dictionary-main{display:flex;flex-direction:column;gap:16px;min-width:0}.dictionary-main-heading{min-height:54px}.dictionary-heading-icon{margin-top:5px;color:#1677ff;font-size:24px}.dictionary-main>.ant-empty{margin:auto}.full-width-input{width:100%}@media(max-width:768px){.app-sider{display:none}.app-header{padding:0 16px}.app-content{padding:16px}.page-heading{align-items:flex-start;flex-direction:column}.filter-bar{display:flex;flex-direction:column;align-items:stretch}.filter-bar .ant-form-item,.filter-id-input,.filter-select,.filter-date-range{width:100%}.metric-grid,.workspace-grid{grid-template-columns:1fr}.role-permission-heading{position:static}.role-workbench-toolbar,.role-detail-actions{align-items:flex-start;flex-direction:column}.role-permission-tree-card .ant-tree{max-height:none}.table-toolbar{align-items:stretch;flex-direction:column}.permission-node-name{max-width:180px}.workspace-side{max-height:none}.workspace-detail{position:static}.binding-list-item,.permission-binding-item{grid-template-columns:1fr}.detail-line{grid-template-columns:1fr;gap:4px}.dictionary-workbench{grid-template-columns:1fr}.dictionary-sidebar,.dictionary-main{min-height:auto}.dictionary-main-heading{align-items:flex-start;flex-direction:column}}