:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#26364b;background:#f2f5fa;font-size:14px}*{box-sizing:border-box}body{margin:0}header{background:#192a42;color:white;padding:22px max(24px,calc((100vw - 1360px)/2));display:flex;justify-content:space-between;align-items:center}header strong{font-size:23px}header span{display:block;color:#bccde4;margin-top:8px;font-size:13px}main{max-width:1408px;margin:0 auto;padding:24px}h1{font-size:26px;margin:8px 0}h2{font-size:18px;margin:0 0 12px}p{line-height:1.6}button,input,select{font:inherit;border:1px solid #cad4e2;border-radius:7px;padding:9px 12px}button{background:white;color:#263b59;cursor:pointer;white-space:nowrap}button:hover{border-color:#376ed1;background:#f4f8ff}button:disabled{opacity:.55;cursor:wait}button.primary{color:white;background:#285fc5;border-color:#285fc5}input,select{width:100%;background:#fff;min-height:39px}input:disabled{background:#f0f3f8;color:#728097}label{display:flex;flex-direction:column;gap:8px;color:#52647c;font-size:13px}#login{max-width:430px;background:white;margin:7vh auto;padding:32px;border-radius:13px;box-shadow:0 8px 40px #15304a10}#loginForm{display:grid;gap:18px;margin-top:24px}#loginError,#notice{color:#b33435}.card{background:white;padding:23px;border:1px solid #e1e7ef;border-radius:11px;margin:20px 0}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading p,.muted,footer{color:#7b899d}.heading span{color:#70819a;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:20px 0}.metric{padding:18px 21px;border-radius:10px;background:white;border:1px solid #e1e7ef}.metric span{display:block;font-size:13px;color:#74849a}.metric strong{display:block;font-size:22px;margin-top:9px}.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.fields .wide{grid-column:span 2}.actions{display:flex;gap:12px;align-items:center;margin-top:23px}.actions span{color:#667c9a}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{text-align:left;font-weight:500;font-size:12px;color:#72839c;background:#f4f7fb;padding:12px}td{padding:14px 12px;border-bottom:1px solid #edf0f5;vertical-align:middle}td small{display:block;color:#7d8ca1;margin-top:5px}td button{font-size:12px;padding:6px 9px;margin:3px}.badge{display:inline-block;padding:5px 9px;border-radius:5px;background:#eaf1fd;color:#2e61af}.badge.success{background:#e4f4ec;color:#26825c}.progress{display:block;appearance:none;border:0;height:6px;border-radius:3px;background:#e9eef7;width:150px;margin-top:7px;overflow:hidden}.progress::-webkit-progress-bar{background:#e9eef7;border-radius:3px}.progress::-webkit-progress-value{background:#4075d0;border-radius:3px}.progress::-moz-progress-bar{background:#4075d0;border-radius:3px}.empty{text-align:center;color:#8c9ab0;padding:26px}pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-family:Consolas,monospace;font-size:14px}#events{padding:0;list-style:none;margin-bottom:0}#events li{border-bottom:1px solid #eef1f6;padding:9px 0;color:#6c7e96;font-size:13px}footer{text-align:center;font-size:12px;padding:10px 20px 30px}[hidden]{display:none!important}details{max-width:280px}details div{font-size:12px;color:#65748a;padding:8px 0;line-height:1.8}#connectionState{color:#75869c}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{flex-wrap:wrap}main{padding:14px}.card{padding:17px}}@media(max-width:520px){.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.actions{flex-wrap:wrap}header{padding:18px}.metrics{gap:8px}.metric{padding:14px}}

.headerActions{display:flex;gap:10px;flex-wrap:wrap}.passwordCard{border-color:#c8daf5}.dumpPreview{margin-top:22px;padding:20px;background:#f6f9fe;border:1px solid #dce6f3;border-radius:9px}.dumpPreview h3{margin:0;font-size:16px}.dumpPreview>label{margin-top:15px;max-width:280px}.blockRows{display:grid;gap:11px;margin-top:15px}.blockRows label{display:grid;grid-template-columns:85px 1fr;align-items:center}.hex{font-family:Consolas,monospace;font-size:14px;color:#263b59;background:#fff}.dumpPreview .heading{margin-bottom:8px}#deletedCard{max-width:none}#deletedCard>summary{font-size:17px;font-weight:600;color:#52647c;cursor:pointer}#deletedCard .tablewrap{margin-top:14px}.danger{color:#ae3b3b}#passwordStatus{color:#ae3b3b}@media(max-width:600px){.blockRows label{display:flex;align-items:stretch}.hex{font-size:12px}.dumpPreview{padding:12px}.headerActions button{padding:7px 9px}}
