:root {
  color-scheme: dark;
  --bg:#07111f; --panel:#101b2a; --panel2:#0c1724; --line:#29405c;
  --text:#eef5ff; --muted:#96abc5; --blue:#2f80ed; --red:#d64270; --green:#2dd4a0; --warn:#8a5d16;
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid var(--line);background:#0d2036}
h1,h2,p{margin:0} h1{font-size:30px;line-height:1.2} h2{font-size:18px} p{margin-top:8px;color:var(--muted);font-size:14px}
.version-meta{margin-top:10px;color:#b8d7ff;font-size:13px}
main{width:min(1700px,100%);margin:0 auto;padding:24px} button,input,select,textarea{font:inherit}
input,select,textarea{width:100%;min-height:40px;border:1px solid var(--line);border-radius:6px;background:#07111f;color:var(--text);padding:9px 12px;outline:none}
textarea{min-height:110px;resize:vertical;line-height:1.55} button{min-height:40px;border:1px solid #3b8cff;border-radius:6px;background:var(--blue);color:white;padding:0 14px;cursor:pointer;white-space:nowrap}
button.ghost{background:#123255;border-color:var(--line)} button.danger{background:var(--red);border-color:#e65a86} button.warn{background:var(--warn);border-color:#b98925} button:disabled{opacity:.55;cursor:not-allowed}
code{display:block;padding:11px 12px;border:1px solid #1f334c;border-radius:6px;background:#06101c;color:#b8d7ff;overflow:auto}
.auth{display:grid;grid-template-columns:minmax(240px,380px) auto auto;gap:10px;align-items:center}
.metrics{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin-bottom:18px}.metrics div,.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.metrics div{padding:16px}.metrics span{display:block;color:var(--muted);font-size:13px}.metrics strong{display:block;margin-top:8px;font-size:28px}
.panel{padding:18px;margin-top:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.form-grid{display:grid;grid-template-columns:120px 140px 120px minmax(240px,1fr) 1.4fr auto;gap:12px;align-items:end}.wide{min-width:220px} label{display:grid;gap:6px;color:var(--muted);font-size:13px}
.actions{display:grid;grid-template-columns:120px 130px minmax(170px,1fr) 130px 90px auto;gap:10px;align-items:center}.actions.compact{grid-template-columns:130px minmax(180px,1fr) auto auto;margin-bottom:12px}
.bulkbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.bulkbar span{color:var(--muted);font-size:13px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px} table{width:100%;border-collapse:collapse;min-width:1380px} th,td{padding:10px 12px;border-bottom:1px solid #1f334c;text-align:left;vertical-align:middle;font-size:13px} th{color:var(--muted);background:var(--panel2);position:sticky;top:0}
.row-actions{display:flex;gap:8px;flex-wrap:wrap}.status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-weight:700;font-size:12px}.status.unused{color:#b8d7ff;background:#14365d}.status.activated{color:#c4f7e4;background:#0d4b3b}.status.revoked{color:#ffd4df;background:#5a1730}.status.deleted{color:#d2d7df;background:#303946}
.tag{display:inline-flex;margin:2px 4px 2px 0;padding:2px 6px;border-radius:999px;background:#173456;color:#b8d7ff;font-size:12px}.tag.order{background:#3b2d13;color:#ffd996}.muted{color:var(--muted)}.code-cell{display:flex;align-items:center;gap:8px;min-width:230px}.code-cell code{display:inline-flex;min-height:28px;align-items:center;padding:3px 8px}.code-cell button{min-height:30px;padding:0 10px}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.list{display:grid;gap:8px}.item,.event{padding:10px 12px;border:1px solid #1f334c;border-radius:6px;background:var(--panel2);color:var(--muted);font-size:13px}.item strong,.event strong{color:var(--text)}.item-grid{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.events{display:grid;gap:8px}.event{display:grid;grid-template-columns:170px 150px 1fr 140px;gap:10px}.ops-only{display:inline-flex;align-items:center;min-height:40px;padding:0 10px;border:1px solid #5c4152;border-radius:6px;color:#ffd4df;background:#2d1522}
.maintain{display:grid;gap:12px}.hint code{display:inline;padding:2px 6px;overflow:visible}.toast{position:fixed;right:18px;bottom:18px;max-width:min(460px,calc(100vw - 36px));padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#06101c;color:var(--text);opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translateY(0)}
@media (max-width:1100px){.topbar,.panel-title{align-items:stretch;flex-direction:column}.auth,.actions,.actions.compact,.form-grid,.metrics,.two-col{grid-template-columns:1fr}main{padding:14px}}