:root{--bg: #f4f6f8;--panel: #fff;--border: #d9dee4;--text: #1d2733;--muted: #667585;--primary: #1f5fbf;--ok: #1a7f45;--warn: #b26a00;--danger: #c0262d;--high-bg: #e4f5ea;--mid-bg: #fff4d6;--low-bg: #fde7e8;font-family:system-ui,-apple-system,Segoe UI,PingFang HK,Microsoft JhengHei,Noto Sans CJK TC,sans-serif;font-size:14px;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--primary)}h1{font-size:20px;margin:0}h2{font-size:15px;margin:0 0 10px}code{background:#eef1f4;padding:1px 5px;border-radius:3px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{text-align:right;font-variant-numeric:tabular-nums}.app-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 20px;background:#12263f;color:#fff;position:sticky;top:0;z-index:20}.brand{font-weight:700;font-size:16px}.tenant-switch select{padding:5px 8px;border-radius:4px;border:1px solid #3d5575;background:#1c3552;color:#fff}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{color:#c8d5e6;text-decoration:none;padding:8px 12px;border-radius:4px}.tab:hover{background:#1c3552}.tab.active{background:#fff;color:#12263f;font-weight:600}.spacer{flex:1}.user{color:#c8d5e6;font-size:13px}.app-main{padding:16px 20px 40px;max-width:1800px;margin:0 auto}.error-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--low-bg);color:#7a1218;border-bottom:1px solid #f1b3b6;padding:10px 20px;position:sticky;top:49px;z-index:15}.page-head{display:flex;align-items:baseline;gap:16px;margin-bottom:12px}.state{padding:40px 16px;text-align:center;color:var(--muted)}.state-empty{background:var(--panel);border:1px dashed var(--border);border-radius:6px}.no-access{background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text);max-width:560px;margin:40px auto}.notice{background:#e8f0fc;border:1px solid #bcd1f3;border-radius:6px;padding:10px 12px;margin-bottom:12px}.btn{font:inherit;padding:6px 14px;border-radius:5px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;text-decoration:none;display:inline-block}.btn:hover:not(:disabled){background:#eef2f6}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:#194f9f}.btn-ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn-ok:hover:not(:disabled){background:#146535}.btn-danger{color:var(--danger);border-color:#e3a3a6}.btn-ghost{border-color:transparent;background:transparent;padding:3px 8px}input,select,textarea{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:4px;background:#fff;color:inherit;width:100%}input[readonly],textarea[readonly]{background:#f3f5f7;color:#3d4a58}select:disabled{background:#f3f5f7;color:#3d4a58;opacity:1}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,tr:focus-visible{outline:2px solid #5b9bff;outline-offset:1px}input[type=checkbox]{width:auto}.inline-check{display:inline-flex;align-items:center;gap:6px}.block-label{display:grid;gap:6px}.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font:inherit;padding:5px 14px;border-radius:999px;border:1px solid var(--border);background:#fff;cursor:pointer}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.search{display:flex;gap:6px}.search input{width:260px}.table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--border);border-radius:6px}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:8px 10px;text-align:left;border-bottom:1px solid #eceff2;vertical-align:middle}.table th.num,.table td.num{text-align:right}.table th{background:#f7f9fb;font-weight:600;white-space:nowrap}.table.clickable tbody tr{cursor:pointer}.table.clickable tbody tr:hover{background:#f3f8ff}.more{text-align:center;margin:14px 0}.row-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge-neutral{background:#e8ecf0;color:#44505c}.badge-info{background:#dcebff;color:#134a9e}.badge-ok{background:var(--high-bg);color:#125c32}.badge-warn{background:var(--mid-bg);color:#7a4a00}.badge-danger{background:var(--low-bg);color:#8e1a20}.detail-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.note-warn{color:var(--warn);margin:4px 0}.note-error{color:var(--danger);margin:4px 0}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:10px}.pane-left{position:sticky;top:64px}.preview{background:#fff;border:1px solid var(--border);border-radius:6px;height:calc(100vh - 100px);overflow:auto}.preview-frame{width:100%;height:100%;border:0}.preview-img{padding:8px}.preview-img img{max-width:100%;display:block}.pane-right{display:grid;gap:12px;min-width:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:12px 14px}.panel-error{background:var(--low-bg);border-color:#f1b3b6;color:#7a1218}.card{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:12px 14px}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}.group{border:1px solid #e5e9ed;border-radius:6px;margin:0 0 12px;padding:8px 12px 12px;min-width:0}.group legend{padding:0 6px;font-weight:600;color:#3d4a58}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 12px}.field{padding:6px;border-radius:6px;border:1px solid transparent}.field.wide{grid-column:1 / -1}.field-head{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px}.field-head label{font-size:12.5px;color:var(--muted)}.hl-low{background:var(--low-bg);border-color:#f1b3b6}.hl-mid{background:var(--mid-bg);border-color:#f0d68c}td.hl-low,td.hl-mid{border-color:transparent}.conf{display:inline-block;font-size:11.5px;padding:1px 7px;border-radius:999px;white-space:nowrap}.conf-high{background:var(--high-bg);color:#125c32}.conf-mid{background:#ffe9a8;color:#6e4300}.conf-low{background:#f9c9cc;color:#8e1a20}.conf-confirmed{background:#dcebff;color:#134a9e}.conf-dirty{background:#eadcff;color:#4a2a8a}.legend{display:flex;gap:8px;margin:0 0 10px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:4px}.dot-high{background:#2ca05a}.dot-mid{background:#e0a100}.dot-low{background:#d3343b}.table.lines td{position:relative;white-space:nowrap}.table.lines input{min-width:80px}.table.lines td:first-child+td input{min-width:180px}.table.lines .dot{position:absolute;top:6px;right:4px}.hard-alert{background:var(--low-bg);border:1px solid #f1b3b6;color:#7a1218;font-weight:600;padding:8px 10px;border-radius:6px;margin-bottom:8px}.rules{list-style:none;padding:0;margin:0;display:grid;gap:6px}.rule{display:flex;gap:8px;align-items:baseline;padding:6px 8px;border-radius:5px;border:1px solid #e5e9ed}.rule.pass{color:#2a5f3f}.rule.pass .rule-icon{color:var(--ok)}.rule.fail-hard{background:var(--low-bg);border-color:#f1b3b6;font-weight:600}.rule.fail-hard .rule-icon{color:var(--danger)}.rule.fail-soft{background:var(--mid-bg);border-color:#f0d68c}.rule.fail-soft .rule-icon{color:var(--warn)}.rule-id{font-weight:700;min-width:38px}.rule-msg{flex:1}.tag{font-size:11px;padding:1px 6px;border-radius:4px;border:1px solid var(--border);background:#f3f5f7;white-space:nowrap}.tag-hard{background:#f9c9cc;border-color:#f1b3b6;color:#8e1a20}.tag-soft{background:#ffe9a8;border-color:#f0d68c;color:#6e4300}.tag-auth{margin-right:6px}.timeline{list-style:none;margin:0;padding:0 0 0 12px;border-left:2px solid #dfe5ea;display:grid;gap:10px}.tl-head{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}.tl-body{color:#3d4a58;font-size:13px;overflow-wrap:anywhere}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f192880;display:grid;place-items:center;z-index:50;padding:16px}.dialog{background:#fff;border-radius:8px;padding:18px 20px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 10px 40px #0000004d}.dialog h2{font-size:17px}.dialog-body{margin-bottom:16px;display:grid;gap:10px}.dialog-footer{display:flex;justify-content:flex-end;gap:8px}.rule-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.rule-form label{display:grid;gap:4px;min-width:160px;flex:1}.rule-form label span{font-size:12.5px;color:var(--muted)}.rule-form .btn{flex:0 0 auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px}.stat-num{font-size:28px;font-weight:700}.stat-label{color:var(--muted)}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.bars li{display:grid;grid-template-columns:90px 1fr 40px;gap:8px;align-items:center}.bar-track{background:#eceff2;border-radius:4px;height:14px;overflow:hidden}.bar-fill{display:block;height:100%;border-radius:4px}.tone-neutral{background:#8a96a3}.tone-info{background:#3d83e0}.tone-ok{background:#2ca05a}.tone-warn{background:#e0a100}.tone-danger{background:#d3343b}.bar-value{text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 1000px){.split{grid-template-columns:1fr}.pane-left{position:static}.preview{height:60vh}.app-main{padding:12px}.search input{width:100%}.search{flex:1}}