:root{--bg: #f6f7f7;--surface: #fff;--ink: #16191b;--muted: #5d6871;--line: #e2e6e8;--accent: #3e6472;--accent-strong: #2f505c;--accent-soft: #e7eef1;--good: #2e7d5b;--good-soft: #e4f1ea;--warn: #a96800;--warn-soft: #f7eedd;--bad: #b3403a;--bad-soft: #f7e7e6;--logo-frame: #173f46;--logo-check: #16836f;--shadow: 0 1px 2px rgba(22,25,27,.05), 0 8px 28px rgba(22,25,27,.07)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:var(--bg);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;letter-spacing:0}button,input{font:inherit;letter-spacing:0}.auth-loading{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-panel{width:min(100%,400px);padding:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.login-brand{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-family:Songti SC,"Noto Serif SC",serif;font-size:18px}.login-brand span{margin-top:2px;color:var(--muted);font-size:9px;letter-spacing:.16em}.login-heading{margin:24px 0 20px}.login-heading h1{margin:0;font-size:22px;letter-spacing:0}.login-heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.login-panel .ant-alert{margin-bottom:16px}.login-field{display:grid;gap:6px;margin-bottom:15px;color:var(--muted);font-size:12px}.app-shell{min-height:100vh;background:var(--bg)}.app-sider{position:fixed!important;inset:0 auto 0 0;z-index:20;border-right:1px solid var(--line);background:#f2f4f4!important}.brand-area{height:76px;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--line)}.brand-cn{font-family:Songti SC,"Noto Serif SC",serif;font-size:18px;line-height:1.15;font-weight:700}.brand-en{color:var(--muted);font-size:9px;letter-spacing:.16em}.app-menu{padding:14px 10px;background:transparent!important;border-inline-end:0!important}.app-menu .ant-menu-item{height:42px;margin:3px 0;border-radius:8px;color:var(--muted)}.app-menu .ant-menu-item-selected{color:var(--accent)!important;background:var(--accent-soft)!important;font-weight:600}.app-menu .ant-menu-item:after{display:none}.nav-icon{width:18px;height:18px}.sider-foot{position:absolute;left:12px;right:12px;bottom:16px;padding:12px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.app-main-layout{margin-left:220px;min-width:0;background:var(--bg)}.topbar{position:sticky;top:0;z-index:15;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#f6f7f7f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.org-name{font-size:13px;font-weight:600}.topbar-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.user-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700}.app-content{width:min(100%,1440px);padding:28px 30px 48px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.page-eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.page-header h1{margin:3px 0 0;font-family:Songti SC,"Noto Serif SC",serif;font-size:26px;line-height:1.3;letter-spacing:0}.page-header p{max-width:680px;margin:5px 0 0;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{min-height:126px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.stat-card .ant-statistic-title{color:var(--muted);font-size:12px}.stat-card .ant-statistic-content{margin-top:4px;font-size:27px;font-variant-numeric:tabular-nums}.stat-delta{display:block;margin-top:7px;color:var(--good);font-size:11px}.section-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:14px;margin-top:14px}.panel{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.panel-head{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:14px}.panel-note{color:var(--muted);font-size:11px}.trend-chart{height:230px;display:grid;grid-template-rows:minmax(0,1fr) 20px;gap:6px;padding:16px 16px 12px;background:linear-gradient(180deg,#fff,#f8fafa)}.trend-chart svg{width:100%;height:100%;min-height:0;overflow:visible}.chart-labels{display:flex;align-items:end;justify-content:space-between;min-height:20px;color:var(--muted);font-size:10px;line-height:1}.todo-list{padding:4px 16px}.todo-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);font-size:12px}.todo-row:first-child{border-top:0}.todo-main strong,.todo-main span{display:block}.todo-main span{margin-top:2px;color:var(--muted);font-size:10.5px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.toolbar .ant-input-search{min-width:220px;flex:1}.data-panel{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.data-panel .ant-table-wrapper,.data-panel .ant-table{background:transparent}.data-panel .ant-table-thead>tr>th{color:var(--muted);background:#f2f4f4;font-size:11px;font-weight:600}.data-panel .ant-table-tbody>tr>td{font-size:12px}.mono{font-family:SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.status-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor}.archive-layout,.review-layout,.template-layout{display:grid;gap:14px}.archive-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)}.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.compare-image{position:relative;min-height:240px;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#bcc2bd,#939c96)}.compare-image.after{background:linear-gradient(145deg,#b5bbb6,#8b948e)}.compare-tag{position:absolute;left:10px;top:10px;padding:3px 8px;border-radius:999px;background:#16191bb8;color:#fff;font-size:10px}.change-box{position:absolute;right:22%;bottom:23%;width:64px;height:52px;border:2px dashed var(--bad);border-radius:5px}.change-box:after{content:"1";position:absolute;right:-9px;top:-9px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--bad);color:#fff;font-size:10px;font-weight:700}.detail-list{padding:2px 16px}.detail-row{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);font-size:12px}.detail-row:first-child{border-top:0}.detail-label{color:var(--muted)}.audit-list{padding:8px 16px 14px;color:var(--muted);font-size:11px;line-height:1.85}.template-layout{grid-template-columns:240px minmax(0,1fr)}.template-nav{padding:8px}.template-item{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:8px;color:var(--muted);font-size:12px;cursor:pointer}.template-item.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.template-room{padding:16px;border-top:1px solid var(--line)}.template-room:first-child{border-top:0}.room-title{margin-bottom:10px;font-size:13px;font-weight:700}.rule-chips{display:flex;flex-wrap:wrap;gap:7px}.rule-chip{padding:4px 10px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:11px}.review-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.review-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.queue-strip{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}.queue-chip{min-width:190px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:11px;cursor:pointer}.queue-chip.active{border-color:var(--accent);box-shadow:0 0 0 2px #3e64721f;color:var(--ink)}.permission-table .ant-table-cell{vertical-align:middle}.permission-table .ant-table-thead .ant-table-cell{white-space:nowrap}.permission-table .check-yes,.permission-table .check-no{display:inline-block;width:100%;text-align:center}.check-yes{color:var(--good);font-weight:700}.check-no{color:#aab2b5}.empty-value{color:var(--muted);font-size:12px}.hash-cell{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,Menlo,monospace;font-size:10.5px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8fafa}@media(max-width:1000px){.app-sider{position:static!important}.app-main-layout{margin-left:0}.stat-grid{grid-template-columns:repeat(2,1fr)}.section-grid,.archive-layout,.review-layout{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}