.gen-style-993be2 { display:flex; align-items:center; gap:1.5rem; }

.gen-style-b63ff1 { position:relative; display:flex; align-items:center; z-index: 50; }

.gen-style-4885f9 { display:flex;align-items:center;gap:0.5rem;cursor:pointer;padding:0.4rem 0.8rem;border-radius: 12px;border:1px solid var(--border);background:var(--card);transition:all 0.15s }

.gen-style-46dcee { margin:0; }

.gen-style-412eaf { font-weight:600; font-size:0.85rem; color:var(--text); }

.gen-style-d0e16e { font-size:0.6rem;color:var(--muted); margin-left:0.3rem; }

.gen-style-a2cb0a { display:none;position:absolute;top:calc(100% + 8px);left:0;background:var(--nav);border:1px solid var(--border);border-radius:12px;padding:0.4rem;min-width:180px;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,0.5); }

.gen-style-d1a5df { padding:0.3rem 0.5rem;font-size:0.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.2rem }

.gen-style-346dc5 { margin:0; width:20px; text-align:center; }

.gen-style-7ebeba { margin-left:auto;color:var(--gold);font-size:0.7rem; }

.gen-style-dbe653 { margin:0; color:#0098EA; width:20px; text-align:center; }

.gen-style-3aa17d { margin-left:auto;color:#0098EA;font-size:0.7rem; }

.gen-style-3f7eb2 { display:flex; gap:0.5rem; margin:0; padding:0; position:absolute; left:50%; transform:translateX(-50%); }

.gen-style-8fdce8 { text-decoration:none; }

.gen-style-94408e { display:flex; align-items:center; gap:0.75rem; margin-left:auto; }

.gen-style-1ab89c { background:var(--card);border:1px solid var(--border);border-radius:12px;padding:0.4rem 0.6rem }

.gen-style-445da3 { display:none;font-size:1.2rem;color:var(--text);cursor:pointer;padding:0.4rem }

.gen-style-9d18ec { display:none;position:fixed;top:52px;left:0;right:0;bottom:0;background:var(--bg);z-index:200;overflow-y:auto;padding:1rem }

.gen-style-1e4fdb { list-style:none }

.gen-style-3b2074 { margin-bottom:0.5rem }

.gen-style-a9e297 { display:flex;align-items:center;gap:0.6rem;padding:0.75rem;border-radius: 12px;color:var(--text2);text-decoration:none;font-size:0.9rem }

.gen-style-2670c3 { background: rgba(18, 18, 20, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding: 0.5rem 2rem; display: flex; align-items: center; justify-content: center; gap: 2.5rem; font-size: 0.8rem; letter-spacing: 0.3px; }

.gen-style-02c399 { display:flex; align-items:center; gap:0.5rem; }

.gen-style-61692f { width:6px; height:6px; border-radius:50%; background:#F7931A; box-shadow:0 0 6px #F7931A; flex-shrink:0; }

.gen-style-7157a6 { color:var(--muted); font-weight:600; }

.gen-style-7c8f2d { color:#fff; font-weight:700; }

.gen-style-a5d2ba { font-weight:600; }

.gen-style-a71872 { width:6px; height:6px; border-radius:50%; background:#9945ff; box-shadow:0 0 6px #9945ff; flex-shrink:0; }

.gen-style-a54bc5 { width:6px; height:6px; border-radius:50%; background:#0098EA; box-shadow:0 0 6px #0098EA; flex-shrink:0; }

.gen-style-3157c0 { display:flex; gap:1.5rem; align-items:flex-start; margin-top:1rem; margin-bottom:2rem; }

.gen-style-a5642a { width:340px; flex-shrink:0; background:var(--card); border:1px solid var(--border); border-radius:12px; overflow:hidden; display:flex; flex-direction:column; max-height: calc(100vh - 120px); position:sticky; top:1rem; }

.gen-style-e3e443 { display:flex; border-bottom:1px solid var(--border); background:var(--nav); }

.gen-style-ac5647 { flex:1;text-align:center;padding:0.75rem;font-size:0.8rem;font-weight:600;cursor:pointer;border-bottom:2px solid var(--gold);color:var(--text); }

.gen-style-4b0f74 { flex:1;text-align:center;padding:0.75rem;font-size:0.8rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;color:var(--muted); }

.gen-style-20a4c6 { overflow-y:auto; flex:1; display:block; }

.gen-style-62034b { font-family:monospace;font-size:0.8rem;color:var(--text);font-weight:600; }

.gen-style-680a97 { font-size:0.7rem;color:var(--muted);margin-top:0.2rem; }

.gen-style-08a0ed { text-align:right; }

.gen-style-ec1d76 { font-size:0.65rem;color:var(--muted);margin-top:0.2rem; }

.gen-style-57318c { padding:1rem;text-align:center;font-size:0.8rem;color:var(--muted); }

.gen-style-b5e528 { overflow-y:auto; flex:1; display:none; }

.gen-style-e2cc31 { flex:1; min-width:0; }

.gen-style-e0ff3e { display:flex;gap:0.75rem;flex:1 }

.gen-style-8acbf5 { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:0.75rem }

.gen-style-f53c0f { display:flex;align-items:center;gap:0.75rem }

.gen-style-371d99 { width:40px;height:40px;border-radius:10px;background:rgba(153,69,255,0.1);border:1px solid rgba(153,69,255,0.2);display:flex;align-items:center;justify-content:center;font-size:1rem }

.gen-style-2ecfe5 { font-family:monospace;font-size:0.82rem;color:var(--text2) }

.gen-style-157319 { display:flex;align-items:center;gap:0.5rem;margin-top:0.25rem }

.gen-style-ceef1e { font-size:0.7rem;color:var(--muted);text-decoration:none }

.gen-style-da0e29 { display:flex;gap:0.3rem;background:var(--card);border:1px solid var(--border);border-radius:7px;padding:0.25rem }

.gen-style-37059b { display:grid;grid-template-columns:repeat(5,1fr);gap:0.75rem;margin-bottom:1.25rem }

.gen-style-14cf3f { display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1.25rem }

.gen-style-e634e6 { font-weight:600 }

.gen-style-2f342b { color:var(--green);font-weight:600 }

.gen-style-268246 { display:flex;gap:0.75rem;margin-bottom:1rem }

.gen-style-da5cd6 { flex:1 }

.gen-style-e09362 { color:var(--red) }

.gen-style-57ce1f { padding:0 }

.gen-style-4bfd80 { color:var(--green) }

.gen-style-9590f7 { margin-bottom:1rem }

.gen-style-3aa131 { color:var(--red);font-weight:600 }

.gen-style-d68801 { width:320px; flex-shrink:0; background:var(--nav); border:1px solid var(--border); border-radius:12px; padding:1.25rem; max-height:calc(100vh - 120px); overflow-y:auto; position:sticky; top:1rem; }

.gen-style-9397c4 { font-size:1rem; font-weight:700; margin-bottom:1rem; display:flex; justify-content:space-between; align-items:center; }

.gen-style-793659 { color:var(--gold) }

.gen-style-d2b036 { display:flex; flex-direction:column; gap:0.5rem; }

.gen-style-1f9277 { padding:0.75rem; border:1px solid var(--border); border-radius: 12px; background:rgba(255,255,255,0.01); }

.gen-style-668074 { display:flex; justify-content:space-between; align-items:center; }

.gen-style-d37c01 { font-weight:700; font-size:0.9rem; }

.gen-style-df062a { font-size:0.7rem; color:var(--muted); max-width:140px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.gen-style-00664f { display:flex; gap:0.4rem; }

.gen-style-3d590e { background:rgba(59,130,246,0.1); color:var(--blue); border:1px solid rgba(59,130,246,0.2); padding:0.25rem 0.6rem; border-radius:4px; font-size:0.7rem; font-weight:600; text-decoration:none; }

.gen-style-1386d5 { margin:0 }

.gen-style-a81935 { background:rgba(239,68,68,0.08); border:1px solid rgba(239,68,68,0.2); color:var(--red); padding:0.25rem 0.5rem; border-radius:4px; font-size:0.7rem; font-weight:600; cursor:pointer }

.gen-style-0ba499 { text-align:center; padding:2rem 0; color:var(--muted); font-size:0.85rem; }

.gen-style-d5e8c5 { flex:1; }

.gen-style-6039a3 { margin-top:0; }

.gen-style-4e48ae { color:var(--muted);font-size:0.9rem }

.gen-style-d67e3d { margin-top:0.4rem;display:flex;gap:0.75rem;align-items:center }

.gen-style-a02506 { background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);color:var(--gold);padding:0.2rem 0.75rem;border-radius:4px;font-size:0.75rem;font-weight:700 }

.gen-style-a1cd65 { background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);color:var(--gold);padding:0.2rem 0.75rem;border-radius:4px;font-size:0.75rem;font-weight:700;cursor:pointer }

.gen-style-f6e3d7 { text-align:right }

.gen-style-e7ec54 { margin-bottom:0 }

.gen-style-fd9144 { font-size:1rem }

.gen-style-70c546 { margin-top:3rem; padding:4rem; }

.gen-style-7c7c86 { font-size:2rem; color:var(--muted); margin-bottom:1rem; display:block; }

.gen-style-6eb6e4 { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem; }

.gen-style-bf1b18 { font-size:1.5rem; font-weight:700; }

.gen-style-f61a06 { font-size:0.85rem; color:var(--muted); }

.gen-style-7854ae { margin-right:0.4rem }

.gen-style-8e5932 { color:var(--text);font-weight:600 }

.gen-style-c96de3 { display:flex; gap:0.5rem; margin-bottom:1.5rem; overflow-x:auto; padding-bottom:0.5rem; border-bottom:1px solid var(--border); }

.gen-style-735ef4 { padding:0.5rem 1.2rem; background:var(--nav); border:1px solid var(--gold); border-radius:20px; color:var(--text); font-size:0.85rem; font-weight:600; cursor:pointer; white-space:nowrap; transition:all 0.2s; box-shadow:0 0 10px rgba(245,158,11,0.1); }

.gen-style-cdea1a { padding:0.5rem 1.2rem; background:var(--card); border:1px solid var(--border); border-radius:20px; color:var(--muted); font-size:0.85rem; font-weight:500; cursor:pointer; white-space:nowrap; transition:all 0.2s; }

.gen-style-dba719 { animation:fadeIn 0.3s ease; }

.gen-style-c713cb { margin-bottom:2rem; }

.gen-style-9277a0 { color:#0098EA; }

.gen-style-ebc214 { font-size:1.2rem; }

.gen-style-2da68b { margin-right:0.3rem }

.gen-style-e71bf1 { font-size:0.8rem; color:var(--muted); display:block; margin-top:0.2rem; }

.gen-style-927f81 { margin-right:0.5rem }

.gen-style-630943 { width:100%; border-collapse:collapse; }

.gen-style-0d7cf9 { text-align:left; padding:1rem; border-bottom:1px solid var(--border); }

.gen-style-d29350 { text-align:right; padding:1rem; border-bottom:1px solid var(--border); }

.gen-style-b96ca4 { padding:1rem; border-bottom:1px solid var(--border); font-weight:600; }

.gen-style-6675a4 { padding:1rem; border-bottom:1px solid var(--border); }

.gen-style-fcd7dd { display:inline-flex; }

.gen-style-efb0aa { padding:1rem; border-bottom:1px solid var(--border); text-align:right; display:flex; gap:0.5rem; justify-content:flex-end; }

.gen-style-b2c7c1 { background:var(--bg); border:1px solid var(--border); color:var(--text); padding:0.4rem 0.75rem; border-radius:6px; cursor:pointer; font-weight:600; font-size:0.8rem; }

.gen-style-0b09d8 { margin-left:8px; }

.gen-style-da2805 { background:rgba(16,185,129,0.1); border:1px solid rgba(16,185,129,0.3); color:var(--green); padding:0.4rem 0.75rem; border-radius:6px; cursor:pointer; font-weight:600; font-size:0.8rem; }

.gen-style-948971 { background:rgba(239,68,68,0.1); border:1px solid rgba(239,68,68,0.3); color:var(--red); padding:0.4rem 0.75rem; border-radius:6px; cursor:pointer; font-weight:600; font-size:0.8rem; }

.gen-style-a31366 { background:rgba(59,130,246,0.1); border:1px solid rgba(59,130,246,0.3); color:var(--blue); padding:0.4rem 0.75rem; border-radius:6px; cursor:pointer; font-weight:600; font-size:0.8rem; margin-left:1rem; }

.gen-style-37f2cc { display:none; background:#000; border:1px solid #333; }

.gen-style-1ee1aa { display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; border-bottom:1px solid #333; padding-bottom:0.75rem; }

.gen-style-c8a4fe { font-family:monospace; font-weight:700; color:#00ff00; }

.gen-style-03b245 { background:none; border:none; color:var(--muted); cursor:pointer; }

.gen-style-c5f863 { font-family:monospace; font-size:0.8rem; color:#ccc; white-space:pre-wrap; max-height:400px; overflow-y:auto; margin:0; padding-bottom:1rem; }

.gen-style-af937e { display:none; animation:fadeIn 0.3s ease; }

.gen-style-2c3c54 { width:100%; border-collapse:collapse; margin-bottom:1.5rem; }

.gen-style-a85f74 { padding:1rem; border-bottom:1px solid var(--border); color:var(--muted); font-size:0.8rem; }

.gen-style-2debcd { font-weight:600; margin-bottom:1rem; font-size:0.9rem; color:var(--text2); }

.gen-style-09cbfd { margin-bottom:1rem; }

.gen-style-982433 { background:var(--gold); border:none; color:#000; padding:0.5rem 1rem; border-radius:6px; cursor:pointer; font-weight:700; font-size:0.85rem; }

.gen-style-1793a6 { text-align:left; padding:0.75rem 1rem; border-bottom:1px solid var(--border); font-size:0.8rem; color:var(--muted); }

.gen-style-f38f04 { padding:0.75rem 1rem; border-bottom:1px solid var(--border); font-family:monospace; font-size:0.8rem; }

.gen-style-c293fd { color:var(--blue); }

.gen-style-df6f53 { color:var(--muted); }

.gen-style-ffcc1a { padding:0.75rem 1rem; border-bottom:1px solid var(--border); font-size:0.8rem; }

.gen-style-07b72e { color:var(--green); font-weight:600; }

.gen-style-72be23 { color:var(--red); }

.gen-style-b06ef7 { padding:0.75rem 1rem; border-bottom:1px solid var(--border); font-size:0.8rem; color:var(--muted); }

.gen-style-131d40 { width:100%; height:250px; background:#0f0f11; border:1px solid var(--border); border-radius: 12px; color:#e2e8f0; font-family:monospace; font-size:0.85rem; padding:1rem; margin-bottom:1rem; resize:vertical; outline:none; }

.gen-style-b2a56c { font-size:0.8rem; color:var(--muted); margin-bottom:1rem; }

.gen-style-b3ecdc { color:var(--gold); margin-right:0.3rem; }

.gen-style-24b5df { background:var(--gold); border:none; color:#000; padding:0.6rem 1.2rem; border-radius:6px; cursor:pointer; font-weight:700; font-size:0.9rem; }

.gen-style-733b05 { margin-bottom:2rem; border:1px solid rgba(239,68,68,0.2); }

.gen-style-31e041 { font-size:0.9rem; font-weight:600; margin-bottom:0.3rem; }

.gen-style-2a18d8 { font-size:0.8rem; color:var(--muted); margin-top:0.3rem; }

.gen-style-d8bd0b { background:rgba(239,68,68,0.1); border:1px solid rgba(239,68,68,0.3); color:var(--red); padding:0.6rem 1.2rem; border-radius:6px; cursor:pointer; font-weight:700; font-size:0.9rem; }

.gen-style-c8c1a7 { display:flex;align-items:center;gap:0.6rem;margin-bottom:1.25rem;flex-wrap:wrap }

.gen-style-978ebc { font-size:0.78rem }

.gen-style-7c1894 { font-size:0.65rem }

.gen-style-5522a1 { display:block;text-align:center;font-size:0.75rem;color:var(--muted);padding:0.3rem;text-decoration:none }

.gen-style-923e95 { min-width:180px }

.gen-style-116e33 { text-decoration:none }

.gen-style-708b6a { display:flex;gap:0.4rem;flex-wrap:wrap }

.gen-style-fe8264 { font-size:0.75rem;color:var(--muted);text-decoration:none;padding:0.35rem 0.7rem;border-radius:6px;border:1px solid var(--border);display:flex;align-items:center;gap:0.3rem;transition:all 0.15s }

.gen-style-09dd25 { font-size:0.75rem;color:var(--red);text-decoration:none;padding:0.35rem 0.7rem;border-radius:6px;border:1px solid rgba(239,68,68,0.3);background:rgba(239,68,68,0.06);display:flex;align-items:center;gap:0.3rem }

.gen-style-ae64da { font-size:0.78rem;color:var(--muted);margin-left:auto }

.gen-style-f86c11 { background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.25);color:var(--red);padding:0.4rem 0.9rem;border-radius: 12px;font-size:0.78rem;font-weight:700;cursor:pointer;opacity:0.4 }

.gen-style-4dc056 { font-size:0.75rem }

.gen-style-90bda5 { display:flex;gap:0.5rem;align-items:center }

.gen-style-f45382 { min-width:0;flex:1;max-width:160px }

.gen-style-3ae7de { background:rgba(59,130,246,0.08);border:1px solid rgba(59,130,246,0.25);color:var(--blue);padding:0.35rem 0.75rem;border-radius:6px;font-size:0.72rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0 }

.gen-style-03a796 { font-size:0.72rem;color:var(--green);opacity:0;transition:opacity 0.3s }

.gen-style-89f7ce { display:flex;gap:0.35rem }

.gen-style-deab41 { font-size:0.72rem;padding:0.25rem 0.6rem }

.gen-style-a387d6 { background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.25);color:var(--red);padding:0.25rem 0.5rem;border-radius:5px;font-size:0.72rem;cursor:pointer }

.gen-style-dbc312 { margin-top:4rem }

.gen-style-ac4560 { font-size:2rem;margin-bottom:1rem;display:block;color:var(--muted) }

.gen-style-2144af { display:flex;gap:0.4rem;margin-bottom:1.25rem }

.gen-style-bb195b { display:flex;align-items:center;gap:0.5rem;margin-bottom:1.25rem }

.gen-style-d31458 { width:6px;height:6px;border-radius:50%;background:#0098EA }

.gen-style-972bf6 { font-size:0.72rem;font-weight:600;color:#0098EA }

.gen-style-7ca566 { font-size:0.72rem;color:var(--muted);margin-left:0.25rem }

.gen-style-093dbd { font-size:0.75rem;color:var(--muted) }

.gen-style-778ace { margin-top:3rem }

.gen-style-bbd043 { font-size:1.75rem;margin-bottom:0.75rem;display:block;color:#0098EA;opacity:0.4 }

.gen-style-938bc6 { background:#0098EA;color:#fff;border:none;border-radius: 12px;padding:0 1.5rem;font-weight:700;cursor:pointer;font-size:0.9rem }

.gen-style-46eb02 { width:40px;height:40px;border-radius:10px;background:rgba(0,152,234,0.1);border:1px solid rgba(0,152,234,0.2);display:flex;align-items:center;justify-content:center;font-size:1rem }

.gen-style-c65241 { font-size:0.7rem;font-weight:600;padding:0.15rem 0.55rem;border-radius:99px;background:rgba(0,152,234,0.1);color:#0098EA }

.gen-style-d92926 { color:#0098EA }

.gen-style-9dae1d { margin-top:1rem }

.gen-style-285081 { background:rgba(0,152,234,0.08);border:1px solid rgba(0,152,234,0.2);color:#0098EA;padding:0.4rem 1rem;border-radius:7px;font-size:0.8rem;font-weight:600;cursor:pointer }

.gen-style-505399 { background:var(--blue);color:#fff;border:none;border-radius: 12px;padding:0 1.5rem;font-weight:700;cursor:pointer;font-size:0.9rem }

.gen-style-c92bd8 { display:inline-flex;align-items:center;gap:0.5rem;background:rgba(59,130,246,0.08);border:1px solid rgba(59,130,246,0.2);border-radius: 12px;padding:0.4rem 0.9rem;margin-bottom:1rem;font-size:0.8rem;color:var(--blue);font-weight:600 }

.gen-style-c72d46 { margin-top:0.4rem }

.gen-style-68367e { font-size:0.8rem;color:var(--muted) }

.gen-style-9c1394 { font-weight:700;color:var(--green) }

.gen-style-4a69cf { position:fixed;top:1rem;right:1rem;z-index:100 }

.gen-style-8b8072 { font-size:0.8rem }

.gen-style-daf655 { font-size:0.55rem;opacity:0.5 }

.gen-style-7f4ee4 { margin-right: 8px; }

.gen-style-cb4589 { display:none }

.gen-style-b4adbe { text-align:center;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border) }

.gen-style-a0b23a { font-size:0.78rem;color:var(--muted);margin-bottom:0.75rem }

.gen-style-27338e { display:inline-flex;align-items:center;gap:0.5rem;background:rgba(59,130,246,0.08);border:1px solid rgba(59,130,246,0.2);color:var(--blue);padding:0.45rem 1.1rem;border-radius:7px;text-decoration:none;font-size:0.82rem;font-weight:600 }

.gen-style-13076d { text-align:center }

.gen-style-03a935 { font-size:1rem;font-weight:700;letter-spacing:-0.01em }

.gen-style-4df9c2 { font-size:0.78rem;color:var(--muted);margin-top:0.2rem }

.gen-style-72c3ec { color:var(--muted);text-decoration:none;font-size:0.8rem;font-weight:500;display:flex;align-items:center;gap:0.4rem }

.gen-style-52778b { background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2);color:var(--gold);padding:0.4rem 1rem;border-radius:7px;font-size:0.78rem;font-weight:600;cursor:pointer }

.gen-style-cc8691 { color:var(--muted);font-family:monospace;font-size:0.72rem }

.gen-style-87ddc0 { color:var(--muted) }

.gen-style-7faa15 { color:var(--text2) }

.gen-style-e4e49c { display:flex;gap:0.4rem }

.gen-style-53896a { margin-top:0 }

.gen-style-bf5af6 { width:8px;height:8px;border-radius:50%;background:#9945ff;flex-shrink:0 }

.gen-style-f7683c { margin-bottom:1.5rem }

.gen-style-cfbe7d { display:flex;align-items:center;justify-content:space-between;margin-bottom:0.25rem }

.gen-style-78d643 { width:5px;height:5px;border-radius:50%;background:currentColor }

.gen-style-7a097b { margin-left: 8px; white-space: nowrap; }

.gen-style-822d70 { width:8px;height:8px;border-radius:50%;background:#0098EA;flex-shrink:0 }

.gen-style-7b9be7 { opacity:0.6 }

.gen-style-ff3628 { font-size:1rem;font-weight:700 }

.gen-style-aee76f { color:var(--text) }

.gen-style-ecd3f9 { font-size:0.68rem;color:var(--muted) }

.gen-style-7f1ee4 { color:var(--muted);white-space:nowrap }

.gen-style-2a8151 { display:flex;gap:0.3rem;margin-bottom:1rem;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:0.3rem;width:fit-content }

.gen-style-6b7411 { padding:0.35rem 0.8rem;border-radius:6px;font-size:0.78rem;font-weight:500;text-decoration:none;color:var(--muted);border:1px solid transparent }

.gen-style-0bd7f6 { max-width:580px }

.gen-style-d7cd8e { font-size:0.72rem;color:var(--muted);margin-top:0.5rem }

.gen-style-30f284 { margin-bottom:1rem;font-size:0.82rem;color:var(--muted) }

.gen-style-68b10b { background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);color:var(--red);padding:0.45rem 1.1rem;border-radius:7px;font-size:0.8rem;font-weight:600;cursor:pointer }



:root{--bg:#09090b;--nav:#0f1012;--card:#111113;--border:#1f1f23;--gold:#f59e0b;--blue:#3b82f6;--green:#10b981;--red:#ef4444;--muted:#52525b;--text:#e4e4e7;--text2:#a1a1aa;--radius:10px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif;background:var(--bg);color:var(--text);padding-bottom:4rem;-webkit-font-smoothing:antialiased}
nav{background:rgba(18, 18, 20, 0.85);border-bottom:1px solid rgba(255, 255, 255, 0.08);padding:0 2rem;display:flex;align-items:center;height:64px;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.brand{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:0.5px;text-decoration:none;display:flex;align-items:center;gap:0.5rem;white-space:nowrap;transition:opacity 0.2s} .brand:hover{opacity:0.8} .brand span{font-weight:400;color:var(--muted)} .brand i{color:var(--gold);font-size:1.1rem} .brand span{font-weight:400;color:var(--muted)} .brand i{color:var(--gold);font-size:1.1rem} .brand:hover{opacity:0.8} .brand span{font-weight:400;color:var(--muted)} .brand i{color:var(--gold);font-size:1.1rem}
.nav-sep{width:1px;background:var(--border);margin:12px 1.25rem;flex-shrink:0}
.chain-tabs{display:flex;align-items:stretch}
.ct{display:flex;align-items:center;gap:6px;padding:0 1rem;font-size:0.8rem;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--muted);position:relative;height:100%;letter-spacing:0.01em;transition:color 0.15s;text-decoration:none}
.ct:hover{color:var(--text2)}
.ct.sol-on,.ct.ton-on{color:var(--text)}
.ct-under{position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:2px 2px 0 0;transform:scaleX(0);transition:transform 0.25s ease}
.ct.sol-on .ct-under{background:#9945ff;transform:scaleX(1)}
.ct.ton-on .ct-under{background:#0098EA;transform:scaleX(1)}
.chain-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}
.sol-icon{background:rgba(153,69,255,0.12);color:#9945ff}
.ton-icon{background:rgba(0,152,234,0.12);color:#0098EA}
.nav-links{display:flex;align-items:stretch;gap:0;list-style:none;margin-left:0.25rem}
.nav-group{position:relative;display:flex;align-items:stretch;cursor:pointer}
.nav-group-label{display:flex;align-items:center;gap:0.4rem;color:var(--muted);font-size:0.85rem;font-weight:600;padding:0.6rem 1.2rem;cursor:pointer;transition:color 0.15s;user-select:none;height:auto;border-radius:12px}
.nav-group:hover .nav-group-label,.nav-group.open .nav-group-label,.nav-group-active .nav-group-label{display:flex;align-items:center;gap:0.4rem;color:var(--muted);font-size:0.85rem;font-weight:600;padding:0.6rem 1.2rem;cursor:pointer;transition:color 0.15s;user-select:none;height:auto;border-radius:12px}
.nav-chevron{font-size:0.55rem;transition:transform 0.15s;margin-left:0.15rem;opacity:0.5}
.nav-group-active .nav-group-label{display:flex;align-items:center;gap:0.4rem;color:var(--muted);font-size:0.85rem;font-weight:600;padding:0.6rem 1.2rem;cursor:pointer;transition:color 0.15s;user-select:none;height:auto;border-radius:12px}

.lang-switcher{position:relative}
.lang-trigger{display:flex;align-items:center;gap:0.4rem;color:var(--muted);font-size:0.8rem;font-weight:500;padding:0.4rem 0.75rem;border-radius:6px;cursor:pointer;border:1px solid var(--border);transition:all 0.15s}
.lang-switcher:hover .lang-trigger,.lang-switcher.open .lang-trigger{color:var(--text2);border-color:#2f2f35}
.lang-switcher.open .nav-chevron{transform:rotate(180deg)}
.lang-dropdown{display:none;position:absolute;top:100%;right:0;background:var(--nav);border:1px solid var(--border);border-radius:0 0 8px 8px;border-top:none;padding:0.5rem 0.3rem 0.3rem;min-width:145px;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,0.5)}
.lang-switcher.open .lang-dropdown,.lang-switcher:focus-within .lang-dropdown{display:block}
.lang-option{display:flex;align-items:center;gap:0.5rem;color:var(--muted);text-decoration:none;font-size:0.8rem;font-weight:500;padding:0.45rem 0.7rem;border-radius:5px;transition:all 0.1s;white-space:nowrap}
.lang-option:hover,.lang-active{color:var(--text2);background:rgba(255,255,255,0.04)}
.lang-flag{font-size:0.9rem}
.nav-group.open .nav-chevron{transform:rotate(180deg)}
.nav-dropdown{display:none;position:absolute;top:100%;left:0;background:var(--nav);border:1px solid var(--border);border-radius: 12px;padding:0.3rem;list-style:none;min-width:175px;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,0.5);padding-top:0.5rem;margin-top:0}
.nav-group.open .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:block}
.nav-dropdown li a{display:flex;align-items:center;gap:0.5rem;color:var(--muted);text-decoration:none;font-size:0.8rem;font-weight:500;padding:0.5rem 0.7rem;border-radius:5px;transition:all 0.1s;white-space:nowrap}
.nav-dropdown li a:hover{color:var(--text2);background:rgba(255,255,255,0.04)}.nav-dropdown li a.active{color:var(--gold);background:rgba(245,158,11,0.06)}
.nav-dropdown li a i{width:13px;text-align:center;font-size:0.75rem;opacity:0.6}
.container{max-width:1280px;margin:1.75rem auto;padding:0 1.5rem}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem}
.card-title{font-size:0.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border)}
.search-bar{display:flex;gap:0.6rem;margin-bottom:1.25rem;align-items:center}
.search-bar input{flex:1;background:var(--card);border:1px solid var(--border);border-radius: 12px;padding:0.7rem 1rem;color:var(--text);font-size:0.875rem;outline:none;transition:border 0.15s}
.search-bar input:focus{border-color:#2f2f35}
.search-bar input::placeholder{color:var(--muted)}
.search-bar button{background:var(--blue);color:#fff;border:none;border-radius: 12px;padding:0.7rem 1.25rem;font-weight:600;cursor:pointer;font-size:0.85rem;transition:opacity 0.15s;display:flex;align-items:center;justify-content:center;gap:0.4rem}
.search-bar button:hover{opacity:0.85}
.wallet-chips{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1.25rem}
.chip{background:var(--card);border:1px solid var(--border);padding:0.3rem 0.75rem;border-radius:5px;color:var(--muted);text-decoration:none;font-family:monospace;font-size:0.75rem;transition:all 0.15s}
.chip:hover,.chip.active{border-color:#2f2f35;color:var(--text2)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem;margin-bottom:1.25rem}
.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}
.stat-label{font-size:0.68rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:0.07em;margin-bottom:0.45rem}
.stat-value{font-size:1.3rem;font-weight:700;letter-spacing:-0.02em}
.stat-value.green{color:var(--green)}
.stat-value.gold{color:var(--gold)}
.stat-value.blue{color:var(--blue)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
table{width:100%;border-collapse:collapse}
th{padding:0.7rem 1rem;color:var(--muted);font-size:0.68rem;text-transform:uppercase;letter-spacing:0.07em;border-bottom:1px solid var(--border);text-align:left;font-weight:600}
td{padding:0.85rem 1rem;border-bottom:1px solid rgba(255,255,255,0.03);font-size:0.84rem}
tr:last-child td{border-bottom:none}
tr:hover td{background:rgba(255,255,255,0.015)}
.badge{display:inline-block;padding:0.18rem 0.55rem;border-radius:4px;font-size:0.7rem;font-weight:600}
.badge.buy{background:rgba(16,185,129,0.1);color:var(--green)}
.badge.sell{background:rgba(239,68,68,0.1);color:var(--red)}
.mono{font-family:'SF Mono',monospace;font-size:0.78rem;color:var(--text2)}
.add-btn{background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.2);color:var(--green);padding:0 0.65rem;border-radius:4px;font-size:0.72rem;font-weight:600;text-decoration:none;transition:all 0.15s; height: 26px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;}
.add-btn:hover{background:rgba(16,185,129,0.15)}
.pnl-pos{color:var(--green)}
.pnl-neg{color:var(--red)}
.data-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.7rem;font-size:0.84rem}
.data-row:last-child{margin-bottom:0}
.data-label{color:var(--muted)}
a.solscan{font-family:'SF Mono',monospace;font-size:0.73rem;color:var(--blue);text-decoration:none;background:rgba(59,130,246,0.06);padding:0.18rem 0.45rem;border-radius:4px;transition:background 0.15s}
a.solscan:hover{background:rgba(59,130,246,0.12)}
.empty-state{text-align:center;padding:3rem;color:var(--muted);font-size:0.875rem}
.token-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}
.token-name{font-size:1.3rem;font-weight:700;letter-spacing:-0.02em}
.token-price{font-size:1.6rem;font-weight:700;color:var(--green);letter-spacing:-0.02em}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:middle}
.dot.green{background:var(--green)}
.dot.red{background:var(--red)}
.diag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem}
.diag-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:0.5rem}
.diag-card.is-error{border-color:rgba(239,68,68,0.25)}
.diag-top{display:flex;align-items:center;gap:0.65rem}
.diag-icon{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;flex-shrink:0}
.diag-icon.green{background:rgba(16,185,129,0.08);color:var(--green)}
.diag-icon.red{background:rgba(239,68,68,0.08);color:var(--red)}
.diag-icon.blue{background:rgba(59,130,246,0.08);color:var(--blue)}
.diag-name{font-size:0.875rem;font-weight:600;flex:1}
.diag-pill{font-size:0.68rem;font-weight:600;padding:0.18rem 0.55rem;border-radius:99px}
.diag-pill.ok{background:rgba(16,185,129,0.08);color:var(--green)}
.diag-pill.err{background:rgba(239,68,68,0.08);color:var(--red)}
.diag-desc{font-size:0.8rem;color:var(--muted);line-height:1.5}
.diag-meta{font-size:0.75rem;color:var(--muted);font-family:monospace}
.diag-fix{background:rgba(239,68,68,0.05);border:1px solid rgba(239,68,68,0.15);border-radius:7px;padding:0.85rem}
.diag-fix-title{font-size:0.68rem;font-weight:600;color:var(--red);margin-bottom:0.4rem;text-transform:uppercase;letter-spacing:0.06em}
.diag-fix-cmd{font-family:'SF Mono',monospace;font-size:0.75rem;color:#fca5a5;background:rgba(239,68,68,0.08);padding:0.35rem 0.65rem;border-radius:5px;display:block;margin-top:0.3rem}
.bar-wrap{height:4px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:4px}
.bar-fill{height:100%;border-radius:3px}
.bar-fill.green{background:var(--green)}
.bar-fill.amber{background:var(--gold)}
.bar-fill.red{background:var(--red)}
.res-row{display:flex;justify-content:space-between;font-size:0.8rem;color:var(--muted)}
.res-row span:last-child{font-weight:700;color:var(--text)}





@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.sys-nav-item:hover:not(.active) {
  border-color: rgba(245, 158, 11, 0.5) !important;
  color: var(--text2) !important;
}



.hw-pill{padding:0.3rem 1rem;border-radius:99px;font-size:0.8rem;font-weight:600;text-decoration:none;border:1px solid var(--border);color:var(--muted);transition:all 0.15s}
.hw-pill.active,.hw-pill:hover{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.4);color:var(--gold)}
.hw-sort{padding:0.3rem 0.8rem;border-radius: 12px;font-size:0.78rem;font-weight:600;text-decoration:none;border:1px solid var(--border);color:var(--muted);display:inline-flex;align-items:center;gap:0.3rem;transition:all 0.15s}
.hw-sort.active{border-color:rgba(245,158,11,0.4);color:var(--gold)}
.hw-row{display:grid;grid-template-columns:32px 1.2fr 1fr 0.8fr 2.5fr 100px;gap:16px;padding:1.1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,0.02);align-items:center;transition:background 0.1s}
.hw-row:hover{background:rgba(255,255,255,0.02)}
.hw-row.hw-selected{background:rgba(245,158,11,0.05)}
.hw-head{display:grid;grid-template-columns:32px 1.2fr 1fr 0.8fr 2.5fr 100px;gap:16px;padding:0.75rem 1.25rem;border-bottom:1px solid var(--border)}
.hw-th{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em}
.hw-cb{width:18px;height:18px;border-radius:5px;border:2px solid var(--muted);cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;transition:all 0.15s;flex-shrink:0;position:relative}
.hw-cb:checked{background:var(--gold);border-color:var(--gold)}
.hw-cb:checked::after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:2px solid #000;border-top:none;border-left:none;transform:rotate(45deg)}
.hw-cb:hover:not(:checked){border-color:var(--gold);background:rgba(245,158,11,0.08)}
.hw-badge-whale{display:inline-flex;align-items:center;gap:3px;font-size:0.72rem;font-weight:600;padding:0.15rem 0.55rem;border-radius:99px;background:rgba(59,130,246,0.12);color:var(--blue)}
.hw-badge-alpha{display:inline-flex;align-items:center;gap:3px;font-size:0.72rem;font-weight:600;padding:0.15rem 0.55rem;border-radius:99px;background:rgba(16,185,129,0.12);color:var(--green)}
@keyframes ton-scan{0%{top:-2px}100%{top:102%}}
@media (max-width:768px){
  nav{padding:0 1rem;height:auto;min-height:52px;flex-wrap:wrap;gap:0}
  .brand{margin-right:0.75rem;font-size:0.95rem}
  .nav-sep{margin:8px 0.75rem}
  .chain-tabs .ct{padding:0 0.75rem;font-size:0.75rem}
  .nav-links{display:none!important}
  .container{padding:0 1rem;margin:1rem auto}
  .stats-grid{grid-template-columns:repeat(2,1fr)!important}
  .diag-grid{grid-template-columns:repeat(2,1fr)!important}
  .grid-2{grid-template-columns:1fr!important}
  .hw-head,.hw-row{grid-template-columns:28px 1fr 90px!important}
  .hw-head > div:nth-child(3),.hw-row > div:nth-child(3),
  .hw-head > div:nth-child(4),.hw-row > div:nth-child(4),
  .hw-head > div:nth-child(5),.hw-row > div:nth-child(5){display:none}
  .token-header{flex-direction:column;gap:0.75rem}
  .token-price{font-size:1.3rem!important}
  .svc-grid{grid-template-columns:repeat(2,1fr)!important}
  nav > div[style*="margin-left:auto"]{margin-left:auto}
  .nav-right-wrap{gap:0.4rem!important}
  .admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{font-size:0.78rem}
  td,th{padding:0.65rem 0.6rem!important}
}
@media (max-width:540px){
  .stats-grid{grid-template-columns:1fr 1fr!important}
  .chain-icon{display:none}
  .ct{padding:0 0.6rem!important;font-size:0.72rem!important}
  .brand{font-size:0.85rem!important}
  .nav-sep{margin:8px 0.4rem!important}
}
@keyframes ton-blink{0%,100%{opacity:1}50%{opacity:0.2}}
@keyframes fadeSlide{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.hw-note{width:100%;font-size:0.72rem;padding:0.2rem 0.5rem !important; height: 26px !important;border-radius:6px;border:1px solid var(--border);background:#0a0b0d;color:var(--text);outline:none;min-width:0}
.hw-note:focus{border-color:var(--gold)}



.hw-dd-btn{display:flex;align-items:center;gap:6px;padding:0.4rem 0.9rem;border-radius: 12px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:0.82rem;font-weight:600;cursor:pointer;position:relative;user-select:none;transition:all 0.15s}
.hw-dd-btn:hover{border-color:rgba(245,158,11,0.4);color:var(--gold)}
.hw-dd-btn.has-active{border-color:rgba(245,158,11,0.4);color:var(--gold);background:rgba(245,158,11,0.06)}
.hw-dd-badge{background:var(--gold);color:#000;border-radius:99px;font-size:0.65rem;font-weight:700;padding:1px 6px;margin-left:2px}
.hw-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:0.6rem;min-width:200px;z-index:100;display:none}
.hw-dropdown.open{display:block}
.hw-dd-section{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;padding:0.2rem 0.5rem 0.5rem}
.hw-dd-option{display:flex;align-items:center;gap:8px;padding:0.5rem 0.6rem;border-radius:6px;cursor:pointer;font-size:0.82rem;color:var(--muted);transition:all 0.1s}
.hw-dd-option:hover{background:rgba(255,255,255,0.04);color:var(--text)}
.hw-dd-option.active{color:var(--gold)}
.hw-dd-cb{width:15px;height:15px;border-radius:3px;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all 0.15s}
.hw-dd-cb.on{background:var(--gold);border-color:var(--gold)}
.hw-dd-cb.on::after{content:"";width:7px;height:7px;background:#000;border-radius:1px}
.hw-dd-rb{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all 0.15s}
.hw-dd-rb.on{border-color:var(--gold)}
.hw-dd-rb.on::after{content:"";width:7px;height:7px;background:var(--gold);border-radius:50%}
.hw-dd-div{height:1px;background:var(--border);margin:0.4rem 0}
.hw-active-tag{display:inline-flex;align-items:center;gap:4px;padding:0.2rem 0.7rem;border-radius:99px;font-size:0.75rem;font-weight:600;background:rgba(245,158,11,0.1);color:var(--gold);border:1px solid rgba(245,158,11,0.25)}

:root{--bg:#09090b;--nav:#0f1012;--card:#111113;--border:#1f1f23;--gold:#f59e0b;--blue:#3b82f6;--green:#10b981;--red:#ef4444;--muted:#52525b;--text:#e4e4e7;--text2:#a1a1aa;--radius:10px}
*{margin:0;padding:0;box-sizing:border-box}
.auth-body{font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;-webkit-font-smoothing:antialiased}
.auth-brand{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:2rem;text-align:center;display:flex;align-items:center;gap:0.5rem;justify-content:center}
.auth-brand span{color:var(--gold)}
.box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:420px}
.box-title{font-size:1rem;font-weight:700;margin-bottom:0.4rem;letter-spacing:-0.01em}
.box-sub{font-size:0.82rem;color:var(--muted);margin-bottom:1.75rem;line-height:1.5}
input[type=text],input[type=password]{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:0.75rem 1rem;color:var(--text);font-size:0.875rem;outline:none;transition:border 0.15s;margin-bottom:1rem}
input[type=text]:focus,input[type=password]:focus{border-color:#2f2f35}
input[type=text]::placeholder,input[type=password]::placeholder{color:var(--muted)}
.auth-tabs{display:flex;gap:0.3rem;margin-bottom:1.5rem;background:rgba(255,255,255,0.03);border-radius:8px;padding:0.3rem}
.auth-tab{flex:1;text-align:center;padding:0.5rem;border-radius:6px;font-size:0.85rem;font-weight:600;cursor:pointer;color:var(--muted);transition:all 0.2s}
.auth-tab.active{background:var(--card);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,0.2)}
.btn{width:100%;background:var(--gold);color:#000;border:none;border-radius:8px;padding:0.8rem;font-weight:700;font-size:0.9rem;cursor:pointer;transition:opacity 0.15s}
.btn:hover{opacity:0.85}
.error{background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);color:var(--red);padding:0.7rem 1rem;border-radius:8px;font-size:0.82rem;margin-bottom:1rem}
.success{background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.2);color:var(--green);padding:0.7rem 1rem;border-radius:8px;font-size:0.82rem;margin-bottom:1rem}
.status-icon{font-size:2.5rem;text-align:center;margin-bottom:1.25rem}
.admin-wrap{width:100%;max-width:1000px}
.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}
.admin-tabs{display:flex;gap:0.3rem;margin-bottom:1.5rem;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:0.3rem;width:fit-content}
.admin-tab{padding:0.4rem 1rem;border-radius:6px;font-size:0.8rem;font-weight:500;text-decoration:none;color:var(--muted);transition:all 0.15s}
.admin-tab:hover{color:var(--text2)}
.admin-tab.active{background:var(--bg);color:var(--text);border:1px solid var(--border)}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem}
.card-title{font-size:0.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border)}
.section-label{font-size:0.68rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;margin:1.25rem 0 0.75rem;display:flex;align-items:center;gap:0.5rem}
.section-label::after{content:'';flex:1;height:1px;background:var(--border)}
.invite-table{width:100%;border-collapse:collapse;font-size:0.82rem}
.invite-table th{padding:0.6rem 0.75rem;color:var(--muted);border-bottom:1px solid var(--border);text-align:left;font-size:0.68rem;text-transform:uppercase;letter-spacing:0.07em;font-weight:600}
.invite-table td{padding:0.75rem;border-bottom:1px solid rgba(255,255,255,0.03);font-size:0.82rem}
.invite-table tr:last-child td{border-bottom:none}
.pill{display:inline-block;padding:0.15rem 0.5rem;border-radius:99px;font-size:0.68rem;font-weight:600}
.pill.pending{background:rgba(245,158,11,0.1);color:var(--gold)}
.pill.approved{background:rgba(16,185,129,0.1);color:var(--green)}
.pill.rejected{background:rgba(239,68,68,0.1);color:var(--red)}
.pill.active{background:rgba(59,130,246,0.1);color:var(--blue)}
.pill.used{background:rgba(100,116,139,0.1);color:var(--muted)}
.action-btn{padding:0.2rem 0.6rem;border-radius:4px;font-size:0.7rem;font-weight:600;border:none;cursor:pointer;transition:opacity 0.15s}
.action-btn:hover{opacity:0.8}
.action-btn.approve{background:rgba(16,185,129,0.1);color:var(--green);border:1px solid rgba(16,185,129,0.2)}
.action-btn.reject{background:rgba(239,68,68,0.1);color:var(--red);border:1px solid rgba(239,68,68,0.2)}
.action-btn.revoke{background:rgba(239,68,68,0.1);color:var(--red);border:1px solid rgba(239,68,68,0.2)}
.invite-link{font-family:monospace;font-size:0.72rem;color:var(--blue);background:rgba(59,130,246,0.06);padding:0.25rem 0.5rem;border-radius:4px;word-break:break-all}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:0.75rem}
.svc-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}
.svc-name{font-size:0.875rem;font-weight:600;margin-bottom:0.25rem}
.svc-chain{font-size:0.68rem;color:var(--muted);margin-bottom:0.75rem;font-weight:500}
.svc-btn{padding:0.3rem 0.75rem;border-radius:6px;font-size:0.72rem;font-weight:600;border:none;cursor:pointer;transition:opacity 0.15s;display:flex;align-items:center;justify-content:center;gap:0.4rem} .svc-btn i { flex-shrink: 0; margin-right: 6px; } .svc-btn { white-space: nowrap; } 
.svc-btn:hover{opacity:0.8}
.svc-btn.start{background:rgba(16,185,129,0.1);color:var(--green);border:1px solid rgba(16,185,129,0.2)}
.svc-btn.stop{background:rgba(239,68,68,0.1);color:var(--red);border:1px solid rgba(239,68,68,0.2)}
.svc-btn.restart{background:rgba(59,130,246,0.1);color:var(--blue);border:1px solid rgba(59,130,246,0.2)}
.log-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;font-family:'SF Mono',monospace;font-size:0.72rem;line-height:1.6;max-height:500px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;color:var(--text2)}
.env-row{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:0.9rem}
.env-label{font-size:0.75rem;font-weight:600;color:var(--text2)}
.env-input{background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:0.55rem 0.8rem;color:var(--text);font-size:0.8rem;font-family:monospace;outline:none;transition:border 0.15s}
.env-input:focus{border-color:#2f2f35}
.save-btn{background:var(--gold);color:#000;border:none;border-radius:7px;padding:0.55rem 1.25rem;font-weight:700;font-size:0.82rem;cursor:pointer;transition:opacity 0.15s;margin-top:0.5rem}
.save-btn:hover{opacity:0.85}
.db-stat{display:flex;justify-content:space-between;align-items:center;padding:0.7rem 0;border-bottom:1px solid rgba(255,255,255,0.03);font-size:0.84rem}
.db-stat:last-child{border-bottom:none}
.db-val{font-weight:700;color:var(--text)}
.lang-switcher{position:relative}
.lang-trigger{display:flex;align-items:center;gap:0.4rem;color:var(--muted);font-size:0.8rem;font-weight:500;padding:0.4rem 0.75rem;border-radius:6px;cursor:pointer;border:1px solid var(--border);background:var(--card);transition:all 0.15s}
.lang-switcher:hover .lang-trigger,.lang-switcher.open .lang-trigger{color:var(--text2);border-color:#2f2f35}
.lang-dropdown{display:none;position:absolute;top:100%;right:0;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:0.3rem;min-width:150px;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,0.5)}
.lang-switcher.open .lang-dropdown{display:block}
.lang-option{display:flex;align-items:center;gap:0.5rem;color:var(--muted);text-decoration:none;font-size:0.8rem;font-weight:500;padding:0.45rem 0.7rem;border-radius:5px;transition:all 0.1s;white-space:nowrap}
.lang-option:hover,.lang-option.active{color:var(--text2);background:rgba(255,255,255,0.04)}
.magic-slider { position: absolute; top: 0; bottom: 0; background: rgba(245, 158, 11, 0.15); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: 8px; pointer-events: none; z-index: 0; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; }
.btn-outline-gold {
  background: rgba(245, 158, 11, 0.05);
  border: 1px solid rgba(245, 158, 11, 0.4);
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.btn-outline-gold::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(to right, transparent, rgba(245, 158, 11, 0.1), transparent);
  transform: rotate(45deg) translateY(100%);
  transition: transform 0.5s ease;
}
.btn-outline-gold:hover {
  background: rgba(245, 158, 11, 0.15);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(245, 158, 11, 0.2);
}
.btn-outline-gold:hover::after {
  transform: rotate(45deg) translateY(-100%);
}

.btn-outline-red {
  background: rgba(239, 68, 68, 0.05);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.3);
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.btn-outline-red:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(239, 68, 68, 0.2);
}

}
}


.nav-group.open .nav-dropdown {
    display: flex;
    flex-direction: column;
}
.nav-dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    color: var(--muted);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.15s;
}
.nav-dropdown-item:hover, .nav-dropdown-item.active {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text2);
}
.nav-dropdown-item.active {
    color: var(--gold);
    background: rgba(245, 158, 11, 0.1);
}


.subnav-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--nav);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 0.5rem;
    min-width: 180px;
    z-index: 100;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
    flex-direction: column !important;
    gap: 0.25rem;
}
.nav-group.open .subnav-dropdown {
    display: flex;
}
.subnav-dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    color: var(--muted);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.15s;
}
.subnav-dropdown-item:hover, .subnav-dropdown-item.active {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text2);
}
.subnav-dropdown-item.active {
    color: var(--gold);
    background: rgba(245, 158, 11, 0.1);
}

.hw-save-btn {
    background: rgba(59,130,246,0.08) !important;
    border: 1px solid rgba(59,130,246,0.2) !important;
    color: #3b82f6 !important;
    padding: 0.22rem 0.65rem !important;
    border-radius: 4px !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    transition: all 0.15s !important;
    cursor: pointer !important;
    height: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.hw-save-btn:hover { background: rgba(59,130,246,0.15) !important; }

.hw-del-btn {
    background: rgba(239,68,68,0.08) !important;
    border: 1px solid rgba(239,68,68,0.2) !important;
    color: var(--red) !important;
    padding: 0.22rem 0.45rem !important;
    border-radius: 4px !important;
    font-size: 0.72rem !important;
    transition: all 0.15s !important;
    cursor: pointer !important;
    height: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.hw-del-btn:hover { background: rgba(239,68,68,0.15) !important; }