:root{color-scheme:dark}
body{margin:0;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#06101f;color:#d5e4f7}
a{color:#7ee7ff}
.top{display:flex;align-items:center;gap:18px;padding:14px 22px;border-bottom:1px solid rgba(88,166,255,.16);background:rgba(4,11,30,.92);position:sticky;top:0}
.brand{color:#fff;font-weight:800;text-decoration:none;letter-spacing:1px}
.top nav{display:flex;gap:16px;flex:1}
.top nav a{color:#9fb4d4;text-decoration:none}
.top nav a[aria-current="page"]{color:#7ee7ff}
.who{display:flex;align-items:center;gap:12px;color:#9fb4d4;font-size:14px}
.who form{margin:0}
.who button,.link{background:none;border:0;color:#9fb4d4;cursor:pointer;font:inherit;padding:0}
.who button:hover,.link:hover{color:#fff}
main{max-width:1180px;margin:0 auto;padding:22px}
.panel h1,.pay h1,h2{margin:0 0 8px;font-size:22px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.head-actions{display:flex;gap:8px}
button,.primary{font:inherit}
button{border:1px solid rgba(126,231,255,.35);background:transparent;color:#d5e4f7;border-radius:8px;padding:7px 12px;cursor:pointer}
.primary{background:#0ea5b7;border-color:#0ea5b7;color:#04121a}
.table-wrap{overflow:auto;border:1px solid rgba(88,166,255,.16);border-radius:12px}
table{width:100%;border-collapse:collapse;min-width:760px}
th,td{padding:10px 12px;border-bottom:1px solid rgba(88,166,255,.12);text-align:left;vertical-align:top;font-size:14px}
th{color:#8ba3c7;font-weight:600}
.need{max-width:280px;white-space:pre-wrap}
.mac{font-family:ui-monospace,Consolas,monospace}
.muted{color:#8ba3c7;font-size:13px}
.empty{text-align:center;color:#8ba3c7}
.ops{white-space:nowrap}
.ops form{display:inline;margin-left:8px}
.pager{display:flex;gap:12px;align-items:center}
.flash{background:rgba(14,165,183,.15);border:1px solid rgba(126,231,255,.35);padding:10px 12px;border-radius:8px}
.err{color:#ffb4b4}
.gate{min-height:100vh;display:grid;place-items:center;padding:24px}
.card,.panel,dialog{background:#0e1b33}
.card{width:min(420px,100%);padding:28px;border-radius:16px;border:1px solid rgba(88,166,255,.2)}
.lead{color:#8ba3c7}
label{display:block;margin:12px 0;font-size:14px;color:#9fb4d4}
input,textarea,select{width:100%;box-sizing:border-box;margin-top:6px;padding:9px 10px;border-radius:8px;border:1px solid rgba(88,166,255,.28);background:#071226;color:#fff;font:inherit}
.check{display:flex;align-items:center;gap:8px}
.check input{width:auto}
.card button,.actions{margin-top:8px}
.actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}
.switch{color:#8ba3c7}
dialog{border:1px solid rgba(88,166,255,.28);border-radius:14px;color:inherit;width:min(520px,calc(100% - 24px));padding:18px}
dialog::backdrop{background:rgba(0,0,0,.55)}
.amount{font-size:18px}
.version-note{margin:8px 0 4px;padding:10px 12px;border-radius:8px;background:rgba(14,165,183,.08);color:#9fb4d4;font-size:13px}
.version-note p{margin:6px 0}
.filters{display:flex;gap:8px;margin:0 0 12px;align-items:center}
.filters input{margin:0;max-width:260px}
.total-line{margin:0 0 12px;font-size:16px}
.pay{max-width:520px}
.macs{padding-left:18px;color:#9fb4d4}
@media(max-width:800px){
  .top{flex-wrap:wrap}
  .who{width:100%}
}