:root{font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:#20334f;background:#f4f7fc}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{height:70px;background:#123f88;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(25px,calc((100vw - 1380px)/2));box-shadow:0 5px 20px #123f8824}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:.2px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#ff8200;color:#fff;font-size:17px}.text-button{border:0;background:transparent;color:#eaf2ff;font-size:13px;padding:10px 3px}.text-button:hover{text-decoration:underline}main{max-width:1430px;margin:0 auto;padding:42px 25px 70px}.eyebrow{color:#2a66c4;font-size:11px;font-weight:800;letter-spacing:2px}.login-card{width:min(100%,420px);margin:7vh auto 0;padding:37px;background:#fff;border:1px solid #dfebfa;border-radius:20px;box-shadow:0 20px 60px #143d7520}.login-card h1{font-size:27px;margin:11px 0 7px}.login-card p{font-size:13px;color:#6d7e97}.login-card form{display:grid;gap:9px;margin-top:25px}.login-card label{font-size:12px;font-weight:700}.login-card input,.toolbar input,.toolbar select,.detail-panel select,.detail-panel textarea{width:100%;background:#fff;border:1px solid #d6e1f0;border-radius:9px;padding:11px 12px;outline:none;color:#20334f}.login-card input:focus,.toolbar input:focus,.toolbar select:focus,.detail-panel select:focus,.detail-panel textarea:focus{border-color:#2668d0;box-shadow:0 0 0 3px #2668d01c}.login-card input{margin-bottom:9px}.primary{border:1px solid #f08110;border-radius:9px;background:#ff8200;color:#fff;font-weight:800;padding:11px 19px}.primary:hover{background:#e97400}.secondary{border:1px solid #d6e1f0;border-radius:9px;background:#fff;color:#315d9d;font-weight:700;padding:10px 14px}.secondary:hover{border-color:#92b3e8;background:#f5f9ff}.message{min-height:18px;color:#6d7e97;font-size:12px;line-height:1.6}.message.error{color:#ba3228}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-head h1{font-size:32px;margin:8px 0 3px}.page-head p{color:#71829b;font-size:13px;margin:0}.total-box{display:flex;align-items:baseline;gap:8px;color:#6c7f99}.total-box strong{font-size:31px;color:#174b9c}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:9px}.toolbar form{display:flex;gap:9px;width:min(100%,700px)}.toolbar input{flex:1}.toolbar select{width:142px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.list-panel,.detail-panel{background:#fff;border:1px solid #e0e9f5;border-radius:15px;box-shadow:0 8px 24px #173a6810}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#f9fbfe;color:#8190a6;font-size:11px;font-weight:700;padding:15px 17px;border-bottom:1px solid #e8eef7}td{font-size:12px;color:#465b78;padding:16px 17px;border-bottom:1px solid #edf2f8}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#f1f6ff}td strong{display:block;font-size:13px;color:#233c60}td small{display:block;color:#8c9ab0;font-size:11px;margin-top:4px}.badge{display:inline-block;font-size:11px;border-radius:20px;padding:5px 9px;background:#fff4e7;color:#a55a09}.badge.contacted{background:#e8f8f0;color:#247c4b}.row-arrow{color:#6383b0;font-size:17px}.empty{text-align:center;color:#8190a6;padding:65px 15px;font-size:13px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:15px;border-top:1px solid #edf2f8;font-size:12px;color:#74849d}.detail-panel{padding:24px;position:sticky;top:20px;min-height:260px}.detail-empty{display:grid;place-items:center;min-height:210px;color:#8c9aaf;font-size:13px}.detail-head{display:flex;align-items:start;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #edf2f8}.detail-head h2{font-size:20px;margin:0 0 5px}.detail-head p{color:#7e8da4;font-size:12px;margin:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;padding:20px 0}.detail-item{min-width:0}.detail-item.wide{grid-column:1/-1}.detail-item dt{font-size:11px;color:#8b9bb2;margin-bottom:5px}.detail-item dd{margin:0;color:#334d70;font-size:12px;line-height:1.75;overflow-wrap:anywhere;white-space:pre-wrap}.detail-item a{color:#1d64c5}.followup{border-top:1px solid #edf2f8;padding-top:19px;display:grid;gap:8px}.followup h3{font-size:15px;margin:0 0 4px}.followup label{font-size:12px;font-weight:700}.followup textarea{min-height:102px;resize:vertical;line-height:1.5}.followup .primary{margin-top:4px}.followup .message{margin:0}@media(max-width:1100px){.content-grid{grid-template-columns:1fr}.detail-panel{position:static}}@media(max-width:640px){main{padding:27px 15px 55px}.topbar{height:62px;padding:0 17px}.brand{font-size:14px}.page-head h1{font-size:26px}.toolbar{flex-wrap:wrap}.toolbar form{width:100%;display:grid;grid-template-columns:1fr auto}.toolbar input{grid-column:1/-1}.toolbar select{width:100%}.toolbar>.secondary{margin-left:auto}.login-card{padding:27px;margin-top:4vh}.detail-panel{padding:20px}.total-box strong{font-size:25px}}
