@import url("https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Syne:wght@400;500;600;700;800&display=swap");:root{--bg:#060b18;--bg2:#0b1120;--card:#0e1628;--card2:#111d33;--border:rgba(99,140,255,.12);--border2:rgba(99,140,255,.2);--muted:#5a6a8a;--muted2:#8497bb;--text:#c8d8f8;--text2:#e8f0ff;--accent:#4f8bff;--accent2:#7eb8ff;--green:#22c97c;--red:#ff4d6d;--yellow:#f5c542;--glow:rgba(79,139,255,.15)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Syne,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 800px 600px at 20% -10%,rgba(20,50,120,.35) 0,transparent 70%),radial-gradient(ellipse 600px 400px at 80% 100%,rgba(10,30,80,.3) 0,transparent 70%);pointer-events:none;z-index:0}.layout{position:relative;z-index:1;min-height:100vh}.mono{font-family:Space Mono,monospace}.muted{color:var(--muted2)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.text-accent{color:var(--accent2)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.card-glow{box-shadow:0 0 0 1px var(--border),0 0 40px var(--glow)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid var(--border2);background:rgba(79,139,255,.1);color:var(--text2);cursor:pointer;font-family:Syne,sans-serif;font-size:13px;font-weight:600;transition:all .15s;letter-spacing:.02em}.btn:hover{background:rgba(79,139,255,.2);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2);border-color:var(--accent2)}.btn-danger{background:rgba(255,77,109,.1);border-color:rgba(255,77,109,.4);color:var(--red)}.btn-danger:hover{background:rgba(255,77,109,.2)}.btn-success{background:rgba(34,201,124,.1);border-color:rgba(34,201,124,.4);color:var(--green)}.btn-success:hover{background:rgba(34,201,124,.2)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:rgba(0,0,0,.3);color:var(--text2);font-family:Syne,sans-serif;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,139,255,.12)}.input::placeholder{color:var(--muted)}.input-mono{font-family:Space Mono,monospace;font-size:12px}label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted2);margin-bottom:6px}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 12px;border-bottom:1px solid var(--border)}tbody tr{transition:background .1s}tbody tr:hover{background:rgba(79,139,255,.04)}tbody td{padding:10px 12px;border-bottom:1px solid hsla(0,0%,100%,.03);font-size:13px;vertical-align:middle}.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid}.pill-green{background:rgba(34,201,124,.12);border-color:rgba(34,201,124,.35);color:var(--green)}.pill-red{background:rgba(255,77,109,.12);border-color:rgba(255,77,109,.35);color:var(--red)}.pill-blue{background:rgba(79,139,255,.12);border-color:rgba(79,139,255,.35);color:var(--accent2)}.pill-yellow{background:rgba(245,197,66,.12);border-color:rgba(245,197,66,.35);color:var(--yellow)}.pill-muted{background:rgba(90,106,138,.12);border-color:rgba(90,106,138,.35);color:var(--muted2)}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.text-right{text-align:right}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.w-full{width:100%}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:12px 18px;border-radius:12px;font-size:13px;font-weight:600;border:1px solid;animation:slideUp .2s ease;max-width:360px}.toast-success{background:rgba(34,201,124,.15);border-color:rgba(34,201,124,.4);color:var(--green)}.toast-error{background:rgba(255,77,109,.15);border-color:rgba(255,77,109,.4);color:var(--red)}.toast-info{background:rgba(79,139,255,.15);border-color:rgba(79,139,255,.4);color:var(--accent2)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--card2);border:1px solid var(--border2);border-radius:20px;padding:28px;width:100%;max-width:520px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px var(--border);animation:modalIn .2s ease}@keyframes modalIn{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.stat-block{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stat-value{font-size:22px;font-weight:800;color:var(--text2);font-family:Space Mono,monospace}.stat-sub{font-size:12px;color:var(--muted2)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}