: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.fail-off{color:var(--muted);background:#f3f5f7}.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}.settings{display:grid;gap:12px;max-width:1100px}.settings .group{margin:0}.settings-tenant select{min-width:240px}.settings-mode{max-width:420px;margin-bottom:10px}.settings-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.settings-row .block-label{width:200px}.settings-mime{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:10px}.settings-actions{position:sticky;bottom:0;background:var(--bg);padding:10px 0}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:5px;overflow:hidden}.segmented label{padding:4px 10px;cursor:pointer;border-left:1px solid var(--border);white-space:nowrap}.segmented label:first-child{border-left:0}.segmented label.active{background:var(--primary);color:#fff}.segmented label:focus-within{outline:2px solid #5b9bff;outline-offset:-2px}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.row-risk{background:var(--low-bg)}.erp-admin{margin-top:12px}.cred-status{display:flex;gap:10px;align-items:center;margin-bottom:8px}.cred-value{word-break:break-all}.cred-form{margin-top:12px}.input-with-btn{display:flex;gap:4px}.input-with-btn input{flex:1}.erp-stats{margin:8px 0}.erp-stats .stat-num{font-size:22px}.sub-h{font-size:14px;margin:16px 0 4px}.erp-lines{margin-top:8px;font-size:13px}@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}}.login-wrap{min-height:calc(80vh - 100px);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 24px #00000014;width:min(420px,100%);padding:32px 28px}.login-header{text-align:center;margin-bottom:24px}.login-header h1{font-size:20px;margin-bottom:6px;color:var(--text)}.login-header p{color:var(--muted);font-size:13.5px;margin:0}.login-form{display:grid;gap:16px}.login-alert{padding:10px 12px;border-radius:5px;background:var(--low-bg);border:1px solid #f1b3b6;color:#7a1218;font-size:13px;line-height:1.4;margin-bottom:16px}.login-btn{width:100%;padding:9px;font-weight:600;margin-top:4px}.login-footer{margin-top:24px;text-align:center;font-size:12px;color:var(--muted)}.user-menu{display:flex;align-items:center;gap:12px}.btn-logout{background:transparent;border:1px solid #3d5575;color:#c8d5e6;padding:4px 10px;font-size:12.5px;border-radius:4px;cursor:pointer;font-family:inherit}.btn-logout:hover{background:#1c3552;color:#fff;border-color:#5b7aa0}