@import url(https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--bg:#f9fafc;--bg2:#f3f4f6;--bg3:#eff0f3;--card:#fff;--border:#e5e7eb;--border2:#d1d5db;--accent:red;--accent2:#6366f1;--accent-dim:#3b82f614;--green:#059669;--green-dim:#0596691a;--red:#dc2626;--red-dim:#dc26261a;--yellow:#d97706;--yellow-dim:#d977061a;--text:#1f2937;--text2:#6b7280;--text3:#9ca3af;--radius:10px;--radius-lg:14px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f9fafc;background:var(--bg);color:#1f2937;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}h1,h2,h3,h4{font-family:Syne,sans-serif}a{color:red;color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg2)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border2);border-radius:3px}.app-shell{display:flex;height:100vh;overflow:hidden}.main-area{display:flex;flex:1 1;flex-direction:column;min-width:0}.page-body{flex:1 1;overflow-y:auto;padding:28px}.card{background:#eff0f3;background:var(--bg3);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:22px}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:9px 18px;transition:all .15s}.btn-primary{background:linear-gradient(135deg,red,#6366f1);background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{background:#0000;border:1px solid #d1d5db;border:1px solid var(--border2);color:#6b7280;color:var(--text2)}.btn-ghost:hover{border-color:red;border-color:var(--accent);color:red;color:var(--accent)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.form-group{margin-bottom:18px}.form-group label{color:#9ca3af;color:var(--text3);display:block;font-size:11px;font-weight:600;letter-spacing:.9px;margin-bottom:7px;text-transform:uppercase}.form-input{background:#f3f4f6;background:var(--bg2);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#1f2937;color:var(--text);font-size:14px;padding:11px 14px;transition:border-color .15s;width:100%}.form-input:focus{border-color:red;border-color:var(--accent)}select.form-input{cursor:pointer}select.form-input option{background:#f3f4f6;background:var(--bg2)}.badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.7px;padding:3px 9px}.badge-success{background:#0596691a;background:var(--green-dim);border:1px solid #4ade8059;color:#059669;color:var(--green)}.badge-failed{background:#dc26261a;background:var(--red-dim);border:1px solid #f8717159;color:#dc2626;color:var(--red)}.badge-pending{background:#64748b26;border:1px solid #64748b4d;color:#64748b}.badge-processing{background:#d977061a;background:var(--yellow-dim);border:1px solid #fbbf2459;color:#d97706;color:var(--yellow)}.stat-card{background:#eff0f3;background:var(--bg3);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:20px 22px}.stat-value{color:#1f2937;color:var(--text);font-family:Syne,sans-serif;font-size:30px;font-weight:700;margin:6px 0 4px}.stat-label{color:#9ca3af;color:var(--text3);font-size:11px;letter-spacing:.8px;text-transform:uppercase}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#9ca3af;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.8px;padding:10px 14px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #1e2d4599;color:#6b7280;color:var(--text2);padding:12px 14px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:hsla(0,0%,100%,.015)}.spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-top-color:red;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;margin:48px auto;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.page-header{margin-bottom:26px}.page-header h1{color:#1f2937;color:var(--text);font-size:24px;font-weight:700}.page-header h1 span{color:red;color:var(--accent)}.page-header p{font-size:13px;margin-top:3px}.empty,.page-header p{color:#9ca3af;color:var(--text3)}.empty{padding:60px 20px;text-align:center}.empty .icon{font-size:42px;margin-bottom:14px}.code-block{background:#f3f4f6;background:var(--bg2);border-radius:10px;border-radius:var(--radius);color:#6b7280;color:var(--text2);font-family:Courier New,monospace;font-size:12px;padding:14px 16px;white-space:pre-wrap;word-break:break-all}.method{border-radius:4px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px}.method-GET{background:#4ade8026;border:1px solid #4ade804d;color:#4ade80}.method-POST{background:#60a5fa26;border:1px solid #60a5fa4d;color:#60a5fa}@media (max-width:768px){.page-body{padding:16px}.stat-value{font-size:24px}}