.app-root{min-height:100vh;position:relative}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-size:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:240px;max-width:360px;box-shadow:0 8px 32px #0006}.toast-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.toast-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.toast-info{background:#d6338426;border:1px solid rgba(214,51,132,.3);color:#f9a8d4}.toast-icon{font-weight:700}:root{--primary: #d63384;--primary-light: #e91e8c;--primary-dark: #b02070;--primary-glow: rgba(214, 51, 132, .35);--primary-soft: rgba(214, 51, 132, .12);--primary-muted: rgba(214, 51, 132, .06);--bg: #0d0a10;--bg2: #13101a;--bg3: #1a1525;--surface: rgba(255,255,255,.04);--surface-hover: rgba(255,255,255,.07);--border: rgba(255,255,255,.08);--border-strong: rgba(214, 51, 132, .3);--text: #f0ecf5;--text-2: #b8b0c8;--text-3: #7a7090;--ok: #22c55e;--warn: #f59e0b;--error: #ef4444;--offline: #6b7280;--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--font-mono: "JetBrains Mono", monospace;--font: "Noto Sans SC", sans-serif;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-pink: 0 0 32px rgba(214, 51, 132, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:3px}.glass{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-strong{background:#ffffff0f;border:1px solid var(--border-strong);border-radius:var(--radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-pink)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:500;transition:all .2s;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px var(--primary-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:var(--surface);color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{background:#ef444426;color:var(--error);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}.input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text);font-family:var(--font);font-size:14px;transition:border-color .2s,box-shadow .2s;outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input::placeholder{color:var(--text-3)}select.input option{background:var(--bg2);color:var(--text)}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;color:var(--text-2);font-weight:500}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.dot-online{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot-offline{background:var(--offline)}.lat-fast{color:var(--ok)}.lat-mid{color:var(--warn)}.lat-slow{color:var(--error)}.lat-none{color:var(--text-3)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:10px 16px;color:var(--text-3);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-2)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-hover)}.toast-enter-active,.toast-leave-active{transition:all .3s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(100%)}.page-enter-active,.page-leave-active{transition:opacity .2s,transform .2s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}@keyframes pulse-pink{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease both}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse-pink 1.5s ease-in-out infinite}.bg-grid{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px}.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}