@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_8778cd42-module__wRojWG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_8778cd42-module__wRojWG__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--background:#f8fafc;--foreground:#1e293b;--primary:#0284c7;--secondary:#64748b;--accent:#0ea5e9;--card:#fff;--success:#16a34a;--error:#dc2626;--warning:#d97706;--border:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);min-height:100vh;font-family:var(--font-outfit), sans-serif;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;overflow-x:hidden}.container{background:var(--card);border:1px solid var(--border);border-radius:24px;width:95%;max-width:1000px;margin:3rem auto;padding:2.5rem;animation:.6s ease-out fadeIn;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{color:#0f172a;text-align:center;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}p{color:var(--secondary);text-align:center;margin-bottom:2rem;line-height:1.6}.status-badge{border-radius:9999px;align-items:center;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.875rem;font-weight:600;display:inline-flex}.status-CONNECTED{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.status-DISCONNECTED{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.status-ERROR{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.qr-container{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;align-items:center;width:fit-content;margin:1.5rem auto;padding:1.5rem;display:flex}.info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.info-card{border:1px solid var(--border);background:#f8fafc;border-radius:20px;padding:2rem}.info-card h3{color:#0f172a;margin-bottom:1.25rem;font-size:1rem;font-weight:700}input{border:1px solid var(--border);width:100%;color:var(--foreground);background:#fff;border-radius:10px;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0284c71a}button{transition:all .2s}button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}.event-section{width:100%;margin-top:3rem}.event-section h2{color:#0f172a;margin-bottom:1.5rem;font-size:1.5rem}.table-container{border:1px solid var(--border);border-radius:12px;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;background:#fff;width:100%}th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;padding:1rem;font-size:.85rem;font-weight:700}td{border-top:1px solid var(--border);padding:1rem;font-size:.9rem}.type-tag{border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.type-WEBHOOK_RECEIVED{color:#0369a1;background:#e0f2fe}.type-ERROR{color:#b91c1c;background:#fee2e2}.loader{border:3px solid var(--border);border-bottom-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}