@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-primary:#0a0d14;--bg-secondary:#121621b3;--bg-card:#1e243273;--text-primary:#fff;--text-secondary:#94a3b8;--color-green:#0f6;--color-red:#ff3b30;--color-amber:#ffb700;--border:#ffffff14;--border-active:#00ff664d;--sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--heading:"Space Grotesk", sans-serif;--shadow:0 8px 32px 0 #0000005e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;overflow:hidden}#root{box-sizing:border-box;width:100vw;height:100svh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;display:flex;overflow:hidden}*{box-sizing:border-box}@keyframes flashGreen{0%{background-color:#00ff6640}to{background-color:#0000}}@keyframes flashRed{0%{background-color:#ff3b3040}to{background-color:#0000}}.flash-up{animation:.8s ease-out flashGreen}.flash-down{animation:.8s ease-out flashRed}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.app-layout{background:radial-gradient(circle at 100% 0,#00ff6608,#0000 45%),radial-gradient(circle at 0 100%,#a78bfa08,#0000 45%),#07090e;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.app-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10;background:#0a0d14cc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.logo-group{align-items:center;gap:8px;display:flex}.logo-icon{color:var(--color-green);filter:drop-shadow(0 0 8px #00ff6680)}.logo-text{font-family:var(--heading);letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:700}.balance-card{flex-direction:column;align-items:flex-end;display:flex}.balance-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-size:11px}.balance-amount{font-family:var(--heading);color:var(--color-green);text-shadow:0 0 8px #00ff6626;font-size:18px;font-weight:700}.app-content{flex-grow:1;padding:16px 16px 90px;overflow-y:auto}.tab-bar{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);width:calc(100% - 32px);max-width:500px;height:64px;box-shadow:var(--shadow);z-index:10;background:#121621d9;border-radius:20px;justify-content:space-around;align-items:center;padding:0 8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.tab-btn{color:var(--text-secondary);font-size:10px;font-family:var(--sans);cursor:pointer;background:0 0;border:none;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:4px;height:100%;font-weight:600;transition:all .2s;display:flex}.tab-btn--active{color:var(--color-green);filter:drop-shadow(0 0 6px #0f63)}.tab-icon{width:20px;height:20px;transition:transform .2s}.tab-btn:active .tab-icon{transform:scale(.9)}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{font-family:var(--heading);margin:0;font-size:20px;font-weight:700}.watchlist{flex-direction:column;gap:10px;display:flex}.skin-row{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.skin-row--selected{border-color:var(--border-active);background:#00ff6605}.skin-info-left{align-items:center;gap:12px;display:flex}.skin-icon-container{border:1px solid var(--border);background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.skin-img{object-fit:contain;width:38px;height:38px}.skin-meta{flex-direction:column;display:flex}.skin-name{margin-bottom:2px;font-size:14px;font-weight:600}.skin-wear-badge{color:var(--text-secondary);font-family:monospace;font-size:10px}.skin-info-right{flex-direction:column;align-items:flex-end;display:flex}.skin-price{font-family:var(--heading);margin-bottom:3px;font-size:15px;font-weight:700;transition:color .15s ease-out}.skin-change{align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.price-up{color:var(--color-green)}.price-down{color:var(--color-red)}.chart-card{background:var(--bg-secondary);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;margin-bottom:16px;padding:16px;display:flex}.chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.chart-title-group{flex-direction:column;display:flex}.chart-title{font-family:var(--heading);margin:0 0 2px;font-size:18px;font-weight:700}.chart-sub{color:var(--text-secondary);font-size:11px}.chart-price-group{flex-direction:column;align-items:flex-end;display:flex}.chart-price{font-family:var(--heading);font-size:20px;font-weight:700}.chart-body-container{border-radius:10px;width:100%;height:220px;position:relative;overflow:hidden}.portfolio-summary{border:1px solid var(--border);background:linear-gradient(135deg,#1e243299 0%,#12162199 100%);border-radius:18px;justify-content:space-between;margin-bottom:18px;padding:18px;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-size:11px}.stat-value{font-family:var(--heading);font-size:18px;font-weight:700}.pnl-positive{color:var(--color-green)}.pnl-negative{color:var(--color-red)}.portfolio-list{flex-direction:column;gap:10px;display:flex}.portfolio-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.qty-label{color:var(--text-secondary);margin-top:2px;font-size:11px}.pnl-badge{border-radius:6px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700}.pnl-badge--up{color:var(--color-green);background:#00ff661a;border:1px solid #0f63}.pnl-badge--down{color:var(--color-red);background:#ff3b301a;border:1px solid #ff3b3033}.trade-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:18px;margin-top:16px;padding:16px}.trade-inputs{gap:12px;margin-bottom:12px;display:flex}.trade-input-group{flex-direction:column;flex-grow:1;gap:6px;display:flex}.trade-input-group label{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.trade-input{border:1px solid var(--border);color:#fff;font-family:var(--sans);background:#00000040;border-radius:8px;width:100%;padding:8px 12px;font-size:14px;font-weight:600}.trade-input:focus{border-color:var(--color-green);outline:none}.trade-buttons{gap:12px;display:flex}.trade-btn{font-family:var(--sans);cursor:pointer;border:none;border-radius:10px;flex-grow:1;padding:10px 0;font-size:14px;font-weight:700;transition:all .2s}.trade-btn--buy{background:var(--color-green);color:#000;box-shadow:0 4px 14px #0f63}.trade-btn--buy:hover{box-shadow:0 6px 18px #00ff6659}.trade-btn--sell{background:var(--color-red);color:#fff;box-shadow:0 4px 14px #ff3b3033}.trade-btn--sell:hover{box-shadow:0 6px 18px #ff3b3059}.trade-btn:disabled{color:#64748b;box-shadow:none;cursor:not-allowed;background:#334155}.alerts-list{flex-direction:column;gap:10px;display:flex}.alert-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.alert-details{align-items:center;gap:12px;display:flex}.alert-condition{font-size:13px;font-weight:600}.alert-trigger-price{font-family:var(--heading);color:var(--color-amber);font-weight:700}.alert-delete-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.alert-delete-btn:hover{color:var(--color-red);background:#ff3b301a}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:13px}.toast-container{z-index:100;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:400px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--color-amber);-webkit-backdrop-filter:blur(12px);background:#ffb7001a;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideDownToast;display:flex;box-shadow:0 10px 30px #00000080}.toast-icon{color:var(--color-amber);animation:1.5s ease-in-out infinite pulseBell}.toast-content{flex-grow:1}.toast-title{margin-bottom:2px;font-size:13px;font-weight:700}.toast-msg{color:var(--text-secondary);font-size:11px}@keyframes slideDownToast{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBell{0%,to{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(0)}}