:root{--bg-dark:#07090e;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#3b82f6;--accent-glow:#3b82f666;--success:#10b981;--danger:#ef4444;--glass-bg:#11182799;--glass-border:#ffffff14;--glass-highlight:#ffffff08;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", sans-serif}@keyframes meshFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes floatPulse{0%{transform:translateY(0);box-shadow:0 5px 15px #0003}50%{transform:translateY(-3px);box-shadow:0 15px 30px #0000004d}to{transform:translateY(0);box-shadow:0 5px 15px #0003}}@keyframes pulseBorder{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 20px #ef444400}to{box-shadow:0 0 #ef444400}}body{font-family:var(--font-sans);background:var(--bg-dark);color:var(--text-main);background:linear-gradient(-45deg,#020617,#0f172a,#0b1e38,#05161f) 0 0/400% 400%;min-height:100vh;margin:0;padding:0;animation:20s infinite meshFlow}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 15% 15%,#3b82f61f,#0000 40%),radial-gradient(circle at 85% 85%,#10b9811a,#0000 40%);position:fixed;inset:0}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em}.dashboard-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.glass-panel{background:var(--glass-bg);background-image:linear-gradient(145deg, var(--glass-highlight) 0%, transparent 100%);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-top-color:#ffffff26;border-left-color:#ffffff1a;border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0006}.glass-panel:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 48px #00000080}.glass-panel h2{color:#fff;border-bottom:1px solid var(--glass-border);margin-top:0;margin-bottom:1.75rem;padding-bottom:1rem;font-size:1.6rem}.btn-connect{color:#fff;font-weight:600;font-family:var(--font-display);cursor:pointer;box-shadow:0 4px 15px var(--accent-glow);background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #ffffff1a;border-radius:12px;padding:.8rem 1.75rem;font-size:1.05rem;transition:all .3s}.btn-connect:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f699}.btn-trigger{color:#fff;font-size:1.5rem;font-family:var(--font-display);cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;border-radius:50px;padding:1.25rem 4rem;font-weight:800;transition:all .3s;animation:4s ease-in-out infinite floatPulse;box-shadow:0 10px 25px #ef444466}.btn-trigger:hover:not(:disabled){animation:1.5s infinite pulseBorder;transform:scale(1.05)translateY(-2px);box-shadow:0 15px 35px #ef444499}.btn-trigger:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;background:#334155;animation:none;transform:translateY(0)}.gradient-text{background:linear-gradient(90deg,#fff,#93c5fd);-webkit-text-fill-color:transparent;font-family:var(--font-display);-webkit-background-clip:text;font-weight:800}.mono-value{letter-spacing:-.05em;font-family:JetBrains Mono,monospace}.log-list{max-height:500px;margin:0;padding:0 .5rem 0 0;list-style:none;overflow-y:auto}.log-list::-webkit-scrollbar{width:6px}.log-list::-webkit-scrollbar-track{background:#0003;border-radius:10px}.log-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.log-list::-webkit-scrollbar-thumb:hover{background:#fff6}.log-item{border:1px solid var(--glass-border);border-left:4px solid var(--accent);background:#0006;border-radius:12px;margin-bottom:1rem;padding:1.25rem;transition:transform .2s,background .2s}.log-item:hover{background:#0009;transform:translate(4px)}.log-item.TRADE_EXECUTED{border-left-color:var(--danger);background:linear-gradient(90deg,#ef444414,#0006)}.log-item.HEARTBEAT_SAFE{border-left-color:var(--success);background:linear-gradient(90deg,#10b9810d,#0006)}.log-header{font-family:var(--font-display);letter-spacing:.5px;justify-content:space-between;margin-bottom:.75rem;font-size:1.15rem;font-weight:700;display:flex}.log-body{white-space:pre-wrap;word-wrap:break-word;color:var(--text-muted);background:#0000004d;border-radius:8px;margin:0;padding:.85rem;font-family:monospace;font-size:.95rem;line-height:1.6}
