@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";
:root{--purple:#7c3aed;--purple-dark:#6d28d9;--purple-mid:#8b5cf6;--purple-light:#ede9fe;--purple-pale:#f5f3ff;--yellow:#f7be00;--yellow-light:#fef9c3;--red:#ef4444;--red-light:#fee2e2;--green:#10b981;--green-light:#d1fae5;--blue:#3b82f6;--blue-light:#eff6ff;--orange:#f59e0b;--orange-light:#fef3c7;--ink:#1b1f3b;--ink2:#374151;--muted:#6b7280;--muted2:#9ca3af;--border:#e5e7eb;--bg:#f4f6fb;--card:#fff;--sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:100px;--shadow-sm:0 1px 3px #1b1f3b0f, 0 1px 2px #1b1f3b0a;--shadow-md:0 4px 12px #1b1f3b14, 0 2px 4px #1b1f3b0a;--shadow-lg:0 12px 32px #1b1f3b1f, 0 4px 8px #1b1f3b0f;--shadow-purple:0 4px 20px #7c3aed40}[data-theme=dark]{--ink:#e8ecff;--ink2:#b0b8d8;--muted:#e8ecff73;--muted2:#e8ecff40;--border:#ffffff12;--bg:#080a14;--card:#0f1120;--purple-light:#7c3aed38;--purple-pale:#7c3aed1a;--yellow-light:#f7be002e;--red-light:#ef44442e;--green-light:#10b9812e;--blue-light:#3b82f62e;--orange-light:#f59e0b2e;--shadow-sm:0 1px 4px #0009;--shadow-md:0 4px 20px #000000b3;--shadow-lg:0 12px 48px #000c;--shadow-purple:0 0 24px #7c3aed80, 0 4px 16px #7c3aed4d}[data-theme=dark] body{background:#080a14}[data-theme=dark] .btn-primary{box-shadow:0 0 18px #7c3aed8c,0 4px 14px #7c3aed4d}[data-theme=dark] .btn-primary:hover{box-shadow:0 0 28px #7c3aedb3,0 6px 24px #7c3aed66}[data-theme=dark] .input{color:#e8ecff;background:#0f1120;border-color:#ffffff1a}[data-theme=dark] .input::placeholder{color:#e8ecff4d}[data-theme=dark] .input:focus{border-color:#7c3aed99;box-shadow:0 0 0 3px #7c3aed33,0 0 14px #7c3aed26}[data-theme=dark] .card{background:#0f1120;border-color:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff0a,0 4px 24px #00000080}[data-theme=dark] .badge-purple{color:#c4b5fd;background:#7c3aed40}[data-theme=dark] .badge-yellow{color:#fde68a;background:#f7be0033}[data-theme=dark] .badge-red{color:#fca5a5;background:#ef444438}[data-theme=dark] .badge-green{color:#6ee7b7;background:#10b98133}[data-theme=dark] .badge-blue{color:#93c5fd;background:#3b82f633}[data-theme=dark] .badge-gray{color:#e8ecff80;background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#0f1120 25%,#161930 50%,#0f1120 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}[data-theme=dark] ::-webkit-scrollbar-track{background:#080a14}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--sans);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--sans)}.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex}.btn-primary{background:var(--purple);color:#fff;box-shadow:var(--shadow-purple)}.btn-primary:hover{background:var(--purple-dark);transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed59}.btn-primary:active{transform:translateY(0)}.btn-outline{background:var(--card);color:var(--purple);border:2px solid var(--purple-light)}.btn-outline:hover{background:var(--purple-pale);border-color:var(--purple-light)}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-yellow:hover{background:#e6b000;transform:translateY(-1px)}.btn-ghost{color:var(--muted);background:0 0;padding:8px 16px}.btn-ghost:hover{background:var(--bg);color:var(--ink)}.btn-sm{padding:7px 16px;font-size:13px}.btn-lg{padding:14px 28px;font-size:15px}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-loading{position:relative;color:#0000!important}.btn-loading:after{content:"";border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin:auto;animation:.6s linear infinite spin;position:absolute;inset:0}.input-wrap{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--ink2);font-size:13px;font-weight:600}.input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--ink);background:var(--card);outline:none;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-pale)}.input::placeholder{color:var(--muted2)}.input-error{border-color:var(--red)}.input-error:focus{box-shadow:0 0 0 3px var(--red-light)}.input-hint{color:var(--muted);font-size:12px}.input-hint.error{color:var(--red)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.card-hover{transition:box-shadow .2s,transform .2s}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-purple{background:var(--purple-light);color:var(--purple-dark)}.badge-yellow{background:var(--yellow-light);color:#92640a}.badge-red{background:var(--red-light);color:#991b1b}.badge-green{background:var(--green-light);color:#065f46}.badge-blue{background:var(--blue-light);color:#1e40af}.badge-gray{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--purple);font-size:11px;font-weight:800}.label-sm{letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);font-size:10px;font-weight:700}.logo-symbol{justify-content:center;align-items:center;display:inline-flex}.stars{gap:2px;display:flex}.star{color:var(--yellow);font-size:14px}.star-empty{color:var(--border)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-healthy{background:var(--green);box-shadow:0 0 0 3px var(--green-light)}.status-warning{background:var(--orange);box-shadow:0 0 0 3px var(--orange-light)}.status-critical{background:var(--red);box-shadow:0 0 0 3px var(--red-light)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes livePulse{0%{box-shadow:0 0 #f7be0099}70%{box-shadow:0 0 0 8px #f7be0000}to{box-shadow:0 0 #f7be0000}}.animate-fade-in{animation:.3s fadeIn}.animate-pulse{animation:2s infinite pulse}.live-dot{background:var(--yellow);border-radius:50%;width:8px;height:8px;animation:2s infinite livePulse}.skeleton{background:linear-gradient(90deg, var(--bg) 25%, #e8eaf0 50%, var(--bg) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--ink);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:center;gap:10px;min-width:280px;max-width:400px;padding:12px 20px;font-size:14px;font-weight:500;animation:.25s fadeIn;display:flex}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-info{border-left:3px solid var(--purple)}@media (max-width:768px){.hide-mobile{display:none!important}}