*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#1d3550;font:14px/1.5 system-ui,"Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid #c7d4e3;border-radius:6px;background:white;padding:8px 12px;cursor:pointer;white-space:nowrap}button:hover{background:#edf4ff}button:disabled{opacity:.45;cursor:default}.primary{color:#fff;background:#1765ba;border-color:#1765ba}.primary:hover{background:#1256a0}.danger{color:#c52a49}.brand{display:flex;align-items:center;gap:12px;font-size:19px}.brand span{padding:6px 12px;border-radius:8px;background:#216ec7;color:white}header{position:sticky;top:0;z-index:2;background:white;border-bottom:1px solid #d9e2ed;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.top{display:flex;align-items:center;gap:18px}.top label{display:flex;align-items:center;gap:8px}#connection{color:#31876e}#workspace{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 77px)}aside{background:white;border-right:1px solid #d9e2ed;padding:24px 12px}nav{display:grid;gap:8px}nav button{text-align:left;border:0;padding:13px}.active{background:#eaf2ff;color:#1765ba;font-weight:600}article{min-width:0;padding:24px}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title h1{font-size:25px;margin:0}.title p{color:#71869b;margin:4px 0 0}.card{border:1px solid #dde5ee;border-radius:9px;background:white;margin-bottom:18px;overflow:hidden}.filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(5,minmax(85px,1fr));gap:15px;padding:20px}.filter-actions{grid-column:1/-1;display:flex;gap:8px}label{display:grid;gap:6px}input,select,textarea{border:1px solid #c8d6e6;border-radius:6px;padding:10px;min-width:0;background:white}input[type=checkbox]{width:18px;height:18px;cursor:pointer}input:focus,select:focus,textarea:focus{outline:2px solid #72a7e5;outline-offset:1px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{font-weight:600;background:#eef4fa;text-align:left;white-space:nowrap}td,th{padding:15px 13px;border-bottom:1px solid #e1e9f2}td{vertical-align:top;min-width:72px}td button{font-size:12px;padding:6px 9px;margin:0 4px 4px 0}tr:last-child td{border-bottom:0}.sub{display:block;font-size:12px;color:#768ba1;margin-top:4px}.password{display:block;min-width:115px;word-break:break-all}.badge{display:inline-block;border-radius:5px;padding:3px 7px;background:#edf1f6;white-space:nowrap}.alive,.confirmed,.available{color:#217358;background:#e6f5ed}.invalid,.error,.uncertain,.rejected{color:#bd3551;background:#fff0f3}.redeemed{color:#774bbb;background:#f0e9fc}.running,.queued{color:#1765ba;background:#eaf3ff}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px}.toolbar>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px}.pager>span:first-child{margin-right:auto}.empty{text-align:center;padding:40px;color:#8395a9}#notice{position:sticky;top:77px;z-index:3;padding:12px 25px;background:#e6f1ff;color:#1a5997;border-bottom:1px solid #bad3ee;white-space:pre-wrap}#notice.error{background:#fff0f3;color:#ac2846}.login{width:min(400px,calc(100% - 30px));margin:70px auto;padding:32px;border:1px solid #d9e2ed;border-radius:10px;background:white}.login h1{margin-top:0;font-size:22px}.login form{display:grid;gap:20px}dialog{width:min(640px,calc(100% - 30px));border:0;border-radius:12px;padding:25px;color:inherit;box-shadow:0 20px 90px #18314e55}dialog::backdrop{background:#25384d77}dialog form{display:grid;gap:16px}dialog h2{font-size:20px;margin:0}.dialog-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialog-title button{border:0;font-size:22px;padding:0 8px}.info{padding:12px;border:1px solid #c3dafa;background:#edf5ff;border-radius:6px;color:#2b659c}pre{white-space:pre-wrap;word-break:break-all;max-height:55vh;overflow:auto}.code-card{border:1px solid #dbe6f0;padding:12px;margin-bottom:12px;border-radius:6px}.code-card pre{font-size:16px;user-select:all}.muted{color:#7b8da0}[hidden]{display:none!important}@media(max-width:1100px){#workspace{grid-template-columns:140px minmax(0,1fr)}article{padding:15px}.filters{grid-template-columns:repeat(3,minmax(90px,1fr))}.toolbar>div{justify-content:flex-start}.top{gap:8px}header{padding:12px}}@media(max-width:700px){#workspace{display:block}aside{padding:8px;border-right:0}nav{display:flex;overflow:auto;gap:2px}nav button{padding:10px}.brand{font-size:15px}.top label{font-size:0}.top select{font-size:14px}#connection{display:none}.filters{grid-template-columns:repeat(2,minmax(80px,1fr))}.title h1{font-size:21px}.toolbar button{padding:7px}.pager{gap:8px}}