@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark:#0b0e14;--bg-card:#16171d;--bg-hover:#1f2229;--text-main:#fff;--text-muted:#a0a0a0;--accent-gold:#ffb300;--accent-rs3:#38bdf8;--border-subtle:#2a2d36;--profit-positive:#10b981;--profit-negative:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow:hidden}.dashboard{flex-direction:column;height:100vh;display:flex}.header{background-color:var(--bg-dark);flex-direction:column;gap:10px;padding:12px 20px 8px;display:flex}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.header-brand-group{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.header-content{flex-direction:column;display:flex}.title-row{align-items:center;gap:10px;display:flex}.header-content h1{letter-spacing:-.4px;color:var(--accent-gold);font-size:20px;font-weight:700}.game-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:700}.game-tag.osrs{color:var(--accent-gold);background:#ffb30026;border:1px solid #ffb3004d}.game-tag.rs3{color:var(--accent-rs3);background:#38bdf826;border:1px solid #38bdf84d}.subtitle{color:var(--text-muted);margin-top:1px;font-size:12px}.game-switcher{border:1px solid var(--border-subtle);background:#12151b;border-radius:8px;gap:3px;padding:3px;display:flex}.game-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.game-btn:hover{color:var(--text-main);background:#ffffff0d}.game-btn.active-osrs{color:var(--accent-gold);background:#ffb3002e;border:1px solid #ffb30066;box-shadow:0 2px 8px #ffb30026}.game-btn.active-rs3{color:var(--accent-rs3);background:#38bdf82e;border:1px solid #38bdf866;box-shadow:0 2px 8px #38bdf826}.game-btn-icon{font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.search-bar{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;align-items:center;width:220px;padding:5px 10px;transition:border-color .2s;display:flex}.search-bar:focus-within{border-color:var(--accent-gold)}.search-icon{color:var(--text-muted);flex-shrink:0;margin-right:8px}.search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:12.5px}.search-bar input::placeholder{color:var(--text-muted)}.filter-group{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;align-items:center;gap:10px;padding:4px 10px;display:flex}.toggle-label{cursor:pointer;color:var(--text-main);-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.toggle-label input[type=checkbox]{cursor:pointer;accent-color:var(--accent-gold)}.sparkle-icon{color:var(--accent-gold)}.refresh-btn{background-color:var(--accent-gold);border:1px solid var(--accent-gold);color:#0b0e14;cursor:pointer;letter-spacing:.4px;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #ffb3002e}.refresh-btn:hover:not(:disabled){background-color:#ffc400;box-shadow:0 3px 10px #ffb3004d}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim{animation:1s linear infinite spin}.tab-navigation{border-bottom:1px solid var(--border-subtle);align-items:center;gap:1.2rem;margin-top:2px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.35rem .4rem .5rem;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--accent-gold);border-bottom:2px solid var(--accent-gold)}.result-counter{color:var(--text-muted);align-items:center;gap:5px;margin-left:auto;font-size:11.5px;display:flex}.main-content{flex:1;padding:8px 20px 14px;overflow:hidden}.table-container{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000004d}.table-header{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#00000059;padding:8px 16px;font-size:11.5px;font-weight:600;display:flex}.table-body{flex:1;overflow:hidden}.table-row{border-bottom:1px solid #ffffff0a;align-items:center;min-height:44px;padding:5px 16px;transition:background-color .1s;display:flex}.table-row:hover{background-color:var(--bg-hover)}.col-item{flex:2.2;align-items:center;gap:12px;display:flex;overflow:hidden}.col-item.recipe-col{flex:2.4}.interactive-item{cursor:pointer;transition:opacity .15s,transform .15s}.interactive-item:hover{opacity:.95}.col-num{text-align:center;font-variant-numeric:tabular-nums;flex:1.1;font-size:14px}.col-num.dual-val{letter-spacing:-.2px;justify-content:center;align-items:center;gap:3px;font-size:13px;display:flex}.dual-sep{color:var(--text-muted);opacity:.45;margin:0 1px;font-size:12px}.gp-unit{color:var(--text-muted);opacity:.8;margin-left:2px;font-size:11px}.col-num.price-combined-col{color:var(--text-main);flex:1.4;font-weight:500}.col-num.volume-col{color:var(--text-muted);flex:.9;font-size:13px}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;transition:color .15s;display:flex}.sortable:hover{color:var(--text-main)}.col-num.sortable{justify-content:center}.col-header-wrap{flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.15;display:flex}.col-header-top{align-items:center;gap:5px;font-weight:700;display:inline-flex}.col-header-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;opacity:.7;font-size:9.5px;font-weight:500}.col-item img{object-fit:contain;flex-shrink:0;width:24px;height:24px;transition:transform .15s}.col-item:hover img{transform:scale(1.1)}.item-name-box{flex-direction:column;justify-content:center;display:flex;overflow:hidden}.item-title-row{align-items:center;gap:6px;display:flex}.item-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.ext-link-icon{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .15s,color .15s}.interactive-item:hover .ext-link-icon{opacity:.8;color:var(--accent-gold)}.interactive-item:hover .item-title{color:var(--accent-gold);text-underline-offset:2px;text-decoration:underline}.crown-badge-wrap{align-items:center;display:inline-flex}.crown-badge{color:gold;flex-shrink:0}.item-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.8;font-size:12px;overflow:hidden}.recipe-inputs{color:#9ca3af;margin-top:2px;font-size:12px}.profit-positive{font-weight:600;color:var(--profit-positive)!important}.profit-negative{color:var(--profit-negative)!important}.loading-state,.empty-state{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-gold);border-radius:50%;width:44px;height:44px;margin-bottom:20px;animation:.9s linear infinite spin}.item-stats-tooltip{z-index:9999;pointer-events:none;width:350px;max-width:90vw;color:var(--text-main);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14171f;border:1px solid #ffb30066;border-radius:10px;padding:16px;font-size:12px;animation:.15s cubic-bezier(.16,1,.3,1) tooltipFadeIn;position:fixed;box-shadow:0 12px 36px #000c,0 0 15px #ffb3001f}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tooltip-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding-bottom:10px;display:flex}.tooltip-img{object-fit:contain;border:1px solid var(--border-subtle);background:#0006;border-radius:8px;flex-shrink:0;width:36px;height:36px;padding:4px}.tooltip-title-box{flex-direction:column;gap:4px;display:flex;overflow:hidden}.tooltip-item-title{color:var(--accent-gold);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.tooltip-tags{flex-wrap:wrap;gap:6px;display:flex}.tooltip-tags .tag{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.tooltip-tags .tag.p2p{color:var(--accent-gold);background:#ffb30026;border:1px solid #ffb3004d}.tooltip-tags .tag.f2p{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.tooltip-tags .tag.id{color:var(--text-muted);background:#ffffff0d}.tooltip-tags .tag.slot{color:var(--accent-rs3);background:#38bdf826;border:1px solid #38bdf84d}.tooltip-examine{border-left:2px solid var(--accent-gold);color:#cbd5e1;background:#00000040;border-radius:0 6px 6px 0;align-items:flex-start;gap:6px;margin:10px 0;padding:8px 10px;font-size:12px;font-style:italic;line-height:1.4;display:flex}.examine-icon{color:var(--accent-gold);flex-shrink:0;margin-top:2px}.tooltip-section{border-top:1px solid #ffffff0f;margin-top:10px;padding-top:8px}.tooltip-section-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.section-icon.gold{color:var(--accent-gold)}.section-icon.red{color:#f87171}.section-icon.blue{color:#60a5fa}.crafting-skills-list{flex-direction:column;gap:4px;display:flex}.craft-skill-badge{background:#ffb30014;border:1px solid #ffb30033;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 10px;font-size:12px;display:flex}.craft-skill-name{color:var(--text-main);font-weight:600}.craft-skill-lvl{color:var(--accent-gold);font-weight:700}.craft-skill-xp{color:var(--text-muted);font-size:11px}.ingredients-breakdown-section{background:#00000040;border:1px solid #ffb30026;border-radius:6px;padding:8px 10px}.ingredients-tooltip-list{flex-direction:column;gap:5px;display:flex}.ingredient-tooltip-row{justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.ingredient-info{align-items:center;gap:6px;display:flex;overflow:hidden}.ingredient-img{object-fit:contain;flex-shrink:0;width:18px;height:18px}.ingredient-qty-name{color:#e4e4e7;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ingredient-price-dual{font-variant-numeric:tabular-nums;color:#fef08a;flex-shrink:0;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.ingredient-price-dual .price-sep{color:#71717a;opacity:.6}.ingredient-price-dual .price-unit{color:#a1a1aa;margin-left:2px;font-size:10px}.tooltip-stats-grid{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.stat-pill{background:#ffffff08;border-radius:5px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:11.5px;display:flex}.stat-name{color:var(--text-muted)}.stat-val{color:var(--text-main);font-variant-numeric:tabular-nums;font-weight:600}.combat-section{margin-top:12px}.defence-header{margin-top:10px}.combat-stats-table{background:#0003;border-radius:6px;flex-direction:column;gap:4px;padding:8px;display:flex}.combat-stat-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding-bottom:3px;font-size:11px;display:flex}.combat-stat-row:last-child{border-bottom:none;padding-bottom:0}.combat-stat-label{color:var(--text-muted)}.combat-stat-val{color:var(--text-main);font-weight:600}.combat-stat-val.green{color:#34d399}.combat-stat-val.purple{color:#c084fc}.combat-stat-val.cyan{color:#38bdf8}.requirements-box{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:6px;margin-top:8px;padding:6px 8px;font-size:11px}.req-title{font-weight:700}.graph-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;background-color:#000000c7;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.graph-modal-card{width:920px;max-width:96vw;max-height:94vh;color:var(--text-main);background:#191b22;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;padding:20px 24px;font-family:inherit;display:flex;overflow-y:auto;box-shadow:0 24px 60px #000000e6,0 0 30px #00000080}.graph-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.item-intro-group{align-items:center;gap:14px;display:flex}.modal-item-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0009);width:38px;height:38px}.modal-title-row{align-items:center;gap:8px;display:flex}.modal-item-title{color:#fff;letter-spacing:-.3px;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-size:22px;font-weight:700}.modal-examine{color:#9ca3af;margin-top:1px;font-size:13px;font-style:italic}.modal-top-actions{align-items:center;gap:8px;display:flex}.wiki-btn{color:#1c1917;background:#fde68a;border-radius:5px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.wiki-btn:hover{background:#fef08a;transform:translateY(-1px)}.close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.close-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d}.wiki-stats-box{background:#13141a;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:1.15fr 1.3fr 1.35fr;gap:24px;margin-bottom:16px;padding:16px 20px;display:grid}@media (width<=768px){.wiki-stats-box{grid-template-columns:1fr;gap:16px}}.wiki-stat-col{flex-direction:column;justify-content:center;display:flex}.prices-col{border-right:1px solid #ffffff0f;gap:12px;padding-right:16px}@media (width<=768px){.prices-col{border-bottom:1px solid #ffffff0f;border-right:none;padding-bottom:12px}}.price-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.price-label-group{flex-direction:column;gap:1px;display:flex}.price-title{color:#e4e4e7;letter-spacing:.4px;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.price-ago{color:#71717a;margin-left:14px;font-size:11px}.price-big-val{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:24px;font-weight:800}.buy-dot{color:#10b981;font-size:13px}.sell-dot{color:#f97316;font-size:13px}.metrics-col{border-right:1px solid #ffffff0f;gap:6px;padding-right:16px}@media (width<=768px){.metrics-col{border-bottom:1px solid #ffffff0f;border-right:none;padding-bottom:12px}}.attributes-col{gap:6px}.metric-row{justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.metric-label{color:#a1a1aa;letter-spacing:.3px;align-items:center;gap:2px;font-weight:700;display:inline-flex}.help-icon{color:#71717a;cursor:help;vertical-align:super;font-size:9px}.metric-val{font-variant-numeric:tabular-nums;font-weight:700}.metric-val.green{color:#10b981}.metric-val.red{color:#ef4444}.metric-val.white{color:#f4f4f5}.alch-diff{color:#ef4444;font-size:11px;font-weight:600}.p2p-badge-shield{font-size:13px}.f2p-text{color:#a1a1aa;font-size:11px;font-weight:600}.chart-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.chart-legend{align-items:center;gap:14px;display:flex}.legend-item{color:#d4d4d8;align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:inline-flex}.timeframe-buttons{background:#111318;border:1px solid #ffffff14;border-radius:5px;gap:2px;padding:2px;display:flex}.timeframe-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 9px;font-size:11px;font-weight:700;transition:all .15s}.timeframe-btn:hover{color:#fff}.timeframe-btn.active{color:#1c1917;background:#fde68a}.chart-wrapper{background:#111318;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.chart-loading,.chart-empty{color:#a1a1aa;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;display:flex}.svg-container{width:100%;height:100%;position:relative}.price-chart-svg{cursor:crosshair;width:100%;height:320px;display:block}.chart-floating-tooltip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:10;background:#13151cf2;border:1px solid #ffffff26;border-radius:6px;min-width:175px;padding:7px 11px;font-size:11px;transition:left 40ms linear;position:absolute;top:10px;box-shadow:0 8px 24px #000000b3}.tooltip-time{color:#a1a1aa;border-bottom:1px solid #ffffff14;margin-bottom:3px;padding-bottom:3px;font-size:10px;font-weight:500}.tooltip-row{justify-content:space-between;gap:8px;margin-bottom:2px;display:flex}.tooltip-row.green strong{color:#10b981}.tooltip-row.orange strong{color:#f97316}.tooltip-row.vol{color:#a1a1aa;border-top:1px solid #ffffff0f;margin-top:3px;padding-top:3px;font-size:10px}