:root{color:#20242b;background:#eef1f4;font-family:Inter,Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.side{background:#17202a;color:#f6f8fa;padding:24px 16px;display:flex;flex-direction:column;gap:10px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand strong{display:block;font-size:18px}.brand span,.tokenBox small{color:#b8c0ca;font-size:12px}.side button{border:0;background:transparent;color:#dfe5ec;display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;cursor:pointer;text-align:left}.side button.active,.side button:hover{background:#263544;color:#fff}.tokenBox{margin-top:auto;border-top:1px solid #344252;padding-top:16px;display:grid;gap:4px}.tokenBox span{color:#9ca9b8;font-size:12px}.main{padding:28px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h1{margin:0;font-size:24px;letter-spacing:0}h2{margin:0 0 8px;font-size:22px}h3{font-size:15px;margin:22px 0 10px}.metrics{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin-bottom:18px}.metric{background:#fff;border:1px solid #d9dee5;border-radius:8px;padding:14px;display:grid;gap:10px;min-height:96px}.metric span{color:#66717e;font-size:13px}.metric strong{font-size:26px}.metric.danger{color:#a32020;border-color:#efb4b4}.table{background:#fff;border:1px solid #d9dee5;border-radius:8px;overflow:hidden}.thead,.trow{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr 1fr 80px;gap:12px;align-items:center;padding:12px 14px}.thead{background:#f7f8fa;color:#67717d;font-size:13px;font-weight:700}.trow{border-top:1px solid #e8ebef}.trow.breached{background:#fff4f4}.trow button,.ghost,.actions button,.iconBtn{border:1px solid #cbd3dc;border-radius:8px;background:#fff;padding:8px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.trow button:hover,.ghost:hover,.actions button:hover,.iconBtn:hover{background:#eef5ff;border-color:#8fb9ef}.caseGrid{display:grid;grid-template-columns:330px 1fr;gap:18px}.caseList{display:grid;gap:8px}.row{width:100%;background:#fff;border:1px solid #d9dee5;border-radius:8px;padding:12px;display:grid;gap:4px;text-align:left;cursor:pointer}.row span,.row small{color:#687484}.activeRow{border-color:#2e6fbd;box-shadow:0 0 0 2px #d7e8ff}.detail{background:#fff;border:1px solid #d9dee5;border-radius:8px;padding:20px;min-height:600px}.detailHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.status,.pill{display:inline-flex;border-radius:999px;padding:5px 10px;background:#e8eef5;font-size:12px;font-weight:700}.pill.high,.pill.urgent{background:#ffe0e0;color:#8d1b1b}.summary{color:#3f4854;line-height:1.6}.split{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:16px 0}.info{background:#f7f8fa;border:1px solid #e4e7eb;border-radius:8px;padding:12px;display:grid;gap:6px}.info span{color:#66717e;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:8px}.unmask{background:#17202a;color:#f6f8fa;border-radius:8px;padding:14px;overflow:auto}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{background:#eef1f4;border:1px solid #d9dee5;border-radius:999px;padding:7px 10px;font-size:13px}.events{display:grid;gap:8px}.events div{display:grid;grid-template-columns:18px 1fr 140px;align-items:center;gap:8px;border-bottom:1px solid #edf0f2;padding:8px 0}.events small{color:#6b7683}.worklist{display:grid;gap:12px}.workItem{background:#fff;border:1px solid #d9dee5;border-radius:8px;padding:16px}.workItem div:first-child{display:flex;justify-content:space-between;gap:16px}.workItem p{color:#3f4854}.empty{background:#fff;border:1px solid #d9dee5;border-radius:8px;padding:28px;color:#687484}@media (max-width: 900px){.shell{grid-template-columns:1fr}.side{position:static}.metrics{grid-template-columns:repeat(2,1fr)}.caseGrid,.thead,.trow,.split{grid-template-columns:1fr}}