*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#0d0b08;color:#e8dcc0}
.bg{background:radial-gradient(ellipse at 20% 0%,#1a150c 0%,#0d0b08 55%)}
.wrap{max-width:1100px;margin:0 auto;padding:20px}
.head{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(212,175,55,.25);margin-bottom:20px}
.logo{color:#d4af37;font-weight:900;letter-spacing:1px;font-size:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}
.stat{background:linear-gradient(160deg,#171310,#0f0d09);border:1px solid rgba(212,175,55,.3);border-radius:14px;padding:18px;text-align:center}
.stat b{display:block;font-size:30px;color:#f0c75e;font-weight:900;margin-bottom:4px}
.stat span{color:#9a8f76;font-size:13px}
.stat.wide{grid-column:1/-1}
.card{background:linear-gradient(160deg,#161310,#0e0c08);border:1px solid rgba(212,175,55,.22);border-radius:16px;padding:18px;margin-bottom:20px}
.card-h{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:#e8dcc0;margin-bottom:14px;flex-wrap:wrap}
.table{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{background:rgba(212,175,55,.12);color:#f0c75e;padding:9px 8px;text-align:left;white-space:nowrap}
td{padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}
tr:hover td{background:rgba(212,175,55,.05)}
.mono{font-family:Consolas,monospace;font-size:12.5px}
.b{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11.5px;background:#2a2418;color:#c9b98a}
.b.ok{background:#12291a;color:#6fdc8f}
.b.bad{background:#2a1212;color:#ff8a80}
.b.gold-b{background:#241f10;color:#d4af37;border:1px solid #5c4a20}
.btn{background:#221c12;border:1px solid rgba(212,175,55,.4);color:#e8dcc0;padding:9px 18px;border-radius:10px;cursor:pointer;font-size:14px;transition:.2s}
.btn:hover{border-color:#f0c75e;color:#f0c75e}
.btn.gold{background:linear-gradient(135deg,#e6c25a,#b8860b);border:none;color:#1a1204;font-weight:700}
.btn.gold:hover{filter:brightness(1.1);color:#1a1204}
.btn.sm{padding:4px 10px;font-size:12px;border-radius:7px}
.btn.red{border-color:rgba(255,120,110,.4);color:#ff8a80}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.15);color:#9a8f76}
.vform{display:flex;flex-direction:column;gap:12px;margin-top:16px}
input{background:#12100b;border:1px solid rgba(212,175,55,.3);color:#f0e8d0;padding:12px 14px;border-radius:10px;font-size:15px;outline:none}
input:focus{border-color:#f0c75e}
h1{font-size:26px;color:#f0c75e;text-align:center;margin-top:10px}
.sub{color:#9a8f76;text-align:center;font-size:13px;letter-spacing:2px;margin-top:2px}
.center{text-align:center;padding:28px}
.err{background:#2a1212;color:#ff8a80;padding:10px;border-radius:10px;margin-top:12px;font-size:14px}
.ok-msg{background:#12291a;color:#6fdc8f;padding:10px;border-radius:10px;margin-top:12px;font-size:14px}
.logo-ring{width:84px;height:84px;border:3px solid #d4af37;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;background:radial-gradient(circle,#1c150a,#0d0b08);box-shadow:0 0 24px rgba(212,175,55,.35)}
.logo-ring span{font-size:20px;font-weight:900;color:#f0c75e}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);align-items:center;justify-content:center;z-index:99}
.modal-box{background:#15120c;border:1px solid rgba(212,175,55,.4);border-radius:16px;padding:20px;max-width:860px;width:94%;max-height:86vh;overflow:auto}
.modal-box h3{color:#f0c75e;margin-bottom:12px}
.agent-panel{display:grid;gap:14px}
.stat-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}