:root{color:#17202a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f7f9}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.shell{min-height:100vh;padding:28px}.toolbar{align-items:end;display:flex;gap:24px;justify-content:space-between;margin-bottom:20px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.2}.toolbar p{color:#607080;margin-top:6px}.searchBox{align-items:center;background:#fff;border:1px solid #d9e0e7;border-radius:8px;display:flex;gap:10px;min-width:460px;padding:8px 8px 8px 12px}.searchBox input{border:0;flex:1;min-width:0;outline:0}.searchBox button,.iconButton{align-items:center;background:#1d5fd1;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;min-height:38px;padding:0 14px}.iconButton{background:#eef3f8;color:#1d2b3a;justify-content:center;min-width:38px;padding:0}.statusBand{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric{background:#fff;border:1px solid #d9e0e7;border-radius:8px;padding:16px}.metric span{color:#607080;display:block;font-size:13px;margin-bottom:8px}.metric strong{display:block;font-size:22px;line-height:1.2}.errorMessage{background:#fff1f1;border:1px solid #f4b8b8;border-radius:8px;color:#9b1c1c;margin-bottom:18px;padding:12px 14px}.contentGrid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px}.tablePanel,.detailPanel{background:#fff;border:1px solid #d9e0e7;border-radius:8px}.panelTitle{align-items:center;border-bottom:1px solid #e8edf2;display:flex;justify-content:space-between;min-height:58px;padding:0 16px}h2{font-size:16px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #e8edf2;font-size:14px;padding:12px 14px;text-align:left}th{color:#607080;font-size:12px;font-weight:600}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#eef5ff}.detailPanel{padding-bottom:18px}.detailPanel h3{font-size:18px;line-height:1.35;padding:18px 18px 8px}dl{margin:0;padding:0 18px}dt{color:#607080;font-size:12px;margin-top:14px}dd{margin:4px 0 0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.toolbar,.contentGrid{display:block}.searchBox{margin-top:16px;min-width:0;width:100%}.statusBand{grid-template-columns:repeat(2,minmax(0,1fr))}.detailPanel{margin-top:18px}}