*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh;background:#f4f6f8;color:#293449;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}aside{width:230px;background:#18366f;color:#fff;padding:32px 22px}aside h1{margin:0;font-size:26px}aside p{color:#aebfe0;font-size:13px;margin-bottom:35px}aside button{width:100%;border:0;background:transparent;color:#ced8ea;padding:13px 14px;text-align:left;border-radius:10px;font-size:14px;margin:3px 0}aside button.active,aside button:hover{background:#28508f;color:#fff}main{flex:1;padding:30px 38px}header{display:flex;justify-content:space-between;align-items:center}header h2{margin:0;color:#18366f}header p{margin:7px 0;color:#8b94a4;font-size:13px}.auth{display:flex;gap:9px}.auth input{width:240px;padding:11px;border:1px solid #dce1e7;border-radius:9px}.auth button{border:0;background:#16a6a1;color:#fff;border-radius:9px;padding:0 22px}section{background:#fff;border-radius:16px;margin-top:25px;padding:22px;box-shadow:0 8px 26px rgba(28,50,80,.06)}#status{color:#8c95a4;font-size:13px;padding:8px 4px 18px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px;border-top:1px solid #edf0f3}th{color:#667185;background:#fafbfc}td{color:#303c50}
.toolbar{display:flex;gap:10px;margin-bottom:12px}.toolbar input,.toolbar select{padding:10px;border:1px solid #dce1e7;border-radius:8px}.toolbar input{width:280px}.toolbar button,.detail-button{border:0;background:#effaf8;color:#168c88;border-radius:8px;padding:8px 14px}.table-wrap{overflow:auto}dialog{width:min(680px,90vw);border:0;border-radius:16px;padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(15,28,48,.45)}dialog #closeDetail{float:right;border:0;background:transparent;font-size:24px}dialog pre{white-space:pre-wrap;word-break:break-all;background:#f7f9fb;padding:18px;border-radius:10px}@media(max-width:800px){aside{width:150px}main{padding:20px}header{display:block}.auth{margin-top:15px}}