*{box-sizing:border-box}
body{margin:0;background:#f4f5f7;color:#152a44;font-family:Arial,'Microsoft YaHei','Noto Sans SC',sans-serif;font-size:14px}
.page{max-width:1140px;margin:0 auto;padding:13px 15px 46px}.card{background:#fff;border:1px solid #e7edf3;border-radius:12px;box-shadow:0 8px 22px #d9dfe71c}.input-card{padding:28px;margin-bottom:20px}.records-card{padding:30px 32px 28px}h1{font-size:25px;line-height:1.2;margin:0 0 9px;font-weight:650}h2{font-size:21px;line-height:1.25;margin:0 0 9px;font-weight:650}.subtitle{margin:0;color:#7c8fa8;font-size:14px;line-height:1.5}
form{display:flex;align-items:center;gap:8px;margin-top:19px}form label{white-space:nowrap;font-size:14px;color:#18243a}form label span{color:#ee4545}input{flex:1;min-width:0;height:33px;padding:0 11px;border:1px solid #ced8e4;border-radius:5px;background:#fff;color:#25364c;font:inherit}input::placeholder{color:#b6bfca}button{font:inherit;cursor:pointer}#importButton{height:33px;min-width:96px;margin-left:32px;border:1px solid #2888f6;border-radius:5px;background:#1684f4;color:white}#importButton:disabled{border-color:#ddd;background:#f3f3f3;color:#aaa;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #1684f4;outline-offset:2px}.service-note{margin:11px 0 0 45px;color:#8a9bad;font-size:12px}.notice{margin:8px 0 0 45px;color:#2872a9;font-size:12px}.notice:empty{display:none}.notice.error{color:#bb4545}
.table-wrap{margin-top:20px;border:1px solid #e9edf3;border-radius:9px;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{height:53px;background:#fafafa;font-weight:600;color:#263447}td{height:55px;border-top:1px solid #edf0f4;color:#15243a}th,td{padding:10px 15px}.time-col{width:15%}.action-col{width:20%}a,summary{color:#1684f4;text-decoration:none}a:hover{text-decoration:underline}.record-state{color:#8c9bac;font-size:12px;margin-left:12px}.empty{text-align:center;color:#9aaabd;height:120px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:5px;min-height:62px;padding:10px 15px;border-top:1px solid #edf0f4}.pagination button{min-width:32px;height:32px;border:1px solid transparent;border-radius:5px;color:#344d68;background:#fff}.pagination button.current{border-color:#1684f4;color:#1684f4}.pagination button:disabled{color:#c8d0da;cursor:default}details{margin-top:18px;color:#60758c}summary{width:max-content;cursor:pointer}.history-rows{margin-top:10px;max-height:360px;overflow:auto}.history-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f4}.history-row button{border:0;background:none;color:#1684f4;white-space:nowrap}
@media(max-width:640px){.page{padding:10px}.input-card,.records-card{padding:20px 16px}form{flex-wrap:wrap}form input{flex-basis:calc(100% - 52px)}#importButton{margin-left:auto}.service-note,.notice{margin-left:0}.time-col{width:27%}.action-col{width:20%}th,td{padding:8px;font-size:12px}.record-state{display:block;margin:4px 0 0}}