.inventory-page{padding:20px 0}.inventory-page .container{max-width:1400px;margin:0 auto;padding:0 15px}.inventory-profile-card{background:linear-gradient(145deg,#2d2d2d,#242424);border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;border:1px solid #3a3a3a;box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.04)}.profile-left{display:flex;align-items:center;gap:20px}.profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover}.profile-info{display:flex;flex-direction:column;gap:6px}.profile-username{color:#fff;font-size:24px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.extension-status{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.extension-status-dot{width:8px;height:8px;border-radius:50%}.extension-status-online{color:#c9f6d0;background:rgba(46,204,113,.15);border:1px solid rgba(46,204,113,.4)}.extension-status-online .extension-status-dot{background:#2ecc71;box-shadow:0 0 8px rgba(46,204,113,.8)}.extension-status-offline{color:#b8bcc2;background:rgba(140,148,158,.15);border:1px solid rgba(140,148,158,.35)}.extension-status-offline .extension-status-dot{background:#9aa0a6;box-shadow:0 0 6px rgba(154,160,166,.6)}.donator-star{font-size:18px}.donator-star.tier-1{color:#e74c3c}.donator-star.tier-2{color:#2ecc71}.donator-star.tier-3{color:#3498db}.profile-steamid{color:#888;font-size:13px;font-family:monospace}.profile-stats{display:flex;gap:16px}.profile-stats .stat{color:#999;font-size:13px}.profile-right{display:flex;gap:10px}.steam-profile-btn{display:inline-flex;align-items:center;gap:8px;background:#171a21;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-size:14px;transition:background .15s}.steam-profile-btn:hover{background:#1b2838;color:#fff}.friends-block{background:linear-gradient(145deg,#2d2d2d,#242424);border-radius:12px;padding:20px 24px;margin-bottom:20px;border:1px solid #3a3a3a}.friends-header{display:flex;align-items:center;gap:10px;color:#888;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.friends-header i{color:#5E97D8}.friends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.friend-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.friend-card:hover{background:rgba(255,255,255,.06);border-color:rgba(94,151,216,.3);transform:translateY(-2px)}.friend-avatar{flex-shrink:0}.friend-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}.friend-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:#3a3a3a;display:flex;align-items:center;justify-content:center;color:#666;font-size:18px}.friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-name{color:#e8e8e8;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-value{color:#5cb85c;font-size:16px;font-weight:700}.friend-items{color:#888;font-size:12px}.friend-arrow{color:#555;font-size:12px;transition:color .2s ease}.friend-card:hover .friend-arrow{color:#5E97D8}@media (max-width:992px){.friends-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.friends-grid{grid-template-columns:1fr}}.inventory-value-card{background:linear-gradient(145deg,#2d2d2d,#242424);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:16px;margin-bottom:16px;border:1px solid #3a3a3a;box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.04)}.value-top-row{display:flex;justify-content:space-between;align-items:center}.value-items{display:flex;gap:16px}.value-item{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);padding:14px 22px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.value-item.primary{background:linear-gradient(135deg,rgba(92,184,92,.15),rgba(92,184,92,.05));border-color:rgba(92,184,92,.3)}.value-item img{height:28px;width:auto}.value-details{display:flex;flex-direction:column;gap:2px}.value-label{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.value-amount{color:#5cb85c;font-size:28px;font-weight:700;text-shadow:0 0 20px rgba(92,184,92,.3);letter-spacing:-.5px;line-height:1.1}.value-item-link{text-decoration:none;cursor:pointer;transition:all .2s ease}.value-item-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.3)}.value-item.csmoney{background:linear-gradient(135deg,rgba(255,168,0,.15),rgba(255,168,0,.08));border-color:rgba(255,168,0,.3)}.value-item.csmoney:hover{border-color:rgba(255,168,0,.5);background:linear-gradient(135deg,rgba(255,168,0,.22),rgba(255,168,0,.12))}.csmoney-amount{color:#ffa800;text-shadow:0 0 20px rgba(255,168,0,.3)}.value-item.csgom{background:linear-gradient(135deg,rgba(0,168,255,.15),rgba(0,168,255,.08));border-color:rgba(0,168,255,.3)}.csgom-amount{color:#00a8ff;text-shadow:0 0 20px rgba(0,168,255,.3)}.value-actions{gap:8px}.value-actions,.value-meta{display:flex;align-items:center}.value-meta{gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.item-count{color:#ccc;font-size:14px;font-weight:500}.last-updated{color:#666;font-size:13px}.share-btn{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#aaa;padding:8px 14px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s}.share-btn:hover{background:rgba(255,255,255,.12);color:#fff}.share-btn.copied{color:#5cb85c;border-color:rgba(92,184,92,.3)}.refresh-btn{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#ccc;padding:8px 14px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s}.refresh-btn:hover:not(:disabled){background:rgba(255,255,255,.15);color:#fff}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn i{font-size:12px}.inventory-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;background:linear-gradient(145deg,#2d2d2d,#272727);border:1px solid #3a3a3a;border-radius:10px;padding:12px 16px}.column-selector{display:flex;gap:4px;background:#2a2a2a;padding:4px;border-radius:6px}.col-btn{background:transparent;border:none;color:#888;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.col-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.col-btn.active{background:#5E97D8;color:#fff}.inventory-search{position:relative;display:flex;align-items:center}.inventory-search>i{position:absolute;left:14px;color:#888;font-size:14px}.inventory-search .search-input{width:100%;max-width:400px;background:#242424;border:1px solid #3a3a3a;border-radius:6px;color:#fff;padding:10px 40px;font-size:13px;outline:none;transition:all .15s}.inventory-search .search-input:focus{border-color:#5E97D8;background:#404040}.inventory-search .search-input::placeholder{color:#888}.search-clear{position:absolute;right:10px;background:none;border:none;color:#888;cursor:pointer;padding:4px;font-size:12px}.search-clear:hover{color:#fff}.filter-results{color:#888;font-size:13px;margin-bottom:12px}.inventory-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#3a3a3a;border:none;color:#ccc;padding:8px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s}.filter-btn:hover{background:#444;color:#fff}.filter-btn.active{background:#5E97D8;color:#fff}.inventory-grid{display:grid;gap:16px}.inventory-grid.cols-4{grid-template-columns:repeat(4,1fr)}.inventory-grid.cols-5{grid-template-columns:repeat(5,1fr)}.inventory-grid.cols-6{grid-template-columns:repeat(6,1fr)}@media (max-width:1200px){.inventory-grid.cols-6{grid-template-columns:repeat(5,1fr)}}@media (max-width:992px){.inventory-grid.cols-5,.inventory-grid.cols-6{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.inventory-grid.cols-4,.inventory-grid.cols-5,.inventory-grid.cols-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:576px){.inventory-grid.cols-4,.inventory-grid.cols-5,.inventory-grid.cols-6{grid-template-columns:repeat(2,1fr)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.inventory-item{background:linear-gradient(145deg,#2d2d2d,#252525);border-radius:12px;padding:12px;display:flex;flex-direction:column;position:relative;min-height:auto;border:1px solid #3a3a3a;border-top:3px solid var(--quality-color,#3a3a3a);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden;animation:fadeSlideUp .35s ease-out both}.inventory-item:hover{transform:translateY(-3px);border-color:#4a4a4a;border-top-color:var(--quality-color,#4a4a4a);box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 12px rgba(var(--quality-color-rgb,94,151,216),.15)}.item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.item-name{color:#e8e8e8;font-size:13px;font-weight:500;text-decoration:none;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}.item-name:hover{color:#5E97D8}.inspect-btn{color:#666;font-size:13px;text-decoration:none;padding:4px;border-radius:4px;transition:all .15s}.inspect-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.item-tags{display:flex;align-items:center;gap:5px;margin-bottom:6px;flex-wrap:wrap}.tag{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.tag-exterior{background:rgba(255,255,255,.1);color:#aaa}.tag-phase{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:9px;letter-spacing:.4px}.tag-phase-ruby{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 2px 8px rgba(231,76,60,.3)}.tag-phase-sapphire{background:linear-gradient(135deg,#2980b9,#1a5276);box-shadow:0 2px 8px rgba(41,128,185,.3)}.tag-phase-black-pearl{background:linear-gradient(135deg,#2c2c54,#474787);box-shadow:0 2px 8px rgba(71,71,135,.3)}.tag-phase-emerald{background:linear-gradient(135deg,#27ae60,#1e8449);box-shadow:0 2px 8px rgba(39,174,96,.3)}.tag-phase-phase-1{background:linear-gradient(135deg,#4a4a8a,#6a5acd)}.tag-phase-phase-2{background:linear-gradient(135deg,#2e8b57,#3cb371)}.tag-phase-phase-3{background:linear-gradient(135deg,#1a6b8a,#20b2aa)}.tag-phase-phase-4{background:linear-gradient(135deg,#2c3e50,#4a6fa5)}.tag-phase-gamma-p1{background:linear-gradient(135deg,#1a8a2e,#2ecc71);box-shadow:0 2px 8px rgba(46,204,113,.25)}.tag-phase-gamma-p2{background:linear-gradient(135deg,#0d7a3e,#27ae60);box-shadow:0 2px 8px rgba(39,174,96,.25)}.tag-phase-gamma-p3{background:linear-gradient(135deg,#0a6b35,#1e8449);box-shadow:0 2px 8px rgba(30,132,73,.25)}.tag-phase-gamma-p4{background:linear-gradient(135deg,#065c2c,#196f3d);box-shadow:0 2px 8px rgba(25,111,61,.25)}.tag-quality{margin-left:auto;padding:3px 10px;border-radius:20px;color:#fff;font-weight:600;text-transform:none;font-size:9px}.tag-stattrak{background:linear-gradient(135deg,#cf6a32,#e07b40);color:#fff;box-shadow:0 2px 8px rgba(207,106,50,.3)}.tag-souvenir{background:linear-gradient(135deg,#ffb800,#ffc933);color:#1a1a1a;box-shadow:0 2px 8px rgba(255,184,0,.3)}.tag-untradable{background:rgba(231,76,60,.12);color:#e74c3c;border:1px solid rgba(231,76,60,.25);font-size:9px}.item-image-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:110px;padding:10px;background:rgba(0,0,0,.15);border-radius:8px;margin-bottom:6px;border:1px solid rgba(255,255,255,.03);position:relative;overflow:hidden}.item-image-container:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,var(--quality-color,transparent) 0,transparent 70%);opacity:.12;pointer-events:none;transition:opacity .3s ease}.inventory-item:hover .item-image-container:before{opacity:.22}.item-image{max-width:100%;max-height:110px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .2s ease;position:relative;z-index:1}.inventory-item:hover .item-image{transform:scale(1.05)}.item-stickers{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px}.sticker-images{display:flex;gap:2px;justify-content:center;width:100%}.sticker-slot{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;flex:1;max-width:56px}.sticker-img{width:28px;height:28px;object-fit:contain;background:rgba(255,255,255,.05);border-radius:4px;padding:2px;cursor:help}.sticker-placeholder{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.2);font-size:12px}.sticker-name{font-size:8px;color:rgba(255,255,255,.45);text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticker-price{font-size:9px;color:#b0c3d9;font-weight:500}.sticker-total{font-size:10px;color:#e4ae39;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:4px}.sticker-total i{font-size:8px}.item-price{text-align:center;padding:8px 0;margin-top:auto;border-top:1px solid rgba(255,255,255,.05)}.item-float-range{display:flex;justify-content:center;gap:6px;padding:4px 0;font-size:11px}.float-label{color:#666}.float-values{color:#999;font-family:monospace}.item-prices{display:flex;flex-direction:column;gap:3px;padding:8px 0 0;margin-top:auto;border-top:1px solid rgba(255,255,255,.06)}.price-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:4px;text-decoration:none;transition:background .15s}.price-row.sa{background:rgba(92,184,92,.1)}.price-row.sa:hover{background:rgba(92,184,92,.2)}.price-row.buff{background:rgba(255,107,0,.1)}.price-row.no-price{justify-content:center}.price-source{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.price-row.sa .price-source{color:#5cb85c}.price-row.csmoney .price-source{color:#ffa800}.price-row.csgom .price-source{color:#00a8ff}.price-value{font-size:14px;font-weight:700}.price-row.sa .price-value{color:#5cb85c}.price-row.csmoney .price-value{color:#ffa800}.price-row.csgom .price-value{color:#00a8ff}.price-row.no-price .price-value{color:#555}.price-trend{font-size:10px;font-weight:600;margin-left:auto;padding-left:4px}.price-trend.trend-up{color:#5cb85c}.price-trend.trend-down{color:#e74c3c}.get-float-btn{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border:1px solid #4a4a4a;color:#aaa;padding:6px 12px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .15s;margin-top:8px;width:100%}.get-float-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a4a4a,#3a3a3a);border-color:#5E97D8;color:#fff}.get-float-btn:disabled{opacity:.6;cursor:not-allowed}.item-float{margin-top:8px}.item-float .float-value{text-align:center;font-size:11px;color:#5E97D8;font-weight:600;margin-bottom:4px;font-family:monospace}.item-wear{margin-top:8px}.wear-value{text-align:center;font-size:10px;color:#888;margin-bottom:4px}.wear-bar{height:5px;display:flex;position:relative;border-radius:2px;overflow:hidden}.wear-indicator{position:absolute;top:-6px;transform:translateX(-50%);color:#fff;font-size:8px}.wear-indicator:before{content:"▼"}.wear-segment{height:100%}.wear-segment.fn{background:#008000}.wear-segment.mw{background:#5cb85c}.wear-segment.ft{background:#f0ad4e}.wear-segment.ww{background:#d9534f}.wear-segment.bs{background:#993a38}.inventory-error{background:linear-gradient(145deg,#3a2a2a,#2a2020);border:1px solid #5a3a3a;border-radius:8px;padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.inventory-error i{font-size:48px;color:#e74c3c}.inventory-error h2{color:#fff;font-size:20px;font-weight:600;margin:0}.inventory-error .error-message{color:#e74c3c;font-size:14px;margin:0}.inventory-error .privacy-hint{color:#888;font-size:13px;margin:0}.retry-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;color:#fff;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.retry-btn:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px)}.retry-btn:disabled{opacity:.6;cursor:not-allowed}.inventory-empty{background:linear-gradient(145deg,#2d2d2d,#242424);border:1px solid #3a3a3a;border-radius:12px;padding:60px 20px;text-align:center}.inventory-empty i{font-size:48px;color:#444;margin-bottom:16px}.inventory-empty p{color:#888;font-size:16px;margin:0}.inventory-empty .privacy-note{color:#666;font-size:14px;margin-top:8px}@media (max-width:768px){.inventory-profile-card{flex-direction:column;text-align:center}.profile-left{flex-direction:column}.profile-stats{justify-content:center;flex-wrap:wrap}.profile-right{width:100%;justify-content:center}.inventory-value-card{padding:16px}.value-top-row{flex-direction:column;gap:12px}.value-items{flex-wrap:wrap;width:100%}.value-item{flex:1;min-width:140px}.value-amount{font-size:22px}.value-meta{flex-wrap:wrap;gap:8px}.value-actions{width:100%;justify-content:flex-start}.inventory-controls{flex-direction:column;align-items:stretch}.inventory-search{width:100%}.inventory-search .search-input{max-width:100%}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.profile-avatar{width:80px;height:80px}.profile-username{font-size:20px}}.inventory-loading{background:linear-gradient(145deg,#2d2d2d,#242424);border:1px solid #3a3a3a;border-radius:12px;padding:80px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:48px;height:48px;border:3px solid #3a3a3a;border-top-color:#5e97d8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.inventory-loading h2{color:#fff;font-size:20px;font-weight:600;margin:0}.loading-status{color:#5E97D8;font-size:14px;margin:0}.loading-progress{width:100%;max-width:300px}.progress-bar{height:6px;background:#3a3a3a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#5E97D8,#7AB8FF);border-radius:3px;transition:width .3s ease}.loading-hint{color:#666;font-size:13px;margin:0}.inventory-login-required{text-align:center;padding:80px 20px;background:linear-gradient(145deg,#2d2d2d,#242424);border-radius:12px;border:1px solid #3a3a3a}.inventory-login-required i{font-size:64px;color:#5E97D8;margin-bottom:24px}.inventory-login-required h2{color:#fff;font-size:28px;margin:0 0 12px}.inventory-login-required p{color:#999;font-size:16px;margin:0 0 24px}.login-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(145deg,#1b2838,#171a21);color:#fff;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:500;text-decoration:none;border:1px solid #2a475e;transition:all .2s ease;cursor:pointer}.login-btn:hover{background:linear-gradient(145deg,#2a475e,#1b2838);border-color:#66c0f4}.login-btn i{font-size:20px;color:#66c0f4;margin:0}.sort-selector{display:flex;align-items:center;gap:8px}.sort-select{background:#242424;color:#fff;border:1px solid #3a3a3a;border-radius:6px;padding:8px 12px;font-size:13px;cursor:pointer;outline:none;min-width:100px}.sort-select:focus,.sort-select:hover{border-color:#5E97D8}.sort-order-btn{background:#242424;color:#aaa;border:1px solid #3a3a3a;border-radius:6px;padding:8px 12px;font-size:13px;cursor:pointer;transition:all .2s ease}.sort-order-btn:hover{border-color:#5E97D8;color:#5E97D8}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.charts-row>:only-child{grid-column:1/-1}.chart-section-header{display:flex;align-items:center;gap:10px;padding:14px 20px 8px;color:#999;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.chart-section-header i{font-size:12px}.history-timeframes{display:flex;gap:2px;margin-left:auto;background:rgba(0,0,0,.2);border-radius:5px;padding:2px}.tf-btn{background:transparent;border:none;color:#777;padding:3px 10px;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:.3px}.tf-btn:hover{color:#ccc;background:rgba(255,255,255,.06)}.tf-btn.active{background:rgba(92,184,92,.2);color:#5cb85c}.chart-section-header .icon-history{color:#5cb85c}.chart-section-header .icon-breakdown{color:#5E97D8}.value-breakdown{background:linear-gradient(145deg,#2d2d2d,#242424);border:1px solid #3a3a3a;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.04)}.breakdown-content{display:flex;align-items:center;gap:20px;padding:8px 20px 20px}.breakdown-chart{flex-shrink:0;position:relative}.breakdown-legend{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;max-height:220px;overflow-y:auto;padding-right:4px}.breakdown-legend::-webkit-scrollbar{width:4px}.breakdown-legend::-webkit-scrollbar-track{background:transparent}.breakdown-legend::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.legend-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:5px;transition:background .15s}.legend-item:hover{background:rgba(255,255,255,.04)}.legend-color{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px rgba(255,255,255,.08)}.legend-label{flex:1;color:#ccc;overflow:hidden;text-overflow:ellipsis}.legend-label,.legend-value{font-size:12px;white-space:nowrap}.legend-value{color:#fff;font-weight:600}.legend-pct{color:#888;font-size:11px;min-width:32px;text-align:right}@media (max-width:768px){.charts-row{grid-template-columns:1fr}.breakdown-content{flex-direction:column;align-items:stretch}.breakdown-chart{display:flex;justify-content:center}}.batch-float-btn{display:flex;align-items:center;gap:6px;background:rgba(94,151,216,.12);border:1px solid rgba(94,151,216,.3);color:#5E97D8;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.batch-float-btn:hover:not(:disabled){background:rgba(94,151,216,.2);border-color:#5E97D8;color:#fff}.batch-float-btn:disabled{opacity:.6;cursor:not-allowed}.batch-float-btn i{font-size:11px}.batch-float-progress{display:flex;align-items:center;gap:10px;padding:7px 14px;background:rgba(94,151,216,.08);border:1px solid rgba(94,151,216,.2);border-radius:6px;font-size:12px;color:#5E97D8;white-space:nowrap}.batch-float-progress .progress-bar-mini{width:80px;height:4px;background:rgba(94,151,216,.15);border-radius:2px;overflow:hidden}.batch-float-progress .progress-fill-mini{height:100%;background:#5E97D8;border-radius:2px;transition:width .3s ease}.batch-float-cancel{background:none;border:none;color:#888;cursor:pointer;padding:2px 4px;font-size:11px;transition:color .15s}.batch-float-cancel:hover{color:#e74c3c}.value-history{background:linear-gradient(145deg,#2d2d2d,#242424);border:1px solid #3a3a3a;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.04)}.history-chart-container{padding:0 16px 16px}.history-chart{height:260px;border-radius:8px;overflow:hidden;background:#2a2a2a}.history-empty{display:flex;align-items:center;justify-content:center;height:120px;color:#666;font-size:14px;gap:8px}.history-empty i{color:#555}.error-toast{position:fixed;bottom:24px;right:24px;background:rgba(231,76,60,.95);color:#fff;padding:12px 20px;border-radius:8px;font-size:13px;z-index:100;animation:fadeSlideUp .3s ease-out;display:flex;align-items:center;gap:10px;max-width:400px;box-shadow:0 8px 24px rgba(0,0,0,.4)}.error-toast button{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;padding:2px 4px;font-size:14px;flex-shrink:0}.error-toast button:hover{color:#fff}