@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg:#060810;--bg-2:#0a0d16;--surface:#ffffff08;--surface-2:#ffffff0d;--border:#ffffff0f;--border-2:#ffffff1f;--cyan:#00d4ff;--cyan-dim:#00d4ff26;--cyan-glow:#00d4ff4d;--purple:#7c3aed;--purple-dim:#7c3aed26;--green:#00e676;--green-dim:#00e6761f;--red:#ff4560;--red-dim:#ff45601f;--amber:#ffb700;--amber-dim:#ffb7001f;--text:#f0f4ff;--text-2:#8892a4;--text-3:#4a5568;--font:"Inter", sans-serif;--mono:"JetBrains Mono", monospace;--radius:14px;--radius-lg:20px}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}img,svg{max-width:100%;display:block}button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;padding:0}input,select{font-family:var(--font)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}.scene{z-index:0;background:radial-gradient(ellipse 80% 60% at 20% -10%, #00d4ff12 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 110%, #7c3aed12 0%, transparent 60%), var(--bg);position:fixed;inset:0;overflow:hidden}.scene-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.app-shell{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060810cc;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;display:flex}.right-panel{border-left:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060810cc;flex-direction:column;flex-shrink:0;width:340px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,background .2s}.card:hover{border-color:var(--border-2);background:var(--surface-2)}.asset-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;flex-direction:column;gap:16px;padding:20px;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.asset-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff04 0%,#0000 60%);position:absolute;inset:0}.asset-card:hover{border-color:#00d4ff33;transform:translateY(-3px);box-shadow:0 12px 40px #0006,0 0 0 1px #00d4ff1a}.asset-card.up:hover{border-color:#00e67640;box-shadow:0 12px 40px #0006,0 0 20px #00e6760f}.asset-card.down:hover{border-color:#ff456040;box-shadow:0 12px 40px #0006,0 0 20px #ff45600f}.pill{letter-spacing:.05em;text-transform:uppercase;border-radius:99px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.pill-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00d4ff33}.pill-purple{background:var(--purple-dim);color:#a78bfa;border:1px solid #7c3aed40}.pill-green{background:var(--green-dim);color:var(--green);border:1px solid #00e67633}.pill-red{background:var(--red-dim);color:var(--red);border:1px solid #ff456033}.pill-amber{background:var(--amber-dim);color:var(--amber);border:1px solid #ffb70033}.pill-gray{color:var(--text-2);border:1px solid var(--border);background:#ffffff0d}.nav-item{border-radius:var(--radius);color:var(--text-2);cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:color .2s,background .2s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:var(--surface-2)}.nav-item.active{color:var(--cyan);background:var(--cyan-dim)}.nav-item.active .nav-icon{color:var(--cyan)}.tab-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:4px;padding:4px;display:flex}.tab-btn{color:var(--text-2);white-space:nowrap;border-radius:10px;padding:7px 16px;font-size:12px;font-weight:600;transition:color .2s,background .2s}.tab-btn:hover{color:var(--text);background:var(--surface-2)}.tab-btn.active{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00d4ff33}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:20px;transition:border-color .2s;display:flex}.stat-card:hover{border-color:var(--border-2)}.search-wrap{position:relative}.search-wrap svg{color:var(--text-3);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-wrap:focus-within svg{color:var(--cyan)}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:10px 14px 10px 42px;font-size:13px;font-weight:500;transition:border-color .2s,background .2s}.search-input:focus{background:var(--surface-2);border-color:#00d4ff59}.search-input::placeholder{color:var(--text-3)}.btn{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--cyan);color:#000;box-shadow:0 4px 20px #00d4ff40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px #00d4ff59}.btn-primary:active{transform:scale(.97)}.btn-ghost{background:var(--surface);color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-2)}.btn-icon{border-radius:var(--radius);width:38px;height:38px;padding:0}@keyframes flash-up{0%{color:var(--green);text-shadow:0 0 12px var(--green)}to{color:var(--text);text-shadow:none}}@keyframes flash-down{0%{color:var(--red);text-shadow:0 0 12px var(--red)}to{color:var(--text);text-shadow:none}}.flash-up{animation:1s ease-out forwards flash-up}.flash-down{animation:1s ease-out forwards flash-down}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-2);border:1px solid var(--border-2);border-radius:24px;width:100%;max-width:480px;position:relative;overflow:hidden;box-shadow:0 40px 80px #0009,0 0 0 1px #00d4ff1a}.modal-top-bar{background:linear-gradient(90deg, var(--cyan), var(--purple));height:2px;position:absolute;top:0;left:0;right:0}.alert-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;transition:border-color .2s}.alert-item.triggered-profit{background:#00e67608;border-color:#00e6764d}.alert-item.triggered-loss{background:#ff456008;border-color:#ff45604d}.sparkline{display:block}.mono{font-family:var(--mono)}.text-cyan{color:var(--cyan)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.text-dim{color:var(--text-2)}.text-muted{color:var(--text-3)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid-stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid-assets{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}@media (min-width:1400px){.grid-assets{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:1280px){.right-panel:not(.mobile-active){display:none}.right-panel.mobile-active{inset:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:40;background:var(--bg);border-left:none;flex-direction:column;width:100%;display:flex;position:fixed}.main.hide-on-mobile{display:none}}@media (max-width:900px){.sidebar{display:none}.tab-bar{display:none!important}.grid-stats{grid-template-columns:repeat(2,1fr)}.bottom-nav{display:flex}.app-shell{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.main{padding-bottom:calc(24px + 64px + env(safe-area-inset-bottom))!important}}@media (max-width:600px){.grid-assets{grid-template-columns:1fr}.grid-stats{grid-template-columns:repeat(2,1fr)}}.detail-page{z-index:1;max-width:1200px;min-height:100vh;margin:0 auto;padding:24px;position:relative}@media (max-width:700px){.detail-page{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.bottom-nav{height:calc(64px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:50;padding:0 16px env(safe-area-inset-bottom);background:#05070ad9;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:10px;font-weight:600;transition:color .2s;display:flex}.bottom-nav-item.active{color:var(--cyan)}.bottom-nav-item.active-amber{color:var(--amber)}