@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";html,body{height:100%}body{margin:0;font-family:Outfit,sans-serif;background:#000;color:#e5e5e5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ef4444}.container{max-width:1400px;margin:0 auto;padding:24px}.row{display:flex;gap:16px;flex-wrap:wrap}.card{background:#14141499;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000080;transition:transform .2s ease,border-color .2s ease}.card:hover{border-color:#ef44444d}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.02em}h1{font-size:24px;color:#fff;margin-bottom:8px}h2{font-size:16px;color:#a3a3a3;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.muted{color:#737373;font-size:13px}.text-red{color:#ef4444}.text-green{color:#22c55e}input,select{background:#171717;border:1px solid #333;border-radius:8px;color:#fff;padding:10px 14px;outline:none;font-size:14px;transition:all .2s;font-family:inherit}input:focus,select:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}button{background:#ef4444;color:#000;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}button:active{transform:translateY(0)}button.secondary{background:#262626;color:#fff;border:1px solid #404040}button.secondary:hover{background:#333;border-color:#525252;box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.table{width:100%;border-collapse:separate;border-spacing:0 4px}.table th{text-align:left;padding:12px;font-size:12px;color:#737373;font-weight:600;text-transform:uppercase}.table td{background:#111;padding:14px 12px;font-size:13px;border-top:1px solid #262626;border-bottom:1px solid #262626}.table td:first-child{border-left:1px solid #262626;border-radius:8px 0 0 8px}.table td:last-child{border-right:1px solid #262626;border-radius:0 8px 8px 0}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:600;line-height:1}.badge.ok{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.badge.err{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.tabs{display:flex;gap:4px;background:#111;padding:4px;border-radius:12px;width:fit-content;border:1px solid #262626}.tab{padding:8px 20px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#737373;transition:all .2s}.tab:hover{color:#d4d4d4}.tab.active{background:#262626;color:#fff;box-shadow:0 1px 2px #0003}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.pulse-red{animation:pulse-red 2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.badge.info{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.badge.warn{background:#eab3081a;color:#facc15;border:1px solid rgba(234,179,8,.2)}.badge.purple{background:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;background:#1f1f1f;border:1px solid #333;border-radius:6px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.tooltip:hover:after{opacity:1}.skeleton{background:linear-gradient(90deg,#1f1f1f 25%,#2a2a2a,#1f1f1f 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.overflow-hidden{overflow:hidden}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e80}.status-dot.offline{background:#ef4444;box-shadow:0 0 8px #ef444480}.status-dot.warning{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.card.success{border-color:#22c55e4d;background:#22c55e0d}.card.error{border-color:#ef44444d;background:#ef44440d}.card.warning{border-color:#f59e0b4d;background:#f59e0b0d}.card.info{border-color:#3b82f64d;background:#3b82f60d}input:focus,select:focus,button:focus{outline:none}@media(max-width:768px){.row{flex-direction:column}.card{min-width:auto!important}}