@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#000;--bg-secondary:#000;--bg-card:#000;--text-primary:#fff;--text-secondary:#8e8e93;--color-green:#00d182;--color-red:#ff3b30;--color-amber:#ff9500;--border:#111;--border-active:#fff;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--heading:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow:none;--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:#00d1821f}to{background-color:#0000}}@keyframes flashRed{0%{background-color:#ff3b301f}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}@media (width>=768px){body{background-color:#000!important}#root{max-width:1440px;box-shadow:none;background-color:#000;border:none;width:100vw;height:100svh;margin:0 auto;position:relative}.toast-container{max-width:400px;left:auto;right:24px;transform:none}.modal-overlay{background:#000000b3}}.app-layout{background:#000;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.app-header{border-bottom:1px solid var(--border);z-index:10;background:#000;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.logo-group{align-items:center;gap:8px;display:flex}.logo-icon{color:var(--color-green)}.logo-text{font-family:var(--heading);letter-spacing:-.5px;color:#fff;margin:0;font-size:18px;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;margin-bottom:2px;font-size:9px}.balance-amount{font-family:var(--heading);color:#fff;font-size:15px;font-weight:700}.app-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:12px 16px 72px;overflow:hidden auto}.tab-bar{-webkit-backdrop-filter:blur(20px);z-index:50;width:100%;height:56px;padding:0 24px;padding-bottom:env(safe-area-inset-bottom,0px);background:#000000f2;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0}.tab-btn{color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:3px;height:100%;font-size:10px;font-weight:500;transition:color .2s,transform .15s;display:flex;position:relative}.tab-btn--active{color:#fff}.tab-btn--active:before{content:"";background:var(--color-green);border-radius:0 0 2px 2px;width:24px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tab-icon{width:20px;height:20px;transition:transform .15s}.tab-btn:active .tab-icon{transform:scale(.85)}.tab-btn:active{transform:scale(.95)}.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{border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:14px 0;transition:background-color .15s;display:flex}.skin-row:hover{background-color:#0c0c0c}.skin-row--selected{border-radius:8px;padding-left:8px;padding-right:8px;background-color:#0c0c0c!important}.skin-info-left{align-items:center;gap:12px;display:flex}.skin-icon-container{background:#111;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.skin-img{object-fit:contain;width:34px;height:34px}.skin-meta{flex-direction:column;display:flex}.skin-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.skin-wear-badge{color:var(--text-secondary);font-size:11px}.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:0 0;border:none;border-radius:0;flex-direction:column;margin-bottom:20px;padding:0;display:flex}.chart-header-tr{flex-direction:column;margin-bottom:16px;display:flex}.chart-title-tr{color:var(--text-secondary);margin:0;font-size:14px;font-weight:500}.chart-price-tr{color:#fff;letter-spacing:-.5px;margin:2px 0;font-size:28px;font-weight:700}.chart-change-tr{font-size:13px;font-weight:600}.chart-body-container{width:100%;height:180px;position:relative;overflow:hidden}.chart-canvas{width:100%;height:100%}.portfolio-summary{border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:12px;padding:10px 0 16px;display:flex}.stat-label-tr{color:var(--text-secondary);font-size:13px;font-weight:500}.stat-value-tr{color:#fff;letter-spacing:-.8px;font-size:32px;font-weight:700}.stat-change-tr{font-size:13px;font-weight:600}.portfolio-marketable-info{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:12px;width:100%;margin-top:6px;padding:8px 12px;display:flex}.marketable-value{color:var(--color-green);font-size:12px;font-weight:600}.non-marketable-count{color:var(--text-secondary);font-size:11px}.not-marketable-dot{background:var(--color-red);border:2px solid #000;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.not-marketable-tag{color:var(--color-red);font-size:10px;font-weight:600}.pnl-positive{color:var(--color-green)}.pnl-negative{color:var(--color-red)}.portfolio-list{flex-direction:column;display:flex}.portfolio-card{justify-content:space-between;align-items:center;display:flex;border:none!important;border-bottom:1px solid var(--border)!important;background:0 0!important;border-radius:0!important;padding:14px 0!important}.qty-label{color:var(--text-secondary);margin-top:2px;font-size:11px}.pnl-badge{border-radius:0;margin-top:4px;padding:0;font-size:12px;font-weight:600;background:0 0!important;border:none!important}.pnl-badge--up{color:var(--color-green)}.pnl-badge--down{color:var(--color-red)}.trade-box{background:#0c0c0c;border:1px solid #1c1c1e;border-radius:16px;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{color:#fff;font-family:var(--sans);background:#1c1c1e;border:none;border-radius:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:600}.trade-input:focus{background:#262629;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)}}.steam-import-card{text-align:center;background:#0c0c0c;border:1px solid #1c1c1e;border-radius:18px;padding:24px 20px}.steam-logo-container{border:1px solid var(--border);width:60px;height:60px;color:var(--color-green);background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.steam-import-card h4{font-family:var(--heading);margin:0 0 8px;font-size:18px;font-weight:700}.steam-import-card p{color:var(--text-secondary);margin:0 0 20px;font-size:12px;line-height:1.5}.steam-input-form{flex-direction:column;gap:12px;display:flex}.steam-input-wrapper{width:100%;position:relative}.steam-input{color:#fff;width:100%;font-family:var(--sans);background:#1c1c1e;border:none;border-radius:10px;padding:12px;font-size:13px;font-weight:500;transition:background-color .2s}.steam-input:focus{background:#262629;outline:none}.steam-import-btn{color:#000;width:100%;font-family:var(--sans);cursor:pointer;background:#fff;border:none;border-radius:10px;padding:12px 0;font-size:14px;font-weight:600;transition:background-color .2s}.steam-import-btn:hover:not(:disabled){background-color:#e5e5e5}.steam-import-btn:disabled{color:#48484a;cursor:not-allowed;background-color:#1c1c1e}.import-help-links{justify-content:space-between;margin-top:14px;display:flex}.import-help-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:11px;text-decoration:underline;transition:color .2s}.import-help-btn:hover{color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#05070ad9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;width:100%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleIn;box-shadow:0 20px 40px #0009}.modal-content h3{font-family:var(--heading);margin:0 0 8px;font-size:18px;font-weight:700}.modal-content p{color:var(--text-secondary);margin:0 0 16px;font-size:12px;line-height:1.5}.manual-json-textarea{border:1px solid var(--border);color:#0f6;resize:none;background:#0000004d;border-radius:10px;width:100%;height:140px;margin-bottom:16px;padding:10px;font-family:monospace;font-size:11px}.manual-json-textarea:focus{border-color:var(--color-green);outline:none}.modal-buttons{gap:12px;display:flex}.modal-buttons button{flex:1}.cancel-btn{border:1px solid var(--border)!important;color:var(--text-secondary)!important;box-shadow:none!important;background:0 0!important}.cancel-btn:hover{color:#fff!important;background:#ffffff0d!important}.alert-box{text-align:left;background:#ff3b301a;border:1px solid #ff3b304d;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.alert-box-content{flex:1}.alert-box-title{color:var(--color-red);margin-bottom:2px;font-size:12px;font-weight:700}.alert-box-desc{color:var(--text-secondary);font-size:11px;line-height:1.4}.alert-box-link{color:var(--color-green);word-break:break-all;margin-top:4px;text-decoration:underline;display:block}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.disconnect-wrapper{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.app-sidebar{display:none}.app-main-wrapper{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.desktop-portfolio-chart,.desktop-portfolio-trade{display:none!important}@media (width>=768px){.app-layout{background:#000;flex-direction:row;width:100vw;height:100vh;display:flex;overflow:hidden}.app-sidebar{border-right:1px solid var(--border);background:#000;flex-direction:column;flex-shrink:0;justify-content:space-between;width:240px;height:100%;padding:32px 24px;display:flex}.sidebar-logo{align-items:center;gap:10px;margin-bottom:40px;display:flex}.sidebar-logo .logo-icon{color:var(--color-green)}.sidebar-logo .logo-text{letter-spacing:-.5px;color:#fff;margin:0;font-size:20px;font-weight:700}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;display:flex}.sidebar-nav-btn{color:var(--text-secondary);font-family:var(--sans);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.sidebar-nav-btn:hover{color:#fff;background:#0c0c0c}.sidebar-nav-btn.active{color:#fff;background:#1c1c1e}.sidebar-footer{border-top:1px solid var(--border);padding-top:24px}.sidebar-balance{flex-direction:column;gap:4px;display:flex}.sidebar-status-tag{color:var(--color-red);font-size:12px;font-weight:600}.app-main-wrapper{flex-grow:1;height:100%;overflow:hidden}.app-header,.tab-bar{display:none!important}.app-content{height:100%;padding:40px 48px;overflow-y:auto}.layout-split{grid-template-columns:1fr 340px;align-items:start;gap:48px;width:100%;max-width:1200px;margin:0 auto;display:grid}.layout-main{flex-direction:column;gap:24px;display:flex}.layout-side{flex-direction:column;gap:24px;display:flex;position:sticky;top:0}.watchlist,.portfolio-list{scrollbar-width:thin;scrollbar-color:#262629 transparent;max-height:calc(100vh - 220px);padding-right:8px;overflow-y:auto}.watchlist::-webkit-scrollbar{width:4px}.portfolio-list::-webkit-scrollbar{width:4px}.watchlist::-webkit-scrollbar-thumb{background-color:#262629;border-radius:4px}.portfolio-list::-webkit-scrollbar-thumb{background-color:#262629;border-radius:4px}.watchlist::-webkit-scrollbar-track{background:0 0}.portfolio-list::-webkit-scrollbar-track{background:0 0}.chart-body-container{height:220px}.chart-price-tr{margin:4px 0;font-size:36px}.chart-change-tr{font-size:14px}.stat-value-tr{font-size:42px}.stat-label-tr,.stat-change-tr{font-size:14px}.skin-name{max-width:280px;font-size:14px}.portfolio-summary{gap:6px;margin-bottom:16px;padding:16px 0 24px}.desktop-portfolio-chart{display:flex!important}.desktop-portfolio-trade{display:block!important}}