:root{--color-bg: #030509;--color-surface-base: rgba(10, 16, 30, .65);--color-surface-card: rgba(16, 24, 48, .45);--color-surface-hover: rgba(30, 44, 78, .65);--color-border: rgba(56, 189, 248, .12);--color-border-hover: rgba(255, 183, 3, .45);--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-accent: #ffb703;--color-accent-rgb: 255, 183, 3;--color-accent-hover: #ffc93c;--color-fresh-green: #00ff87;--color-fresh-yellow: #ffb703;--color-fresh-orange: #ff7b00;--color-stale-red: #ff3366;--color-profit: #00ff87;--color-loss: #ff3366;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--shadow-neon-blue: 0 0 20px rgba(56, 189, 248, .15);--shadow-neon-gold: 0 0 20px rgba(255, 183, 3, .25);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;margin:0;padding:0}body{background:radial-gradient(at 0% 0%,rgba(16,24,48,.4) 0px,transparent 50%),radial-gradient(at 50% 0%,rgba(168,85,247,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(56,189,248,.15) 0px,transparent 50%),radial-gradient(at 50% 100%,#0a0f1ef2,#030509);background-color:var(--color-bg);background-attachment:fixed;color:var(--color-text);font-family:var(--font-family);line-height:1.5;display:flex;flex-direction:column;align-items:center;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,.015) 1px,transparent 0),radial-gradient(rgba(255,255,255,.01) 1px,transparent 0);background-size:24px 24px;background-position:0 0,12px 12px;z-index:-2;pointer-events:none}.bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(150px);z-index:-1;opacity:.12;pointer-events:none;animation:pulseGlow 12s ease-in-out infinite alternate}.bg-glow-1{top:-10%;left:-10%;background:radial-gradient(circle,rgba(var(--color-accent-rgb),.6) 0%,transparent 70%)}.bg-glow-2{bottom:10%;right:-10%;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);animation-delay:-6s}@keyframes pulseGlow{0%{transform:scale(1) translate(0);opacity:.08}50%{transform:scale(1.15) translate(30px,-20px);opacity:.15}to{transform:scale(.9) translate(-20px,30px);opacity:.06}}*{scrollbar-width:thin;scrollbar-color:rgba(255,183,3,.2) rgba(3,5,9,.85)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#030509d9}::-webkit-scrollbar-thumb{background:#ffb70333;border:2px solid #030509;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffb70380;box-shadow:0 0 10px #ffb7034d}.app-header{width:100%;background:#080c15b3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(56,189,248,.15);padding:1rem 2rem;position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px #0006,inset 0 -1px #ffffff08}.header-container{max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-area{display:flex;align-items:center;gap:.85rem}.logo-icon{font-size:2.2rem;filter:drop-shadow(0 0 10px rgba(var(--color-accent-rgb),.6));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(3deg)}}.logo-text h1{font-family:var(--font-display);font-size:1.45rem;font-weight:800;color:var(--color-text);line-height:1.1;letter-spacing:.5px;text-shadow:0 0 15px rgba(255,255,255,.1)}.logo-subtitle{font-size:.65rem;font-weight:700;color:var(--color-accent);letter-spacing:2.5px;text-shadow:0 0 8px rgba(255,183,3,.4)}.nav-btn{border-radius:9999px!important;font-family:var(--font-display)!important;text-transform:uppercase!important;font-weight:700!important;letter-spacing:.8px!important;padding:.5rem 1.25rem!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;border:1px solid rgba(255,255,255,.03)!important;box-shadow:0 2px 8px #0003}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffb70340!important;border-color:#ffb70373!important}.nav-btn.active{box-shadow:0 0 15px #ffb70366!important;border-color:#ffb703cc!important;text-shadow:0 0 2px rgba(0,0,0,.3)}.connection-status{display:flex;align-items:center;gap:.6rem;background:#161e2f99;padding:.5rem 1.1rem;border-radius:9999px;border:1px solid rgba(255,255,255,.05);font-size:.85rem;font-weight:600;transition:all .3s ease}.connection-status:hover{border-color:#ffffff26}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.connected{background-color:var(--color-fresh-green);box-shadow:0 0 10px var(--color-fresh-green);animation:pulse 1.8s infinite}.status-dot.disconnected{background-color:var(--color-stale-red);box-shadow:0 0 8px var(--color-stale-red)}@keyframes pulse{0%{transform:scale(1);opacity:1;box-shadow:0 0 4px var(--color-fresh-green)}50%{transform:scale(1.3);opacity:.5;box-shadow:0 0 12px var(--color-fresh-green)}to{transform:scale(1);opacity:1;box-shadow:0 0 4px var(--color-fresh-green)}}.app-main{flex:1;max-width:1300px;width:100%;margin:2rem auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:2.25rem}.glass-card{background:linear-gradient(135deg,#0d142399,#070a11d9);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.75rem;box-shadow:var(--shadow-glass),inset 0 1px 1px #ffffff08;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:#ffb7034d;box-shadow:0 12px 40px #ffb7030d,0 0 25px #38bdf80d,inset 0 1px 2px #ffffff0f;transform:translateY(-2px)}.card-header-styled{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.95rem}.card-header-icon{font-size:1.45rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.card-header-icon.color-red{filter:drop-shadow(0 0 8px rgba(255,51,102,.5))}.card-header-styled h2{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--color-text);letter-spacing:.5px;text-shadow:0 0 10px rgba(255,255,255,.1)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.stat-card{display:flex;align-items:center;gap:1.25rem;padding:1.35rem 1.6rem}.stat-icon{font-size:1.75rem;width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.16,1,.3,1)}.stat-card:hover .stat-icon{background:#ffffff0d;transform:scale(1.1) rotate(5deg)}.icon-gold{color:var(--color-accent);filter:drop-shadow(0 0 8px rgba(var(--color-accent-rgb),.45));border-color:#ffb70340!important}.icon-green{color:var(--color-fresh-green);filter:drop-shadow(0 0 8px rgba(0,255,135,.45));border-color:#00ff8740!important}.icon-blue{color:#38bdf8;filter:drop-shadow(0 0 8px rgba(56,189,248,.45));border-color:#38bdf840!important}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.2px}.stat-content h3{font-family:var(--font-display);font-size:1.85rem;font-weight:800;color:var(--color-text);line-height:1.1;margin-top:.2rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.search-card{display:flex;flex-direction:column;gap:1.75rem}.search-box-container{position:relative;display:flex;flex-direction:column;gap:.6rem}.field-label{font-size:.75rem;font-weight:800;color:var(--color-accent);text-transform:uppercase;letter-spacing:1.2px;text-shadow:0 0 8px rgba(255,183,3,.2)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:1.25rem;font-size:1.15rem;color:var(--color-text-muted);pointer-events:none}.search-box-container input{width:100%;background-color:#06080ed9;border:1px solid rgba(255,255,255,.08);color:var(--color-text);padding:.95rem 1.25rem .95rem 3.1rem;border-radius:12px;font-family:var(--font-family);font-size:.95rem;outline:none;transition:all .3s ease;box-shadow:inset 0 2px 6px #0009}.search-box-container input:focus{border-color:var(--color-accent);box-shadow:inset 0 2px 6px #0009,0 0 15px #ffb70340,0 0 30px #38bdf814}.clear-btn{position:absolute;right:1.25rem;background:transparent;border:none;color:var(--color-text-muted);font-size:1.15rem;cursor:pointer;transition:all .2s ease}.clear-btn:hover{color:var(--color-accent);transform:scale(1.15)}.autocomplete-suggestions{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#0a101cf5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,183,3,.35);border-radius:12px;z-index:100;max-height:280px;overflow-y:auto;box-shadow:0 15px 40px #000000b3,0 0 25px #ffb7031a}.suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.35rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9rem;transition:all .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#1e2c4eb3;padding-left:1.65rem;border-left:3px solid var(--color-accent)}.suggestion-name{font-weight:600;color:var(--color-text)}.suggestion-tier-badge{background:#ffb70326;color:var(--color-accent);font-size:.7rem;font-weight:800;padding:.15rem .5rem;border-radius:5px;border:1px solid rgba(255,183,3,.3)}.suggestion-id{font-size:.75rem;color:var(--color-text-muted)}.filter-controls-row{display:flex;flex-wrap:wrap;gap:1.5rem}.filter-group-chips{display:flex;flex-direction:column;gap:.6rem}.filter-group-full{display:flex;flex-direction:column;gap:.6rem;width:100%}.chips-container{display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:#0d142373;border:1px solid rgba(255,255,255,.08);color:var(--color-text-muted);padding:.55rem 1.15rem;border-radius:10px;font-family:var(--font-family);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.chip:hover{border-color:#fff3;color:var(--color-text);background:#ffffff08;transform:translateY(-2px)}.chip.active{background:#ffb70326!important;border-color:var(--color-accent)!important;color:var(--color-accent)!important;box-shadow:0 0 15px #ffb7034d!important;text-shadow:0 0 4px rgba(255,183,3,.3)}.city-chips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;width:100%}.city-chip{background:#0d142373;border:1px solid rgba(255,255,255,.06);color:var(--color-text-muted);padding:.65rem .95rem;border-radius:10px;font-family:var(--font-family);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.city-chip:hover{border-color:#ffffff2e;color:var(--color-text);transform:translateY(-2px)}.city-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.color-caerleon{background-color:#f1c40f;box-shadow:0 0 6px #f1c40f}.color-lymhurst{background-color:#2ecc71;box-shadow:0 0 6px #2ecc71}.color-bridgewatch{background-color:#e67e22;box-shadow:0 0 6px #e67e22}.color-martlock{background-color:#3498db;box-shadow:0 0 6px #3498db}.color-thetford{background-color:#9b59b6;box-shadow:0 0 6px #9b59b6}.color-fortsterling{background-color:#ecf0f1;box-shadow:0 0 6px #ecf0f1}.color-brecilien{background-color:#1abc9c;box-shadow:0 0 6px #1abc9c}.color-blackmarket{background-color:#7f8c8d;box-shadow:0 0 6px #7f8c8d}.city-chip.active[data-city=Caerleon]{border-color:#f1c40f!important;color:#f1c40f!important;background:#f1c40f1f!important;box-shadow:0 0 15px #f1c40f33}.city-chip.active[data-city=Lymhurst]{border-color:#2ecc71!important;color:#2ecc71!important;background:#2ecc711f!important;box-shadow:0 0 15px #2ecc7133}.city-chip.active[data-city=Bridgewatch]{border-color:#e67e22!important;color:#e67e22!important;background:#e67e221f!important;box-shadow:0 0 15px #e67e2233}.city-chip.active[data-city=Martlock]{border-color:#3498db!important;color:#3498db!important;background:#3498db1f!important;box-shadow:0 0 15px #3498db33}.city-chip.active[data-city=Thetford]{border-color:#9b59b6!important;color:#9b59b6!important;background:#9b59b61f!important;box-shadow:0 0 15px #9b59b633}.city-chip.active[data-city=FortSterling]{border-color:#ecf0f1!important;color:#ecf0f1!important;background:#ecf0f11f!important;box-shadow:0 0 15px #ecf0f133}.city-chip.active[data-city=Brecilien]{border-color:#1abc9c!important;color:#1abc9c!important;background:#1abc9c1f!important;box-shadow:0 0 15px #1abc9c33}.city-chip.active[data-city=BlackMarket]{border-color:#7f8c8d!important;color:#7f8c8d!important;background:#7f8c8d1f!important;box-shadow:0 0 15px #7f8c8d33}.filter-selectors-row{display:flex;flex-wrap:wrap;gap:1.5rem}.select-group{display:flex;flex-direction:column;gap:.6rem;flex:1;min-width:220px}.glass-select{background-color:#06080ecc!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--color-text)!important;padding:.75rem 1.1rem!important;border-radius:10px!important;outline:none;font-family:var(--font-family);font-size:.9rem;cursor:pointer;box-shadow:inset 0 2px 4px #00000080!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.glass-select:focus,.glass-select:hover{border-color:#ffb70380!important;box-shadow:inset 0 2px 4px #00000080,0 0 12px #ffb70326!important}.glass-select option{background-color:#0b0d12;color:var(--color-text);padding:.5rem}.data-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:1.5rem;align-items:stretch}.data-grid>*{min-width:0}.table-card{padding:0;overflow:hidden;display:flex;flex-direction:column;height:1140px}.table-card .card-header-styled{padding:1.5rem 1.5rem .75rem;margin-bottom:0}.table-responsive{flex:1;overflow-y:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,183,3,.2) rgba(255,255,255,.01)}.table-responsive::-webkit-scrollbar,.arbitrage-alerts::-webkit-scrollbar,.stale-grid::-webkit-scrollbar{width:6px;height:6px}.table-responsive::-webkit-scrollbar-track,.arbitrage-alerts::-webkit-scrollbar-track,.stale-grid::-webkit-scrollbar-track{background:#ffffff03;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb,.arbitrage-alerts::-webkit-scrollbar-thumb,.stale-grid::-webkit-scrollbar-thumb{background:#ffb70333;border:1px solid rgba(255,183,3,.1);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover,.arbitrage-alerts::-webkit-scrollbar-thumb:hover,.stale-grid::-webkit-scrollbar-thumb:hover{background:#ffb7038c}.arbitrage-alerts,.stale-grid{scrollbar-width:thin;scrollbar-color:rgba(255,183,3,.2) rgba(255,255,255,.01)}.market-table{width:100%;min-width:850px;border-collapse:separate;border-spacing:0;text-align:left;font-size:.9rem}#upgrades-table,#crafting-table{min-width:950px}.market-table th{background-color:#0c111e;font-family:var(--font-display);font-weight:800;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:1.2px;padding:1rem .75rem;border-bottom:2px solid rgba(255,183,3,.2)}.market-table th:first-child{border-top-left-radius:12px}.market-table th:last-child{border-top-right-radius:12px}.market-table td{padding:.95rem .75rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;transition:background-color .2s ease}.market-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.market-table th.sortable:hover{background-color:#161e31;color:var(--color-text)}.market-table th.sortable.sorted{color:var(--color-text);border-bottom-color:var(--color-accent)}.sort-icon{display:inline-block;margin-left:5px;font-size:.7rem;color:var(--color-accent);vertical-align:middle}.market-table tbody tr{transition:all .2s ease;background:#0d142326}.market-table tbody tr:nth-child(2n){background:#ffffff03}.market-table tbody tr:hover{background-color:#ffb7030a!important}.market-table tbody tr.chart-expand-row:hover{background-color:#0f172a73!important;cursor:default}.market-table tr.empty-row td{text-align:center;color:var(--color-text-muted);padding:3.5rem 1.5rem;font-style:italic;background:transparent}@keyframes flash-update{0%{background-color:#ffb7034d}to{background-color:transparent}}.row-update-flash{animation:flash-update 1.1s cubic-bezier(.25,1,.5,1)}td[style*="cursor: help"]{text-decoration:underline dashed rgba(255,183,3,.35);text-underline-offset:4px;cursor:help!important}td[style*="cursor: help"]:hover{color:var(--color-accent)!important;text-decoration-color:var(--color-accent)}.type-badge{display:inline-block;font-size:.72rem;font-weight:800;padding:.25rem .65rem;border-radius:6px;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 6px #00000026}.type-badge.badge-buy{background-color:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.type-badge.badge-sell{background-color:#00ff8726;color:#00ff87;border:1px solid rgba(0,255,135,.3)}.freshness-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;padding:.25rem .7rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #00000026}.freshness-badge:before{content:"●";font-size:.6rem}.freshness-badge.fresh{background-color:#00ff871f;color:var(--color-fresh-green);border:1px solid rgba(0,255,135,.25);box-shadow:0 0 10px #00ff871a}.freshness-badge.recent{background-color:#ffb7031f;color:var(--color-fresh-yellow);border:1px solid rgba(255,183,3,.25)}.freshness-badge.old{background-color:#ff7b001f;color:var(--color-fresh-orange);border:1px solid rgba(255,123,0,.25)}.freshness-badge.fallback-badge{background-color:#ffffff0d;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.1)}.freshness-badge.fallback-badge:before{content:"☁️";font-size:.75rem;margin-right:.2rem}.table-row-decay{transition:opacity .2s ease,background-color .2s ease}.table-row-decay:hover{opacity:1!important;background-color:#ffffff0a!important}#hostility-explanation{display:flex;align-items:center;justify-content:center}#hostility-explanation:has(strong){display:block;text-align:left}.arbitrage-card{background:linear-gradient(135deg,#0e1420bf,#080c15f2);display:flex;flex-direction:column;height:1140px;overflow:hidden}.arbitrage-card .card-header-styled,.arbitrage-card .arbitrage-city-filters,.arbitrage-card .pagination-container{flex-shrink:0}.arbitrage-alerts{display:flex;flex-direction:column;gap:.85rem;flex:1;max-height:520px;overflow-y:auto;padding-right:.35rem;scrollbar-width:thin;min-height:0}.arbitrage-alerts::-webkit-scrollbar{width:6px}.arbitrage-alerts::-webkit-scrollbar-track{background:#00000026;border-radius:4px}.arbitrage-alerts::-webkit-scrollbar-thumb{background:#ffb70359;border-radius:4px}.arbitrage-alerts::-webkit-scrollbar-thumb:hover{background:#ffb7038c}#hostility-heatmap-container{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:.5rem;width:100%}.hostility-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.35rem .2rem;border-radius:6px;font-size:.65rem;font-weight:600;cursor:help;background:#ffffff05;border:1px solid rgba(255,255,255,.06);color:var(--color-text-muted);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.hostility-cell:hover{transform:scale(1.08);z-index:10;border-color:var(--color-accent)!important;box-shadow:0 0 10px #ffb70326!important}.hostility-cell.active-hour{box-shadow:0 0 8px #00ff8766!important;border:1px solid var(--color-accent)!important}.hostility-cell.risk-muy_seguro{background-color:#10b98126!important;border-color:#10b9814d!important;color:var(--color-fresh-green)!important}.hostility-cell.risk-normal{background-color:#a3e63526!important;border-color:#a3e6354d!important;color:#a3e635!important}.hostility-cell.risk-riesgoso{background-color:#f9731626!important;border-color:#f973164d!important;color:var(--color-fresh-orange)!important}.hostility-cell.risk-peligroso{background-color:#ef444426!important;border-color:#ef44444d!important;color:var(--color-caerleon)!important}.alert-item{display:flex;flex-direction:column;gap:.6rem;flex-shrink:0;background-color:#06080eb3;border-left:4px solid var(--color-accent);padding:1rem 1.25rem;border-radius:0 12px 12px 0;border-top:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);box-shadow:0 4px 15px #00000026;transition:all .3s cubic-bezier(.16,1,.3,1)}.alert-item:hover{transform:translate(4px) translateY(-1px);background-color:#0d1423d9;border-left-color:var(--color-fresh-green);box-shadow:0 8px 24px #00ff871a,0 0 15px #ffb7030d}.alert-info .alert-title{font-weight:700;font-size:.9rem;color:var(--color-text);font-family:var(--font-display);letter-spacing:.3px}.alert-info .alert-route{font-size:.78rem;color:var(--color-text-muted);margin-top:.25rem;line-height:1.4}.alert-profit{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.04);padding-top:.5rem;margin-top:.3rem}.profit-val{color:var(--color-fresh-green)!important;font-weight:800;font-size:.95rem;text-shadow:0 0 10px rgba(0,255,135,.35)}.profit-pct{font-size:.72rem;font-weight:800;background-color:#00ff871f;color:var(--color-fresh-green)!important;padding:.2rem .5rem;border-radius:5px;border:1px solid rgba(0,255,135,.25);box-shadow:0 0 8px #00ff8726}.tab-btn{border-radius:6px!important;font-family:var(--font-display)!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;border:1px solid rgba(255,255,255,.03)!important}.tab-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #ffb70333!important}.tab-btn.active{box-shadow:0 0 12px #ffb7034d!important}.stale-section .stale-card{border-left:4px solid var(--color-stale-red)}.stale-header-info{display:flex;flex-direction:column}.stale-description{font-size:.8rem;color:var(--color-text-muted);margin-top:.25rem}.stale-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;margin-top:.75rem}.stale-item-card{background-color:#06080eb3;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #00000026;transition:all .3s cubic-bezier(.16,1,.3,1)}.stale-item-card:hover{border-color:#ff336659;background-color:#0d1423d9;transform:translateY(-2px);box-shadow:0 8px 25px #ff33661f}.stale-item-info{display:flex;flex-direction:column;gap:.2rem}.stale-item-info .stale-item-name{font-weight:700;font-size:.85rem;color:var(--color-text)}.stale-item-info .stale-item-meta{font-size:.75rem;color:var(--color-text-muted)}.stale-item-info .stale-item-time{font-size:.72rem;color:#ffa4b2;font-weight:600;margin-top:.2rem;display:flex;align-items:center;gap:.3rem}.stale-item-info .stale-item-time:before{content:"⚠️";font-size:.75rem}.copy-btn{background-color:#0d1423d9;border:1px solid rgba(255,183,3,.3);color:var(--color-accent);padding:.45rem .95rem;border-radius:8px;font-size:.75rem;cursor:pointer;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.copy-btn:hover{background-color:var(--color-accent);color:#030509;border-color:var(--color-accent);box-shadow:0 0 15px #ffb70380;transform:scale(1.05)}.copy-btn:active{transform:scale(.97)}.no-stale{grid-column:1 / -1;color:var(--color-text-muted);font-size:.9rem;text-align:center;padding:2.5rem 1rem;font-style:italic}.app-footer{width:100%;background-color:#06080ed9;border-top:1px solid rgba(255,255,255,.05);padding:1.75rem 1.5rem;margin-top:4rem;text-align:center;font-size:.78rem;color:var(--color-text-muted)}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.footer-container .disclaimer{color:#ffffff40;font-size:.72rem;line-height:1.4}.pagination-container{display:flex;justify-content:center;align-items:center;gap:.85rem;padding:1.25rem 1.75rem;background-color:#06080ed9;border-top:1px solid rgba(255,255,255,.04)}.pagination-btn{background-color:#0d1423d9;border:1px solid rgba(255,255,255,.05);color:var(--color-text-muted);padding:.5rem 1.15rem;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.pagination-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:#ffb7030f;box-shadow:0 0 12px #ffb7034d}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-info{font-size:.82rem;color:var(--color-text-muted);font-weight:600;min-width:105px;text-align:center}.pagination-page-input{width:38px;padding:.2rem .3rem;font-size:.82rem;font-weight:700;font-family:var(--font-family);color:var(--color-text);background:#0d1423d9;border:1px solid rgba(255,255,255,.12);border-radius:5px;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color .2s ease}.pagination-page-input::-webkit-outer-spin-button,.pagination-page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-page-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 8px #ffb70340}.tier-badge{display:inline-block;font-size:.72rem;font-weight:900;padding:.18rem .5rem;border-radius:5px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.1)}.tier-t1,.tier-t2,.tier-t3{background-color:#7f8c8d26;color:#bdc3c7;border-color:#bdc3c740}.tier-t4{background-color:#3498db26;color:#38bdf8;border-color:#3498db59;text-shadow:0 0 4px rgba(56,189,248,.4)}.tier-t5{background-color:#e74c3c26;color:#e74c3c;border-color:#e74c3c59;text-shadow:0 0 4px rgba(231,76,60,.4)}.tier-t6{background-color:#e67e2226;color:#e67e22;border-color:#e67e2259;text-shadow:0 0 4px rgba(230,126,34,.4)}.tier-t7{background-color:#f1c40f26;color:#f1c40f;border-color:#f1c40f59;text-shadow:0 0 4px rgba(241,196,15,.4)}.tier-t8{background-color:#ffffff14;color:#f8fafc;border-color:#ffffff59;box-shadow:0 0 12px #fff3,inset 0 1px #ffffff1a;text-shadow:0 0 5px rgba(255,255,255,.5)}.price-cell{font-variant-numeric:tabular-nums;font-family:Consolas,Courier New,monospace;font-size:.95rem;font-weight:700;color:var(--color-accent);text-shadow:0 0 4px rgba(255,183,3,.15)}td[style*="color: var(--color-profit)"],td[style*="color:var(--color-profit)"],.profit-val,.profit-pct{color:var(--color-fresh-green)!important;text-shadow:0 0 10px rgba(0,255,135,.35)!important}td[style*="color: var(--color-loss)"],td[style*="color:var(--color-loss)"],td[style*="color:var(--color-caerleon)"],td[style*="color: var(--color-caerleon)"]{color:var(--color-stale-red)!important;text-shadow:0 0 10px rgba(255,51,102,.35)!important}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff14;height:6px;border-radius:999px;outline:none;transition:background .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;box-shadow:0 0 8px #ffb703b3;transition:transform .15s ease,background-color .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3);background:var(--color-accent-hover)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#06080ed9;border:1px solid rgba(255,255,255,.15);width:16px;height:16px;border-radius:4px;cursor:pointer;position:relative;outline:none;transition:all .2s ease;vertical-align:middle}input[type=checkbox]:checked{background-color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 8px #ffb70380}input[type=checkbox]:checked:after{content:"✓";font-size:.75rem;font-weight:900;color:#030509;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 1024px){.data-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-container{flex-direction:column;gap:1.25rem}.logo-area{align-self:flex-start}.app-nav{width:100%;overflow-x:auto;justify-content:flex-start;padding:.4rem!important;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.stats-grid{grid-template-columns:1fr}.stats-grid>div:last-child{grid-column:span 1}.filter-controls-row,.filter-selectors-row{flex-direction:column;gap:1.25rem}.select-group{width:100%;min-width:100%}.market-table th:nth-child(3),.market-table td:nth-child(3),.market-table th:nth-child(4),.market-table td:nth-child(4){display:none}.app-main{padding:0 1rem;margin:1.25rem auto}.glass-card{padding:1.25rem}}.weight-bar-container{width:100%;background:#0f172a99;border:1px solid var(--color-border);border-radius:6px;height:18px;position:relative;overflow:hidden;margin-top:.5rem}.weight-bar-fill{height:100%;width:0%;transition:width .3s ease,background-color .3s ease}.weight-bar-text{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:var(--color-text);text-shadow:0 1px 2px rgba(0,0,0,.9)}.recipe-tree-row{background:#0a101be6!important;border-left:3px solid var(--color-accent)!important}.recipe-tree-row td{padding:1.25rem 2rem!important}.tree-container{display:flex;flex-direction:column;gap:.5rem;font-family:var(--font-family);color:var(--color-text)}.tree-node{display:flex;align-items:flex-start;gap:.75rem;padding:.4rem .6rem;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.tree-node:hover{background:#ffffff0a;border-color:#00f2fe4d}.tree-item-icon{width:32px;height:32px;object-fit:contain;background:#0000004d;border:1px solid var(--color-border);border-radius:4px;flex-shrink:0}.tree-node-content{flex:1;display:flex;flex-direction:column;gap:.15rem}.tree-node-title{font-size:.8rem;font-weight:600}.tree-node-details{font-size:.7rem;color:var(--color-text-muted)}.tree-branch-container{padding-left:2.25rem;border-left:1px dashed rgba(255,255,255,.15);margin-left:1rem;display:flex;flex-direction:column;gap:.5rem;position:relative}.tree-branch-container:before{content:"";position:absolute;top:0;bottom:0;left:-1px;border-left:1px dashed rgba(0,242,254,.25)}.tree-saving-tag{display:inline-block;padding:.1rem .35rem;font-size:.64rem;font-weight:700;border-radius:4px;text-transform:uppercase;margin-left:.5rem}.tag-save{background:#05966933;color:#10b981;border:1px solid rgba(16,185,129,.4)}.tag-buy{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.4)}.tag-missing{background:#dc262626;color:var(--color-caerleon);border:1px solid rgba(220,38,38,.3)}.clickable-crafting-row{cursor:pointer;transition:background-color .15s ease}.clickable-crafting-row:hover{background:#ffffff08!important}.crafting-row-expanded{background:#00f2fe0d!important;border-left:3px solid var(--color-accent)!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#04080fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:authFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.auth-modal-card{position:relative;width:95%;max-width:420px;padding:3rem 2.25rem 2.5rem;border-radius:20px;background:#0a101ee6;border:1px solid var(--color-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-glass),0 0 50px #ffb70308,inset 0 1px 1px #ffffff0d;animation:authFadeIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.auth-modal-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(255,183,3,.4),transparent 40%,transparent 60%,rgba(56,189,248,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo-glow{font-size:2.2rem;line-height:1;margin-bottom:.75rem;filter:drop-shadow(0 0 10px rgba(255,183,3,.45));animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(255,183,3,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 18px rgba(255,183,3,.7))}}.auth-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-text);margin-bottom:.35rem;letter-spacing:.5px;text-shadow:0 0 10px rgba(255,255,255,.1)}.auth-subtitle{font-size:.8rem;color:var(--color-text-muted);line-height:1.4;padding:0 .5rem}.close-modal-btn{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.08);color:var(--color-text-muted);font-size:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.close-modal-btn:hover{color:var(--color-accent);background:#ffb7031a;border-color:#ffb7034d;transform:rotate(90deg)}.auth-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2rem;padding-bottom:2px}.auth-tab-btn{flex:1;padding:.8rem;background:transparent;border:none;color:var(--color-text-muted);font-family:var(--font-display);font-weight:700;font-size:.92rem;letter-spacing:.8px;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent}.auth-tab-btn:hover{color:var(--color-text)}.auth-tab-btn.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent);text-shadow:0 0 10px rgba(255,183,3,.25)}.auth-form{display:none;flex-direction:column;gap:1.5rem}.auth-form.active{display:flex}.floating-group{position:relative;width:100%}.floating-input{width:100%;background-color:#06080ebf!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--color-text)!important;padding:1rem 1.1rem .9rem!important;border-radius:10px!important;font-family:var(--font-family)!important;font-size:.92rem!important;outline:none!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:inset 0 2px 4px #0006!important}.floating-label{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-family:var(--font-family);font-size:.92rem;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:left top}.floating-input:focus~.floating-label,.floating-input:not(:placeholder-shown)~.floating-label{transform:translateY(-135%) scale(.8);color:var(--color-accent);background:#0a101ee6;padding:0 6px;letter-spacing:.5px;font-weight:600}.floating-input:focus{border-color:var(--color-accent)!important;box-shadow:inset 0 2px 4px #0006,0 0 15px #ffb70333!important}.password-group{display:flex;align-items:center}.password-group .floating-input{padding-right:3rem!important}.password-toggle-btn{position:absolute;right:.9rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.1rem;padding:.3rem;transition:color .2s;-webkit-user-select:none;user-select:none}.password-toggle-btn:hover{color:var(--color-text)}.auth-error-msg{margin-top:1.25rem;padding:.85rem 1rem;border-radius:8px;background:#ff336614;border:1px solid rgba(255,51,102,.2);color:#ff4a7d;font-size:.82rem;font-weight:600;line-height:1.4;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #ff336626;animation:shakeError .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes shakeError{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.auth-submit-btn{margin-top:.75rem!important;padding:.9rem 1.5rem!important;font-size:.9rem!important;font-weight:700!important;font-family:var(--font-display)!important;letter-spacing:.8px!important;text-transform:uppercase!important;border-radius:10px!important;background:linear-gradient(135deg,var(--color-accent),#e5a300)!important;color:#06080e!important;border:none!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 15px #ffb70333!important;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 20px #ffb70359!important;filter:brightness(1.05)!important}.auth-submit-btn:active:not(:disabled){transform:translateY(0)!important}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--color-text-muted)!important;box-shadow:none!important}.btn-spinner{width:16px;height:16px;border:2px solid rgba(6,8,14,.25);border-top:2px solid #06080e;border-radius:50%;animation:spin .6s linear infinite}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-group label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.input-group input{padding:.8rem 1rem;border-radius:8px;background:#0a0f1c99;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.95rem;transition:all .2s ease}.input-group input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 10px #d4af3726}.auth-submit-btn{margin-top:1rem;padding:.9rem;font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.auth-error-msg{margin-top:1rem;padding:.8rem;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-caerleon);font-size:.85rem;text-align:center}.user-badge-container{display:flex;align-items:center;gap:.6rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:.35rem .85rem;border-radius:9999px}.user-avatar{font-size:.85rem}.user-info{display:flex;flex-direction:column;line-height:1.1}.user-name{font-size:.72rem;font-weight:600;color:var(--color-text);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{font-size:.6rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.role-badge.role-premium{color:var(--color-accent);text-shadow:0 0 5px rgba(212,175,55,.3)}.role-badge.role-free{color:var(--color-text-muted)}.logout-icon-btn{background:transparent;border:none;font-size:.85rem;cursor:pointer;padding:0;margin-left:.25rem;opacity:.7;transition:opacity .2s}.logout-icon-btn:hover{opacity:1}.success-modal-card{text-align:center;width:90%;max-width:480px;padding:3rem;border-radius:16px;background:#161e2fbf;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0009,0 0 30px #d4af370d;animation:successScaleUp .4s cubic-bezier(.34,1.56,.64,1) forwards}.success-crown-glow{font-size:4rem;filter:drop-shadow(0 0 15px rgba(212,175,55,.6));animation:successFloat 3s ease-in-out infinite;margin-bottom:1.5rem}.success-title{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.success-desc{font-size:.95rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:1.5rem}.gold-highlight{color:var(--color-accent);text-shadow:0 0 10px rgba(212,175,55,.4)}.unlocked-features-list{margin:2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;text-align:left}.feature-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:.8rem;border-radius:8px;font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.success-confirm-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:800;box-shadow:0 0 20px #d4af374d}.processing-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--color-accent);border-radius:50%;margin:2rem auto;animation:spin 1s linear infinite}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}@keyframes successScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes successFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.market-table th:nth-child(3),.market-table td:nth-child(3),.market-table th:nth-child(4),.market-table td:nth-child(4){display:none}}.profile-modal-card{position:relative;max-width:680px;width:90%;background:#0a0a0cd9!important;border:1px solid rgba(255,215,0,.15)!important;box-shadow:0 20px 50px #0009,0 0 30px #ffd7000d;border-radius:16px;padding:2.2rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:successScaleUp .35s cubic-bezier(.34,1.56,.64,1) forwards;z-index:1010}.profile-header-container{display:flex;align-items:center;gap:1.2rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:1.2rem}.profile-avatar-container{position:relative;cursor:pointer;border-radius:50%;width:64px;height:64px;animation:successFloat 4s ease-in-out infinite}.profile-avatar-container:hover .avatar-edit-overlay{opacity:1!important}.avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity .25s ease;color:gold;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border:2px solid #ffd700;box-sizing:border-box}.profile-avatar-glow{font-size:2.5rem;width:64px;height:64px;background:#ffd7000d;border:2px solid var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #ffd70040;overflow:hidden}.profile-title{font-family:var(--font-family-title);font-size:1.6rem;font-weight:800;color:var(--color-text);margin:0;line-height:1.1;text-transform:uppercase;letter-spacing:.5px}.profile-tabs{display:flex;gap:.5rem;margin-bottom:1.8rem;background:#00000040;padding:.3rem;border-radius:10px;border:1px solid rgba(255,255,255,.03)}.profile-tab-btn{flex:1;background:transparent;border:none;border-radius:8px;padding:.6rem .8rem;color:var(--color-text-muted);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:.4rem}.profile-tab-btn:hover{color:var(--color-text);background:#ffffff08}.profile-tab-btn.active{background:var(--color-accent);color:#000;box-shadow:0 4px 12px #ffb70340}.profile-tab-content{min-height:280px}.tab-panel{display:none;animation:authFadeIn .25s ease-in-out forwards}.tab-panel.active{display:block}.tab-description{font-size:.85rem;color:var(--color-text-muted);margin-top:0;margin-bottom:1.5rem;line-height:1.4}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.info-item{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem}.info-label{font-size:.72rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.info-value{font-size:1.05rem;color:var(--color-text);font-weight:700}#info-tier-name{color:var(--color-accent);text-shadow:0 0 8px rgba(255,215,0,.2)}.presets-grid-container,.watchlist-grid-container{display:grid;grid-template-columns:1fr;gap:.8rem;max-height:280px;overflow-y:auto;padding-right:.3rem}.presets-grid-container::-webkit-scrollbar,.watchlist-grid-container::-webkit-scrollbar{width:4px}.presets-grid-container::-webkit-scrollbar-thumb,.watchlist-grid-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.preset-item,.watchlist-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:.8rem 1.1rem;transition:all .2s ease}.preset-item:hover,.watchlist-item:hover{background:#ffd70008;border-color:#ffd70026}.preset-details,.watchlist-details{display:flex;flex-direction:column;gap:.2rem}.preset-title,.watchlist-title{font-weight:700;font-size:.9rem;color:var(--color-text)}.preset-meta,.watchlist-meta{font-size:.72rem;color:var(--color-text-muted)}.preset-actions,.watchlist-actions{display:flex;gap:.5rem}.preset-load-btn{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:var(--color-accent);padding:.35rem .8rem;font-size:.72rem;font-weight:700;border-radius:9999px;cursor:pointer;text-transform:uppercase;transition:all .2s}.preset-load-btn:hover{background:var(--color-accent);color:#000;box-shadow:0 0 10px #ffd7004d}.preset-delete-btn,.watchlist-delete-btn{background:transparent;border:none;color:#ef444499;cursor:pointer;font-size:1rem;padding:.2rem .4rem;transition:color .2s}.preset-delete-btn:hover,.watchlist-delete-btn:hover{color:#ef4444}.empty-state{text-align:center;padding:2.5rem;color:var(--color-text-muted);font-size:.85rem;font-style:italic;background:#ffffff03;border:1px dashed rgba(255,255,255,.05);border-radius:10px;width:100%}.watchlist-sparkline-canvas{width:100px;height:30px;background:transparent;display:block;margin:0 1rem}.watchlist-price-display{text-align:right;display:flex;flex-direction:column;gap:.15rem;min-width:80px}.watchlist-price-val{font-weight:700;font-size:.9rem;color:gold}.watchlist-price-change{font-size:.72rem;font-weight:600}.watchlist-price-change.up{color:#10b981}.watchlist-price-change.down{color:#ef4444}.watchlist-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.watchlist-limit-counter{font-size:.75rem;font-weight:700;color:var(--color-accent);background:#ffd7001a;padding:.2rem .6rem;border-radius:9999px;border:1px solid rgba(255,215,0,.2)}.hud-taxes-container{margin-top:1.8rem;border-top:1px solid rgba(255,255,255,.06);padding-top:1.2rem}.hud-section-title{font-family:var(--font-family-title);font-size:.95rem;color:var(--color-text);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px}.hud-section-desc{font-size:.75rem;color:var(--color-text-muted);margin:0 0 1rem}.hud-cities-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.hud-city-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:.6rem .4rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;transition:all .25s cubic-bezier(.25,.8,.25,1)}.hud-city-card:hover{background:#ffd70008;border-color:#ffd70033;transform:translateY(-2px)}.city-heraldry{font-size:1.3rem;transition:transform .3s ease}.hud-city-card:hover .city-heraldry{transform:scale(1.15) rotate(5deg)}.city-name{font-size:.7rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase}.hud-tax-input{width:100%;background:#06080ebf;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.3rem .4rem;font-size:.75rem;color:var(--color-text);text-align:center;font-weight:700;outline:none;transition:all .2s}.hud-tax-input:focus-visible{border-color:var(--cyber-gold)!important;outline:2px solid var(--cyber-gold);box-shadow:0 0 6px #ffd7004d}.hud-tax-input::-webkit-inner-spin-button,.hud-tax-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.billing-card{text-align:center;padding:2.2rem;border-radius:12px;background:#ffffff03!important;border:1px solid rgba(255,255,255,.04)!important}.billing-icon-glow{font-size:3rem;margin-bottom:.8rem;animation:successFloat 4s ease-in-out infinite}.billing-plan-title{font-family:var(--font-family-title);font-size:1.4rem;color:var(--color-text);margin:0 0 .5rem;text-transform:uppercase}.billing-plan-desc{font-size:.85rem;color:var(--color-text-muted);margin:0 0 1.8rem;line-height:1.4}.billing-features-list{text-align:left;max-width:320px;margin:0 auto 2.2rem;display:flex;flex-direction:column;gap:.6rem}.locked-feature{font-size:.82rem;color:var(--color-text-muted)}.btn-upgrade-premium{background:linear-gradient(135deg,#b8860b,gold,#b8860b);background-size:200% auto;animation:shineGold 4s linear infinite;border:1px solid rgba(255,215,0,.4);color:#0a0a0c!important;font-weight:800;font-size:.85rem;padding:.8rem 1.8rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 15px #ffd70033;transition:all .3s}.btn-upgrade-premium:hover{box-shadow:0 0 25px #ffd70080;transform:translateY(-1px)}@keyframes shineGold{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.paywall-crown{font-size:3.5rem;margin-bottom:.5rem;animation:successFloat 3s ease-in-out infinite}.paywall-card{text-align:center;padding:2rem;max-width:420px;border-color:#ffd70040!important;box-shadow:0 10px 40px #00000080,0 0 20px #ffd7001a}.user-badge-container{cursor:pointer;transition:all .2s}.user-badge-container:hover{border-color:#ffd70033!important;box-shadow:0 0 10px #ffd7000d}.refining-card-redesign{background:linear-gradient(145deg,#111827f2,#0f172afa);border:1px solid rgba(255,255,255,.08);border-left:4px solid var(--color-accent);border-radius:10px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 6px 18px #00000059;transition:all .2s ease-in-out;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;flex-shrink:0}.refining-card-redesign:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 10px 24px #00000080}.refining-header-row{display:flex;flex-direction:column;gap:.4rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.45rem;width:100%;box-sizing:border-box}.refining-header-top{display:flex;justify-content:space-between;align-items:center;gap:.4rem;flex-wrap:wrap;width:100%}.refining-title-group{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0}.tier-badge{font-weight:800;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;text-shadow:1px 1px 0 #000;background-color:#0f172a;letter-spacing:.5px;flex-shrink:0;white-space:nowrap}.tier-badge.tier-4{border:1.5px solid #3b82f6;color:#60a5fa}.tier-badge.tier-5{border:1.5px solid #ef4444;color:#f87171}.tier-badge.tier-6{border:1.5px solid #f97316;color:#fb923c}.tier-badge.tier-7{border:1.5px solid #eab308;color:#facc15}.tier-badge.tier-8{border:1.5px solid #06b6d4;color:#38bdf8}.refining-item-name{font-size:.85rem;font-weight:700;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refining-vol-control{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.refining-route-badge{font-size:.65rem;color:var(--color-text-muted);background:#00000040;padding:.2rem .45rem;border-radius:5px;border:1px solid rgba(255,255,255,.04);align-self:flex-start;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refining-hero-boxes{display:flex;gap:.5rem;width:100%;box-sizing:border-box}.refining-hero-box{flex:1;min-width:0;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.45rem .5rem;text-align:center;box-sizing:border-box;overflow:hidden}.refining-hero-box.premium-active{border-color:#eab30866;background:linear-gradient(145deg,#eab30814,#0f172acc)}.refining-hero-title{font-size:.58rem;text-transform:uppercase;color:var(--color-text-muted);font-weight:700;letter-spacing:.5px;white-space:normal;word-break:normal;line-height:1.15}.refining-hero-value{font-size:.88rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refining-focus-pill{margin-top:.2rem;background:#eab3081f;border:1px dashed rgba(234,179,8,.4);padding:.2rem;border-radius:5px;font-size:.62rem;color:#facc15;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refining-details-grid{display:flex;flex-direction:column;gap:.45rem;background:#070a1059;border:1px solid rgba(255,255,255,.03);border-radius:8px;padding:.5rem .65rem;font-size:.7rem;width:100%;box-sizing:border-box}.refining-detail-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-width:0;overflow:hidden}.refining-detail-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;font-weight:700;flex-shrink:0}.refining-detail-value{font-weight:700;color:#e2e8f0;text-align:right}.transmuting-card-redesign{background:linear-gradient(145deg,#181026f2,#0f172afa);border:1px solid rgba(168,85,247,.18);border-left:4px solid #a855f7;border-radius:10px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 6px 18px #00000059;transition:all .2s ease-in-out;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;flex-shrink:0}.transmuting-card-redesign:hover{border-color:#a855f761;transform:translateY(-2px);box-shadow:0 10px 24px #a855f72e}