@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap");:root{--bg:#0a0d12;--surface:#111620;--surface2:#181e2c;--border:#1e2a3d;--accent:#00d4ff;--accent2:#7b61ff;--success:#00e5a0;--warning:#ffb800;--danger:#ff4d6d;--text:#e8edf5;--text2:#8a96b0;--text3:#4a5568}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.mono{font-family:DM Mono,monospace}.syne{font-family:Syne,sans-serif}.text2{color:var(--text2)}.text3{color:var(--text3)}.accent{color:var(--accent)}.success{color:var(--success)}.warning{color:var(--warning)}.danger{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s;text-decoration:none}.btn-primary{background:var(--accent);color:#000;font-weight:700}.btn-primary:hover{background:#33dcff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,212,255,.25)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-danger{background:rgba(255,77,109,.12);color:var(--danger);border:1px solid rgba(255,77,109,.2)}.btn-danger:hover{background:rgba(255,77,109,.2)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:7px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;color:var(--text2);font-weight:500;letter-spacing:.3px}.field input,.field select,.field textarea{background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:9px 13px;color:var(--text);font-family:DM Sans,sans-serif;font-size:13px;outline:none;width:100%;transition:all .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,212,255,.1)}.field select option{background:var(--surface2)}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.badge-a{background:rgba(0,229,160,.12);color:#00e5a0}.badge-b{background:rgba(255,184,0,.12);color:#ffb800}.badge-c{background:rgba(255,112,67,.12);color:#ff7043}.badge-ok{background:rgba(0,229,160,.12);color:#00e5a0}.badge-warn{background:rgba(255,184,0,.12);color:#ffb800}.badge-fail{background:rgba(255,77,109,.12);color:#ff4d6d}.badge-info{background:rgba(0,212,255,.12);color:#00d4ff}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text2);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap}tbody tr{border-bottom:1px solid rgba(30,42,61,.5);transition:background .1s}tbody tr:hover{background:rgba(0,212,255,.02)}tbody tr:last-child{border-bottom:none}tbody td{padding:11px 14px;font-size:13px;white-space:nowrap}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-title{font-family:Syne,sans-serif;font-size:18px;font-weight:700;margin-bottom:20px}