:root{--navy:#1a2332;--navy-light:#243044;--navy-hover:#2d3d55;--slate:#8892a4;--slate-light:#b0b8c8;--surface:#f5f6f8;--surface-alt:#ebedf2;--white:#fff;--border:#e2e5ea;--border-light:#eef0f3;--text:#1a2332;--text-secondary:#5a6577;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#dbeafe;--gold:#d4a853;--gold-light:#fdf6e3;--green:#16a34a;--green-light:#dcfce7;--red:#dc2626;--red-light:#fee2e2;--orange:#ea580c;--orange-light:#fff7ed;--radius:6px;--radius-lg:10px;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-lg:0 4px 12px #00000014;--font-display:"DM Sans", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", "DM Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--transition:.15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border-radius:var(--radius);transition:all var(--transition);border:none;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-alt);border-color:var(--slate)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:5px 10px;font-size:12px}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--text);transition:border-color var(--transition);outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--slate);border-bottom:2px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border-light);padding:12px 14px;font-size:13px}tr:hover td{background:var(--surface)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.badge{letter-spacing:.3px;border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-issued{background:var(--green-light);color:var(--green)}.badge-pending,.badge-submitting{background:var(--gold-light);color:#b8860b}.badge-failed{background:var(--red-light);color:var(--red)}.badge-timeout{background:var(--orange-light);color:var(--orange)}.badge-reversed{background:var(--surface-alt);color:var(--slate)}.badge-active{background:var(--green-light);color:var(--green)}.badge-suspended{background:var(--red-light);color:var(--red)}.badge-mock{color:#7c3aed;background:#f0e6ff}.badge-fpapi{background:var(--accent-light);color:var(--accent)}.mono{font-family:var(--font-mono);font-size:12px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h2{font-family:var(--font-display);color:var(--text);font-size:20px;font-weight:700}.empty-state{text-align:center;color:var(--slate);padding:48px 24px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form-group .hint{color:var(--slate);margin-top:3px;font-size:11px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dialog-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.dialog{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:520px;max-height:85vh;animation:.2s slideUp;overflow-y:auto}.dialog-header{font-family:var(--font-display);padding:20px 24px 0;font-size:16px;font-weight:700}.dialog-body{padding:20px 24px}.dialog-footer{justify-content:flex-end;gap:8px;padding:0 24px 20px;display:flex}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}}.toast{z-index:200;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:12px 20px;font-size:13px;font-weight:500;animation:.25s slideIn;position:fixed;top:20px;right:20px}.toast-success{background:var(--green);color:#fff}.toast-error{background:var(--red);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}}.pagination{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;display:flex}.pagination button{padding:6px 12px}