@layer pages {
.progression-container{width:100%}.progression-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.progression-header h2{font-family:var(--font-display);color:var(--rs-gold);margin-bottom:8px;font-size:2rem}.progression-filters{align-items:center;gap:12px;display:flex}.filter-select{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.95rem;transition:all .2s}.filter-select:hover{border-color:var(--accent);background:var(--bg-card-strong)}.filter-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4af371a}.progression-loading,.progression-empty,.progression-error{text-align:center;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:48px 24px}.progression-error{color:#ff6b7a;background:#dc35451a;border-color:#dc35454d}.progression-empty h3{color:var(--text);margin-bottom:12px;font-size:1.5rem}.progression-empty p{color:var(--text-muted);margin-bottom:24px}.progression-categories{flex-direction:column;gap:24px;display:flex}.category-section{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);transition:all .3s;overflow:hidden}.category-section:hover{border-color:#d4af374d;box-shadow:0 4px 12px #0000004d}.category-header{background:var(--bg-card-strong);cursor:pointer;width:100%;color:var(--text);text-align:left;border:none;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .2s;display:flex}.category-header:hover{background:#d4af370d}.category-title{flex:1;align-items:center;gap:16px;display:flex}.category-icon{flex-shrink:0;font-size:2rem;line-height:1}.category-title h3{color:var(--accent);font-size:1.3rem;font-family:var(--font-display);margin:0}.category-description{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.category-meta{flex-shrink:0;align-items:center;gap:16px;display:flex}.category-progress{color:var(--accent);background:#d4af371a;border-radius:12px;padding:4px 12px;font-size:.95rem;font-weight:600}.category-toggle{color:var(--text-muted);font-size:.9rem;transition:transform .2s}.category-items{flex-direction:column;gap:4px;padding:8px;display:flex}.no-items{text-align:center;color:var(--text-muted);padding:32px 24px;font-style:italic}.progression-item{background:var(--bg-elev);border:1px solid #0000;border-radius:6px;padding:12px 16px;transition:all .2s}.progression-item:hover{background:var(--bg-card-strong);border-color:var(--border)}.progression-item.completed{opacity:.6;background:#7faf3a0d}.progression-item.completed:hover{opacity:.8}.item-checkbox{cursor:pointer;align-items:flex-start;gap:12px;width:100%;display:flex}.item-checkbox input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-alt);flex-shrink:0;margin-top:3px}.item-content{flex:1}.item-name{color:var(--text);margin-bottom:4px;font-size:1rem;font-weight:500}.progression-item.completed .item-name{color:var(--text-muted);text-decoration:line-through}.item-description{color:var(--text-muted);font-size:.85rem;line-height:1.4}.text-muted{color:var(--text-muted)}@media (max-width:768px){.compare-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.sparkline svg{height:56px}.hero-links{flex-direction:column;align-items:flex-start}.progression-header{flex-direction:column;align-items:stretch}.progression-header h2{font-size:1.6rem}.progression-filters{flex-direction:column;width:100%}.progression-filters input,.progression-filters .filter-select,.progression-filters .button{flex:none;width:100%}.filter-select{flex:1}.category-header{padding:16px}.category-title{gap:12px}.category-icon{font-size:1.5rem}.category-title h3{font-size:1.1rem}.category-meta{gap:12px}.category-description{display:none}}.progression-widget{flex-direction:column;gap:20px;display:flex}.progression-widget-summary{align-items:center;gap:24px;display:flex}.progression-widget-circle{flex-shrink:0;width:100px;height:100px;position:relative}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-percent{color:var(--accent);font-size:1.5rem;font-weight:700;font-family:var(--font-display)}.progression-widget-stats{flex:1}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.stat-value{color:var(--text);font-size:1.3rem;font-weight:600}.progression-widget-breakdown{flex-direction:column;gap:12px;display:flex}.category-stat{flex-direction:column;gap:6px;display:flex}.category-stat-header{align-items:center;gap:8px;font-size:.9rem;display:flex}.category-stat-icon{font-size:1rem;line-height:1}.category-stat-name{color:var(--text);flex:1;font-weight:500}.category-stat-count{color:var(--text-muted);font-size:.85rem}.category-stat-bar{background:#d4af371a;border-radius:3px;height:6px;overflow:hidden}.category-stat-fill{background:linear-gradient(90deg,var(--accent-alt),var(--accent));border-radius:3px;height:100%;transition:width .3s}@media (max-width:768px){.progression-widget-summary{text-align:center;flex-direction:column}.progression-widget-circle{width:120px;height:120px}}.comprehensive-progression{width:100%}.progression-tabs{border-bottom:2px solid var(--border);gap:8px;margin-bottom:32px;display:flex}.progression-tabs .tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .2s}.progression-tabs .tab:hover{color:var(--accent);background:#d4af370d}.progression-tabs .tab.active{color:var(--accent);border-bottom-color:var(--accent)}.requirements-section{flex-direction:column;gap:20px;display:flex}.requirements-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.requirements-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.requirements-card .label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem}.requirements-card strong{color:var(--accent);font-size:1.4rem}.requirements-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.requirements-subtabs{gap:8px;display:flex}.requirements-subtabs .subtab{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#1a1612b3;border-radius:999px;padding:8px 14px;font-size:.85rem;transition:all .2s}.requirements-subtabs .subtab:hover{border-color:var(--accent);color:var(--accent)}.requirements-subtabs .subtab.active{border-color:var(--accent);color:var(--accent);background:#d4af371f}.requirements-search input{border:1px solid var(--border);background:var(--bg-elev);min-width:220px;color:var(--text);border-radius:8px;padding:8px 12px}.requirements-search input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #d4af371f}.requirements-stack{flex-direction:column;gap:10px;display:flex}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.achievement-panel{border:1px solid var(--border);background:#120f0c8c;border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.achievement-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.achievement-panel-header input{border:1px solid var(--border);background:var(--bg-elev);min-width:200px;color:var(--text);border-radius:8px;padding:8px 12px}.achievement-panel-header input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #d4af371f}.achievement-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.achievement-row strong{display:block}.achievement-row .muted{font-size:.85rem}.achievement-progress{background:#ffffff14;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.achievement-progress>div{background:linear-gradient(90deg,#d4af37,#f2d06b);height:100%}.requirement-card{border:1px solid var(--border);background:#1a161299;border-radius:10px;overflow:hidden}.requirement-card summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:flex}.requirement-card summary::-webkit-details-marker{display:none}.requirement-summary{flex-direction:column;gap:4px;display:flex}.requirement-card-body{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex}.requirement-subcard{background:#0e0c0a66;border:1px solid #d4af3733;border-radius:8px}.requirement-subcard summary{padding:10px 14px}.requirement-task-list{flex-direction:column;gap:10px;display:flex}.requirement-task{background:#00000040;border:1px solid #ffffff0a;border-radius:8px;padding:10px 12px}.requirement-task-header{color:var(--text);justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;display:flex}.requirement-status-button{border:none}.requirements-loading,.requirements-error{border:1px solid var(--border);background:#0003;border-radius:8px;padding:12px 16px}.requirements-error{color:#ff9a9a;border-color:#ff636366}.bosses-section{flex-direction:column;gap:32px;display:flex}.boss-category h3{color:var(--accent);font-size:1.5rem;font-family:var(--font-display);margin-bottom:16px}.boss-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.boss-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:all .2s}.boss-item:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000004d}.boss-name{color:var(--text);margin-bottom:12px;font-size:.95rem;font-weight:600}.boss-kc{align-items:center;gap:8px;display:flex}.boss-kc label{color:var(--text-muted);font-size:.85rem}.kc-input{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:4px;flex:1;padding:6px 10px;font-family:monospace;font-size:.9rem}.kc-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #d4af371a}.gear-section{flex-direction:column;gap:32px;display:flex}.gear-stage h3{color:var(--accent);font-size:1.5rem;font-family:var(--font-display);margin-bottom:16px}.gear-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.gear-item{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:12px;transition:all .2s}.gear-item:hover{background:var(--bg-card-strong);border-color:#d4af374d}.gear-item.obtained{opacity:.6;background:#7faf3a0d}.gear-item.obtained:hover{opacity:.8}.gear-checkbox{cursor:pointer;align-items:flex-start;gap:12px;width:100%;display:flex}.gear-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-alt);margin-top:3px}.gear-content{flex:1}.gear-name{color:var(--text);margin-bottom:4px;font-size:.95rem;font-weight:500}.gear-item.obtained .gear-name{color:var(--text-muted);text-decoration:line-through}.gear-source{color:var(--text-muted);font-size:.8rem;line-height:1.4}.milestones-section{flex-direction:column;gap:32px;display:flex}.milestone-difficulty h3{color:var(--accent);font-size:1.5rem;font-family:var(--font-display);margin-bottom:16px}.milestone-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:8px;display:grid}.milestone-item{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:12px;transition:all .2s}.milestone-item:hover{background:var(--bg-card-strong);border-color:#d4af374d}.milestone-item.achieved{opacity:.6;background:#7faf3a0d}.milestone-item.achieved:hover{opacity:.8}.milestone-checkbox{cursor:pointer;align-items:flex-start;gap:12px;width:100%;display:flex}.milestone-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-alt);margin-top:3px}.milestone-content{flex:1}.milestone-name{color:var(--text);margin-bottom:4px;font-size:.95rem;font-weight:500}.milestone-item.achieved .milestone-name{color:var(--text-muted);text-decoration:line-through}.milestone-description{color:var(--text-muted);font-size:.8rem;line-height:1.4}@media (max-width:768px){.boss-grid,.gear-list,.milestone-list{grid-template-columns:1fr}.progression-tabs{overflow-x:auto}.progression-tabs .tab{white-space:nowrap;padding:10px 16px}}.guide-instructions-list{counter-reset:instruction-counter;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.guide-instruction-item{counter-increment:instruction-counter;border-left:3px solid var(--accent);background:linear-gradient(135deg,#2a231899,#1a1612cc);border-radius:6px;flex-direction:column;gap:8px;padding:12px 16px;transition:all .2s;display:flex;position:relative}.guide-instruction-item:before{content:counter(instruction-counter);background:var(--accent);width:22px;height:22px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:12px;left:-12px;box-shadow:0 2px 4px #0006}.guide-instruction-item:hover{border-left-color:var(--accent-strong);background:linear-gradient(135deg,#342c20cc,#1a1612e6)}.instruction-text{color:var(--text);font-size:.95rem;line-height:1.6}.instruction-note{color:var(--accent-blue);border-left:2px solid var(--accent-blue);background:#3a9bcf1a;border-radius:4px;padding:8px 12px;font-size:.85rem;font-style:italic;display:block}.instruction-content{align-items:flex-start;gap:16px;display:flex}.instruction-toggle{text-align:left;min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:0;display:block}.instruction-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.instruction-media{flex-direction:column;flex:0 0 220px;align-items:flex-end;gap:6px;display:flex}.instruction-media-link{color:inherit;flex-direction:column;align-items:flex-end;gap:6px;text-decoration:none;display:flex}.instruction-media-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.65rem}.instruction-image{border:2px solid var(--border);border-radius:6px;width:220px;transition:all .3s;overflow:hidden}.instruction-image:hover{border-color:var(--accent);box-shadow:0 4px 12px #0006}.instruction-img{object-fit:contain;width:100%;height:auto;max-height:300px;display:block}.meta-items-list,.meta-stats-list,.meta-alternatives-list{flex-direction:column;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.meta-items-list li,.meta-stats-list li,.meta-alternatives-list li{color:var(--text);background:#0003;border-radius:4px;align-items:baseline;gap:6px;padding:4px 8px;font-size:.9rem;display:flex}.meta-item-toggle{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:baseline;gap:6px;min-width:0;padding:0;display:inline-flex}.meta-items-list li:before{content:"•";color:var(--accent);font-weight:700}.meta-stats-list li:before{content:"⚔";font-size:.8rem}.meta-alternatives-list li:before{content:"→";color:var(--accent-alt)}.item-qty{color:var(--accent);min-width:32px;font-weight:600}.item-name{color:var(--text)}.item-note,.stat-note{color:var(--text-muted);font-size:.8rem;font-style:italic}.stat-level{color:var(--accent-alt);min-width:28px;font-weight:700;display:inline-block}.stat-level:before{content:"Lvl ";color:var(--text-muted);font-size:.85em;font-weight:400}.stat-skill{color:var(--text);text-transform:capitalize}.guide-step.completed .guide-instructions-list{opacity:.5}.guide-step.completed .guide-instruction-item{border-left-color:var(--accent-alt)}.guide-step.completed .instruction-text{text-decoration:line-through}.guide-instruction-item{cursor:pointer;-webkit-user-select:none;user-select:none}.guide-instruction-item.ready{border-left-color:var(--accent-alt);background:linear-gradient(135deg,#7faf3a40,#7faf3a26)}.guide-instruction-item.ready:before{background:var(--accent-alt)}.guide-instruction-item.ready .instruction-text{color:var(--accent-alt)}.meta-items-list li,.meta-stats-list li{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.meta-items-list li:hover,.meta-stats-list li:hover{background:#d4af3726}.meta-items-list li.ready,.meta-stats-list li.ready{border-left:2px solid var(--accent-alt);background:#7faf3a40}.meta-items-list li.ready{text-decoration:line-through}.meta-items-list li.ready .item-name,.meta-stats-list li.ready .stat-skill{color:var(--accent-alt)}.meta-items-list li.ready:before{content:"✓";color:var(--accent-alt)}.meta-stats-sections{flex-direction:column;gap:12px;margin-top:4px;display:flex}.stats-subsection{flex-direction:column;gap:6px;display:flex}.stats-label{text-transform:uppercase;letter-spacing:.08em;border-radius:4px;width:fit-content;padding:2px 8px;font-size:.7rem;font-weight:600}.stats-label.required{color:#ff9a9a;background:#ff636333}.stats-label.after{color:var(--accent-alt);background:#7faf3a2e}.stat-icon,.item-icon{margin-right:4px;font-size:.85rem}@media (max-width:768px){.guide-instruction-item{padding:10px 12px 10px 20px}.guide-instruction-item:before{width:18px;height:18px;font-size:.65rem;left:-10px}.instruction-img{max-height:200px}.instruction-content{flex-direction:column}.instruction-media{align-items:flex-start;width:100%}.instruction-media-link{align-items:flex-start}.instruction-image{width:100%}}.guides-page{flex-direction:column;gap:24px;display:flex}.guides-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.guides-header-content h1{font-family:var(--font-display);color:var(--rs-gold);margin:0 0 4px;font-size:2rem}.guides-header-content p{color:var(--text-muted);margin:0;font-size:.95rem}.guides-character-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;display:flex}.guides-character-badge svg{color:var(--accent)}.guides-character-link{background:var(--bg-card);border:1px solid var(--border);color:var(--accent);border-radius:999px;padding:8px 16px;font-size:.9rem;text-decoration:none;transition:all .2s}.guides-character-link:hover{border-color:var(--accent);background:#d4af371a}.guides-panel{border-radius:var(--radius);background:linear-gradient(135deg,var(--bg-elev)0%,#2a2318cc 100%);border:3px solid #0000;border-image:linear-gradient(135deg,var(--rs-gold)0%,var(--accent)50%,var(--rs-tan)100%)1;flex-direction:column;gap:20px;padding:26px;display:flex;box-shadow:inset 0 2px #ffdf8026,inset 0 -2px #0006,inset 0 0 30px #0003,0 8px 16px #0009,0 0 20px #d4af3714}.guides-filters-bar{flex-direction:column;gap:12px;display:flex}.guides-search-box{max-width:320px;position:relative}.guides-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.guides-search-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:10px 12px 10px 40px;font-size:.9rem;transition:all .2s}.guides-search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #d4af3726}.guides-search-input::placeholder{color:var(--text-muted)}.guides-filters-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.guides-tag-pills{flex-wrap:wrap;gap:8px;display:flex}.guides-tag-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.8rem;transition:all .2s}.guides-tag-pill:hover{border-color:var(--accent);color:var(--text)}.guides-tag-pill.active{border-color:var(--accent);color:var(--accent);background:#d4af3726}.guides-filters-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.guides-filter-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;transition:all .2s;display:flex}.guides-filter-btn:hover{border-color:var(--accent-alt);color:var(--text)}.guides-filter-btn.active{border-color:var(--accent-alt);color:var(--accent-alt);background:#7faf3a26}.guides-clear-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:.8rem;transition:all .2s}.guides-clear-btn:hover{border-color:var(--text-muted);color:var(--text)}.guides-results-row{justify-content:space-between;align-items:center;display:flex}.guides-count{color:var(--text-muted);font-size:.85rem}.guides-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.guide-card{background:var(--bg-card);border:1px solid var(--border);color:inherit;border-radius:8px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.guide-card:hover{border-color:#d4af3780;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.guide-card-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.guide-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.guide-card-title{font-family:var(--font-display);color:var(--text);margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.guide-card-status{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.guide-card-status.completed{color:var(--accent-alt);background:#7faf3a33}.guide-card-status.tracking{color:var(--accent);background:#d4af3733}.guide-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.guide-card-info{align-items:center;gap:12px;margin-top:auto;display:flex}.guide-card-steps{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.guide-card-tags{flex-wrap:wrap;gap:4px;max-width:100%;display:flex;overflow:hidden}.guide-card-tag{background:var(--bg-elev);text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:.65rem;font-weight:500}.guide-card-tag-overflow{color:var(--text-muted);white-space:nowrap;padding:2px 6px;font-size:.65rem}.guide-card-modes{flex-wrap:wrap;gap:4px;display:flex}.guide-card-mode{text-transform:uppercase;color:var(--text-muted);white-space:nowrap;background:#7f7f7f1f;border-radius:3px;padding:2px 6px;font-size:.65rem;font-weight:600}.guide-card-progress{background:var(--bg-elev);border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.guide-card-progress-track{background:#d4af3726;border-radius:3px;flex:1;height:6px;overflow:hidden}.guide-card-progress-fill{background:linear-gradient(90deg,var(--accent),var(--rs-gold));border-radius:3px;height:100%;transition:width .3s}.guide-card-progress-label{color:var(--accent);white-space:nowrap;font-size:.75rem;font-weight:600}.guides-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.guides-empty-state p{color:var(--text-muted);margin:0}.guides-pagination{justify-content:center;align-items:center;gap:8px;padding-top:8px;display:flex}.guides-page-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:flex}.guides-page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.guides-page-btn:disabled{opacity:.5;cursor:not-allowed}.guides-page-numbers{gap:4px;display:flex}.guides-page-num{background:var(--bg-card);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex}.guides-page-num:hover{border-color:var(--accent);color:var(--text)}.guides-page-num.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}@media (max-width:768px){.guides-header{flex-direction:column;align-items:flex-start}.guides-panel{padding:20px}.guides-search-box{width:100%;max-width:none}.guides-filters-row{flex-direction:column;align-items:flex-start}.guides-filters-actions{justify-content:flex-start;width:100%;margin-left:0}.guides-grid{grid-template-columns:1fr}.guides-pagination{flex-wrap:wrap;gap:8px}.guides-page-numbers{flex-wrap:wrap;order:-1;justify-content:center;width:100%}}@media (max-width:480px){.guides-panel{padding:16px}.guide-card-body{padding:14px}.guide-card-title{font-size:1rem}.guide-card-info{flex-direction:column;align-items:flex-start;gap:8px}.guide-card-progress{padding:10px 14px}}
}

@layer pages {
:root{--color-success:#7faf3a;--color-error:#cf3a3a;--color-warning:#d4af37;--color-info:#3a9bcf}.ge-exchange-page .page-header{text-align:center;margin-bottom:1.5rem}.ge-exchange-page .page-header h1{margin-bottom:.25rem;font-size:2rem}.ge-exchange-page .page-header .subtitle{color:var(--text-muted);font-size:.95rem}.trading-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.trading-header .header-content{flex:1;min-width:200px}.trading-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex}.trading-tabs .tab-btn{color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.trading-tabs .tab-btn svg{opacity:.6;transition:opacity .2s}.trading-tabs .tab-btn:hover{color:var(--text);background:var(--bg-card-strong)}.trading-tabs .tab-btn:hover svg{opacity:.8}.trading-tabs .tab-btn.active{background:var(--accent);color:var(--bg);box-shadow:0 2px 8px #d4af374d}.trading-tabs .tab-btn.active svg{opacity:1}.trading-tabs .login-badge{text-transform:uppercase;letter-spacing:.5px;background:#ffffff26;border-radius:4px;padding:2px 6px;font-size:.65rem}.ge-exchange-section,.trade-tracker-section{border-radius:var(--radius);background:linear-gradient(135deg,var(--bg-elev)0%,#2a2318cc 100%);border:3px solid #0000;border-image:linear-gradient(135deg,var(--rs-gold)0%,var(--accent)50%,var(--rs-tan)100%)1;flex-direction:column;gap:22px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffdf8026,inset 0 -2px #0006,inset 0 0 30px #0003,0 8px 16px #0009,0 0 20px #d4af3714}.ge-exchange-section{min-height:520px}.ge-exchange-section:before,.trade-tracker-section:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffdf804d 25%,#ffdf8080 50%,#ffdf804d 75%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}@media (max-width:860px){.ge-exchange-section,.trade-tracker-section{gap:18px;padding:20px}}@media (max-width:640px){.ge-exchange-section,.trade-tracker-section{gap:14px;padding:16px}.trading-header{flex-direction:column;align-items:stretch}.trading-tabs{justify-content:center;width:100%}.trading-tabs .tab-btn{flex:1;justify-content:center;padding:10px 12px}}@media (max-width:400px){.trading-tabs .tab-btn{gap:6px;padding:8px 10px;font-size:.85rem}.trading-tabs .tab-btn svg{width:16px;height:16px}}.exchange-client{flex-direction:column;gap:1rem;display:flex}.exchange-header{justify-content:center;margin-bottom:.5rem;display:flex}.exchange-header .main-search{width:100%;max-width:500px}.item-search,.item-search .search-input-wrapper{position:relative}.item-search .search-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.item-search .search-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:12px 40px 12px 44px;font-size:1rem;transition:all .2s}.item-search .search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4af3726}.item-search .search-input::placeholder{color:var(--text-muted)}.item-search .clear-button{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.item-search .clear-button svg{width:18px;height:18px}.item-search .loading-spinner{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.item-search .search-results{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px var(--shadow);z-index:100;max-height:400px;margin-top:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.item-search .search-result{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:background .15s;display:flex}.item-search .search-result:hover,.item-search .search-result.selected{background:var(--bg-card-strong)}.item-search .search-result .item-icon{background:var(--bg);border-radius:4px;flex-shrink:0}.item-search .search-result .item-info{flex:1;min-width:0}.item-search .search-result .item-name{color:var(--text);font-weight:500;display:block}.item-search .search-result .item-prices{color:var(--text-muted);gap:12px;font-size:.85rem;display:flex}.item-search .search-result .buy-price{color:var(--color-success)}.item-search .search-result .sell-price{color:var(--color-error)}.exchange-controls{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:0;display:flex}.exchange-controls .controls-row{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.exchange-controls .controls-row+.controls-row{border-top:1px solid var(--border)}.exchange-controls .controls-top{background:var(--bg-elev)}.exchange-controls .table-search{flex:1;min-width:200px;max-width:400px;position:relative}.exchange-controls .table-search .search-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.exchange-controls .table-search-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:10px 12px 10px 38px;font-size:.9rem;transition:all .15s}.exchange-controls .table-search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4af371a}.exchange-controls .view-selector{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.exchange-controls .view-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.exchange-controls .view-btn:hover{background:var(--bg-card-strong);color:var(--text)}.exchange-controls .view-btn.active{background:var(--accent);color:var(--bg)}.exchange-controls .view-btn svg{opacity:.8}.exchange-controls .controls-filters{gap:10px}.exchange-controls .controls-mobile{align-items:flex-end;gap:12px;display:none}.exchange-controls .mobile-sort{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.exchange-controls .refine-toggle{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .15s}.exchange-controls .refine-toggle:hover{border-color:var(--accent);color:var(--accent)}.exchange-controls .filter-group{flex-direction:column;gap:4px;display:flex}.exchange-controls .filter-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.7rem;font-weight:600}.exchange-controls .filter-select{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;min-width:100px;padding:8px 12px;font-size:.85rem}.exchange-controls .filter-select:focus{border-color:var(--accent);outline:none}.exchange-controls .save-preset-btn{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.exchange-controls .save-preset-btn:hover{filter:brightness(1.1)}.exchange-controls .filter-toggles{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.exchange-controls .toggle-chip{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;transition:all .15s;display:flex}.exchange-controls .toggle-chip input{display:none}.exchange-controls .toggle-chip:hover{border-color:var(--accent);color:var(--text)}.exchange-controls .toggle-chip.active{border-color:var(--accent);color:var(--accent);background:#d4af3726}.exchange-controls .reset-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .15s;display:flex}.exchange-controls .reset-btn:hover{border-color:var(--text-muted);color:var(--text)}.exchange-refine-backdrop{z-index:50;background:#060504b3;border:none;padding:0;position:fixed;inset:0}.exchange-refine-panel{z-index:51;background:var(--bg-elev);border-top:1px solid var(--border);border-radius:18px 18px 0 0;max-height:85vh;padding:18px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 28px #00000073}.exchange-refine-panel .refine-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.exchange-refine-panel .refine-header h3{margin:0 0 4px;font-size:1.05rem}.exchange-refine-panel .refine-header p{color:var(--text-muted);margin:0;font-size:.85rem}.exchange-refine-panel .refine-close{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px}.exchange-refine-panel .refine-section{gap:10px;margin-bottom:14px;display:grid}.exchange-refine-panel .refine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.exchange-refine-panel .refine-field{gap:8px;display:grid}.exchange-refine-panel .range-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.exchange-refine-panel .range-inputs input{border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:8px;padding:8px 10px}.exchange-refine-panel .refine-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.exchange-refine-panel .refine-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.exchange-refine-panel .refine-actions .button{justify-content:center;width:100%}.filters-dropdown{position:relative}.filters-dropdown__trigger{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.filters-dropdown__trigger:hover{border-color:var(--accent);color:var(--text)}.filters-dropdown__trigger--active{border-color:var(--accent);color:var(--accent);background:#d4af3714}.filters-dropdown__count{background:var(--accent);min-width:18px;height:18px;color:var(--bg);border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.filters-dropdown__panel{z-index:40;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;width:360px;max-height:70vh;margin-top:4px;padding:12px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #00000059}.filters-dropdown__section{padding:8px 0}.filters-dropdown__section+.filters-dropdown__section{border-top:1px solid var(--border)}.filters-dropdown__section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 8px;font-size:.7rem;font-weight:600}.filters-dropdown__toggles{gap:6px;margin-bottom:8px;display:flex}.filters-dropdown__toggle{color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;transition:background .15s;display:flex}.filters-dropdown__toggle:hover{background:var(--bg-elev)}.filters-dropdown__toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer;margin:0}.filters-dropdown__quality-row{align-items:center;gap:8px;display:flex}.filters-dropdown__quality-label{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.filters-dropdown__quality-select{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:.8rem}.filters-dropdown__quality-select:focus{border-color:var(--accent);outline:none}.filters-dropdown__ranges{flex-direction:column;gap:6px;display:flex}.filters-dropdown__range-row{align-items:center;gap:8px;display:flex}.filters-dropdown__range-label{width:70px;color:var(--text-muted);text-align:right;flex-shrink:0;font-size:.75rem}.filters-dropdown__range-inputs{flex:1;align-items:center;gap:4px;display:flex}.filters-dropdown__range-input{background:var(--bg-elev);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:5px;flex:1;padding:4px 8px;font-size:.8rem}.filters-dropdown__range-input::placeholder{color:var(--text-muted);opacity:.5}.filters-dropdown__range-input:focus{border-color:var(--accent);outline:none}.filters-dropdown__range-sep{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.filters-dropdown__preset-grid{flex-wrap:wrap;gap:6px;display:flex}.filters-dropdown__preset-chip{border:1px solid var(--border);border-radius:var(--radius-pill,20px);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .15s}.filters-dropdown__preset-chip:hover{border-color:var(--accent);color:var(--text)}.filters-dropdown__preset-chip--active{border-color:var(--accent);color:var(--accent);background:#d4af371f;font-weight:600}.filters-dropdown__actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.filters-dropdown__actions-right{gap:6px;display:flex}.filters-dropdown__btn{cursor:pointer;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .15s}.filters-dropdown__btn--save{border:1px solid var(--border);color:var(--text-muted);background:0 0}.filters-dropdown__btn--save:hover{border-color:var(--accent);color:var(--text)}.filters-dropdown__btn--reset{border:1px solid var(--border);color:var(--text-muted);background:0 0}.filters-dropdown__btn--reset:hover{border-color:var(--text-muted);color:var(--text)}.filters-dropdown__btn--apply{background:var(--accent);border:1px solid var(--accent);color:var(--bg)}.filters-dropdown__btn--apply:hover{filter:brightness(1.1)}.filters-dropdown__members-row{gap:4px;display:flex}.filters-dropdown__members-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:6px 10px;font-size:.8rem;font-weight:500;transition:all .15s}.filters-dropdown__members-btn:hover{border-color:var(--accent);color:var(--text)}.filters-dropdown__members-btn--active{border-color:var(--accent);color:var(--accent);background:#d4af371f;font-weight:600}.bankroll-tag-wrapper{display:inline-flex;position:relative}.exchange-controls .find-flip-btn{background:linear-gradient(135deg,var(--accent),#c9972a);color:var(--bg);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.exchange-controls .find-flip-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #d4af374d}.exchange-controls .find-flip-btn:active{transform:translateY(0)}.exchange-controls .bankroll-tag{color:var(--accent);cursor:pointer;background:#d4af371a;border:1px solid #d4af3740;border-radius:6px;align-items:center;gap:4px;margin-left:6px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.exchange-controls .bankroll-tag:hover{border-color:var(--accent);background:#d4af372e}.exchange-controls .bankroll-tag--empty{border-color:var(--border);color:var(--text-muted);background:0 0;font-weight:500}.exchange-controls .bankroll-tag--empty:hover{border-color:var(--accent);color:var(--accent)}.exchange-controls .smart-filter-banner{color:var(--text);background:#d4af370f;border-top:1px solid #d4af3726;border-bottom:1px solid #d4af3726;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:.82rem;display:flex}.exchange-controls .smart-filter-banner strong{color:var(--accent);font-weight:600}.exchange-controls .smart-filter-banner__clear{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px;font-size:.78rem;transition:all .15s}.exchange-controls .smart-filter-banner__clear:hover{border-color:var(--text-muted);color:var(--text)}.exchange-controls .controls-status{background:var(--bg-elev);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;font-size:.82rem;display:flex}.exchange-controls .live-indicator{background:#4ade8014;border:1px solid #4ade8033;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;display:flex}.exchange-controls .live-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.exchange-controls .live-label{color:#4ade80;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.exchange-controls .live-time{color:var(--text-muted);font-variant-numeric:tabular-nums}.exchange-controls .refresh-controls{align-items:center;gap:10px;display:flex}.exchange-controls .refresh-interval{align-items:center;gap:8px;display:flex}.exchange-controls .refresh-interval label{color:var(--text-muted);font-size:.8rem;font-weight:500}.exchange-controls .refresh-interval select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:.8rem}.exchange-controls .refresh-interval select:focus{border-color:var(--accent);outline:none}.exchange-controls .pause-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.exchange-controls .pause-btn:hover{background:var(--bg-card-strong);color:var(--text);border-color:#d4af374d}.exchange-controls .pause-btn.paused{color:#4ade80;background:#4ade801a;border-color:#4ade804d}.exchange-controls .pause-btn svg{flex-shrink:0}.exchange-controls .update-status{align-items:center;gap:16px;margin-left:auto;display:flex}.exchange-controls .next-update,.exchange-controls .last-update{color:var(--text-muted);font-size:.8rem}.exchange-controls .next-update strong,.exchange-controls .last-update strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}@media (max-width:768px){.exchange-controls .controls-status{flex-direction:column;align-items:flex-start;gap:12px}.exchange-controls .update-status{justify-content:space-between;width:100%;margin-left:0}.exchange-controls .refresh-controls{justify-content:flex-start;width:100%}}@media (max-width:640px){.exchange-controls .controls-filters{display:none}.exchange-controls .controls-mobile{display:flex}.exchange-refine-panel{padding:16px}.exchange-refine-panel .refine-grid,.exchange-refine-panel .refine-actions{grid-template-columns:1fr}}.ge-exchange-page .result-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.8fr);gap:20px}.ge-exchange-page .result-grid>*{min-width:0}@media (max-width:1024px){.ge-exchange-page .result-grid{grid-template-columns:1fr}}.login-prompt,.character-prompt{text-align:center;padding:var(--space-8)var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.login-prompt h2,.character-prompt h2{font-family:var(--font-display);margin:0 0 var(--space-3);font-size:1.5rem}.login-prompt p,.character-prompt p{color:var(--text-muted);margin:0 0 var(--space-5);max-width:400px;margin-left:auto;margin-right:auto}.login-prompt .button,.character-prompt .button{color:var(--bg);background:var(--accent);border-radius:var(--radius);transition:all var(--dur-1)var(--ease-out);border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.login-prompt .button:hover,.character-prompt .button:hover{filter:brightness(1.1)}.tracker-layout{gap:var(--space-6);flex-direction:column;display:flex}.tracker-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tracker-grid{gap:var(--space-5);grid-template-columns:320px 1fr 280px;align-items:start;display:grid}@media (max-width:1366px){.tracker-grid{grid-template-columns:1fr 1fr}.tracker-sidebar{grid-column:1/-1}}@media (max-width:768px){.tracker-grid{grid-template-columns:1fr}}.tracker-primary{gap:var(--space-4);flex-direction:column;display:flex}.tracker-main{min-width:0}.tracker-sidebar{gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:20px}.tracker-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tracker-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elev);border-bottom:1px solid var(--border);display:flex}.tracker-card-header h3{color:var(--text);margin:0;font-size:1rem;font-weight:600}.card-badge{color:var(--accent);border-radius:var(--radius-pill);background:#d4af371f;padding:4px 10px;font-size:.7rem;font-weight:500}.card-subtitle{color:var(--text-muted);font-size:.8rem}.tracker-primary-mobile{display:none}.tracker-primary-desktop{display:block}.mobile-actions-card .card-title-stack{flex-direction:column;gap:4px;display:flex}.mobile-actions-card .mobile-actions{gap:var(--space-3);padding:var(--space-4);display:flex}.mobile-actions-card .mobile-actions .button{flex:1;justify-content:center}.trades-card{flex-direction:column;display:flex}.trades-card .tracker-card-header{flex-shrink:0}.watchlist-card{flex-direction:column;max-height:500px;display:flex}.watchlist-card .tracker-card-header{flex-shrink:0}.exchange-loading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-muted);flex-direction:column;display:flex}.exchange-loading .loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.trading-overview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);gap:var(--space-4);padding:20px;display:grid}.trading-overview .overview-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.trading-overview .overview-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;display:block}.trading-overview .overview-title{margin:0;font-size:1.1rem;font-weight:600}.trading-overview .overview-period{border-radius:var(--radius-pill);background:var(--bg-elev);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;padding:4px 10px;font-size:.75rem}.trading-overview .overview-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-2);font-size:.75rem}.trading-overview .overview-section{gap:var(--space-3);display:grid}.trading-overview .overview-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.trading-overview .overview-quick-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.trading-overview .overview-details{border-top:none;padding-top:0}.trading-overview .overview-summary{align-items:center;gap:var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 12px;list-style:none;display:none}.trading-overview .overview-summary::-webkit-details-marker{display:none}.trading-overview .summary-label{color:var(--text);font-size:.85rem;font-weight:600}.trading-overview .summary-meta{color:var(--text-muted);margin-left:auto;font-size:.75rem}.trading-overview .summary-icon{color:var(--text-muted);transition:transform .2s}.trading-overview .overview-details[open] .summary-icon{transform:rotate(180deg)}.trading-overview .overview-details-content{gap:var(--space-4);margin-top:var(--space-3);display:grid}.trading-overview .overview-profit{margin:0}.overview-stat{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.overview-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-2);font-size:.7rem;font-weight:600;display:block}.overview-stat-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;display:block}.overview-stat-value.positive{color:#b6f1b6}.overview-stat-value.negative{color:#ff9a9a}.profit-summary{padding:var(--space-4)}@media (min-width:1200px){.profit-summary{gap:var(--space-4);display:grid}.profit-summary .profit-hero{margin-bottom:0}.profit-summary .overview-highlights .overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profit-summary .unrealized-section{grid-column:1/-1}.trading-overview .overview-details-content .overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.profit-summary-grid{gap:var(--space-3);display:grid}.profit-row{padding:var(--space-2)0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.profit-row:last-child{border-bottom:none}.profit-label{color:var(--text-muted);font-size:.85rem}.profit-value{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.profit-value.positive{color:#b6f1b6}.profit-value.negative{color:#ff9a9a}.trade-filters{gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);background:#00000026;flex-direction:column;display:flex}.trade-filters .filter-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.trade-filters .filter-search-wrapper{flex:1;min-width:180px;max-width:280px;position:relative}.trade-filters .filter-search-wrapper .search-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.trade-filters .filter-search-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:10px 12px 10px 38px;font-size:.85rem;transition:all .15s}.trade-filters .filter-search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4af371a}.trade-filters .filter-search-input::placeholder{color:var(--text-muted)}.trade-filters .filter-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.trade-filters .filter-segment{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.trade-filters .segment-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:.8rem;font-weight:500;transition:all .15s}.trade-filters .segment-btn:hover{background:var(--bg-card-strong);color:var(--text)}.trade-filters .segment-btn.active{background:var(--accent);color:var(--bg)}.trade-filters .filter-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;min-width:120px;padding:8px 12px;font-size:.85rem}.trade-filters .filter-select.compact{min-width:100px}.trade-filters .filter-select:focus{border-color:var(--accent);outline:none}.trade-filters .filter-period{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.trade-filters .period-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.trade-filters .period-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:.8rem;font-weight:500;transition:all .15s}.trade-filters .period-tab:hover{background:var(--bg-card-strong);color:var(--text)}.trade-filters .period-tab.active{background:var(--accent);color:var(--bg)}.trade-filters .reset-filters-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.trade-filters .reset-filters-btn:hover{border-color:var(--text-muted);color:var(--text)}.trade-filter-group{flex-direction:column;gap:4px;display:flex}.trade-filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;font-weight:600}.trade-filter-select{min-width:120px;padding:8px 12px;font-size:.85rem}.trade-filter-input{min-width:160px;padding:8px 12px;font-size:.85rem}.trade-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.trade-list-empty{text-align:center;padding:var(--space-6);color:var(--text-muted)}.trade-form{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.trade-form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:400px){.trade-form-row{grid-template-columns:1fr}}.trade-form-group{flex-direction:column;gap:6px;display:flex}.trade-form-group.full-width{grid-column:1/-1}.trade-form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:500}.trade-form-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.trade-form-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-1)var(--ease-out);border:none;flex:1;padding:10px 16px;font-size:.9rem;font-weight:500}.trade-form-btn.buy{background:var(--accent-alt);color:var(--bg)}.trade-form-btn.sell{background:var(--color-error);color:#fff}.trade-form-btn:hover{filter:brightness(1.1)}.trade-form-btn:disabled{opacity:.5;cursor:not-allowed}.watchlist{padding:var(--space-4);flex:1;overflow-y:auto}.watchlist-empty{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:.9rem}.watchlist-items{gap:var(--space-2);flex-direction:column;display:flex}.watchlist-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:all var(--dur-1)var(--ease-out);text-decoration:none;display:flex}.watchlist-item:hover{background:var(--bg-card-strong);border-color:#d4af374d}.watchlist-item-icon{background:var(--bg);object-fit:contain;border-radius:4px;flex-shrink:0;width:32px;height:32px}.watchlist-item-info{flex:1;min-width:0}.watchlist-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;display:block;overflow:hidden}.watchlist-item-prices{gap:var(--space-2);color:var(--text-muted);font-size:.75rem;display:flex}.watchlist-item-remove{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all var(--dur-1)var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.watchlist-item:hover .watchlist-item-remove{opacity:1}.watchlist-item-remove:hover{color:#ff9a9a;background:#cf3a3a26;border-color:#cf3a3a66}.trade-pagination,.pagination{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border);display:flex}.pagination-btn,.pagination .button{color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .15s}.pagination-btn:hover:not(:disabled),.pagination .button:hover:not(:disabled){color:var(--text);background:var(--bg-card-strong);border-color:#d4af374d}.pagination-btn:disabled,.pagination .button:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active,.pagination .button.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.pagination-info,.pagination .page-info{color:var(--text-muted);padding:0 var(--space-3);font-size:.85rem}.pagination-ellipsis,.page-ellipsis{color:var(--text-muted);padding:0 4px}.table-pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border);background:#00000026;flex-wrap:wrap;display:flex}.table-pagination .pagination-info{color:var(--text-muted);padding:0;font-size:.82rem}.table-pagination .pagination-controls{align-items:center;gap:4px;display:flex}.exchange-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex}.exchange-topbar .jump-search{flex:1;max-width:280px}.exchange-topbar .topbar-search{flex:1;align-items:center;max-width:320px;display:flex;position:relative}.exchange-topbar .topbar-search .table-search-input{padding:8px 12px 8px 36px;font-size:.85rem}.exchange-topbar .topbar-search .search-icon{width:14px;height:14px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.exchange-controls .jump-search{flex:1;min-width:200px;max-width:400px}.exchange-topbar .top-pagination{align-items:center;gap:4px;display:flex}.exchange-topbar .page-btn{min-width:32px;height:32px;color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.exchange-topbar .page-btn:hover:not(:disabled){color:var(--text);background:var(--bg-card-strong);border-color:#d4af374d}.exchange-topbar .page-btn:disabled{opacity:.4;cursor:not-allowed}.exchange-topbar .page-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.exchange-topbar .page-ellipsis{color:var(--text-muted);padding:0 4px}.exchange-topbar .page-total{color:var(--text-muted);padding:0 4px;font-size:.8rem}.price-chart-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);text-align:left;box-sizing:border-box;min-width:0}.price-chart-panel.detail{min-height:300px}.price-chart-panel.table{min-height:0}.price-chart-panel.table .chart-container{aspect-ratio:900/320;background:#00000038;border:1px solid #ffffff14;border-bottom:none;border-radius:12px;height:auto;min-height:0;padding:8px 0 12px;overflow:hidden}.price-chart-panel.table .price-svg{height:100%;min-height:0}.price-chart-panel.table .chart-body{gap:18px}.price-chart-panel.table .volume-chart-container{background:#0000002e;border:1px solid #ffffff14;border-radius:12px;margin-top:0;overflow:hidden}.price-chart-panel.table .volume-header{padding:8px 16px}.price-chart-panel.table .volume-svg{min-height:90px}.price-chart-panel>.price-chart{width:100%}.price-chart{background:linear-gradient(180deg,var(--bg-card)0%,#0003 100%);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.price-chart .chart-header{border-bottom:1px solid var(--border);background:#00000040;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.price-chart .chart-item-info{align-items:center;gap:12px;display:flex}.price-chart .chart-item-info .item-icon{background:var(--bg);border:1px solid var(--border);border-radius:6px;width:36px;height:36px;padding:4px}.price-chart .chart-item-info .item-details{flex-direction:column;gap:2px;display:flex}.price-chart .chart-item-info .item-name{color:var(--text);font-size:1rem;font-weight:600}.price-chart .chart-item-info .current-price{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:500}.price-chart .period-selector{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:flex}.price-chart .period-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.price-chart .period-btn:hover{color:var(--text);background:#ffffff0d}.price-chart .period-btn.active{background:var(--accent);color:var(--bg);box-shadow:0 2px 8px #d4af374d}.price-chart .chart-stats{align-items:center;display:flex}.price-chart .stat-change{font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;display:flex}.price-chart .stat-change.positive{color:var(--color-success);background:#7faf3a26}.price-chart .stat-change.negative{color:var(--color-error);background:#cf3a3a26}.price-chart .stat-change .change-icon{font-size:.7rem}.price-chart .stat-change .change-percent{opacity:.8}.price-chart .chart-stats-bar{border-bottom:1px solid var(--border);background:#00000026;flex-wrap:wrap;gap:12px;padding:12px 20px;display:flex}.price-chart .chart-stats-bar .stat-item{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:2px;min-width:100px;padding:8px 16px;display:flex}.price-chart .chart-stats-bar .stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;font-weight:600}.price-chart .chart-stats-bar .stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.price-chart .chart-body{flex-direction:column;gap:16px;display:flex}.price-chart .chart-container{cursor:crosshair;background:#0000002e;border-bottom:1px solid #ffffff0d;min-height:280px;padding:0;position:relative}.price-chart .price-svg{width:100%;height:auto;min-height:250px;display:block}.price-chart .grid-lines line{stroke:var(--border)}.price-chart .buy-line,.price-chart .sell-line{filter:drop-shadow(0 0 3px)}.price-chart .buy-area,.price-chart .sell-area{transition:opacity .2s}.price-chart .chart-tooltip{background:var(--bg-card);border:1px solid var(--border);z-index:100;pointer-events:none;border-radius:10px;min-width:180px;padding:12px 16px;animation:.15s tooltipFadeIn;position:absolute;transform:translate(-50%);box-shadow:0 8px 32px #0006}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.price-chart .chart-tooltip .tooltip-time{color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px;font-size:.75rem;font-weight:600}.price-chart .chart-tooltip .tooltip-prices{flex-direction:column;gap:6px;display:flex}.price-chart .chart-tooltip .tooltip-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.price-chart .chart-tooltip .tooltip-label{color:var(--text-muted);font-size:.8rem}.price-chart .chart-tooltip .tooltip-value{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.price-chart .chart-tooltip .tooltip-row.buy .tooltip-value{color:var(--color-success)}.price-chart .chart-tooltip .tooltip-row.sell .tooltip-value{color:var(--color-error)}.price-chart .chart-tooltip .tooltip-row.margin .tooltip-value{color:var(--accent)}.price-chart .chart-tooltip .tooltip-row.volume .tooltip-value{color:var(--text)}.price-chart .chart-legend{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);background:#00000080;border-radius:6px;align-items:center;gap:16px;padding:8px 14px;display:flex;position:absolute;bottom:12px;right:20px}.price-chart .legend-item{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:flex}.price-chart .legend-item .legend-line{border-radius:2px;width:20px;height:3px}.price-chart .legend-item.buy .legend-line{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.price-chart .legend-item.sell .legend-line{background:var(--color-error);box-shadow:0 0 6px var(--color-error)}.price-chart .volume-chart-container{border-top:1px solid var(--border);background:#00000026;min-height:120px;margin-top:4px;position:relative}.price-chart .volume-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.price-chart .volume-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.price-chart .volume-total{color:var(--text);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.price-chart .volume-svg{width:100%;height:auto;min-height:80px;display:block}.price-chart .volume-bars rect{transition:opacity .15s}.price-chart .chart-loading,.price-chart .chart-error,.price-chart .chart-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;padding:60px 24px;font-size:.9rem;display:flex}.price-chart .chart-error{color:var(--color-error)}.price-chart .chart-loading .loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@media (max-width:900px){.price-chart .chart-header{flex-direction:column;align-items:stretch;gap:12px}.price-chart .chart-item-info,.price-chart .period-selector,.price-chart .chart-stats,.price-chart .chart-stats-bar{justify-content:center}}@media (max-width:640px){.price-chart .chart-header{padding:12px 16px}.price-chart .period-selector{width:100%}.price-chart .period-btn{flex:1;padding:8px 10px;font-size:.75rem}.price-chart .chart-stats-bar{padding:10px 12px}.price-chart .chart-stats-bar .stat-item{flex:1;min-width:auto;padding:6px 10px}.price-chart .chart-legend{justify-content:center;bottom:8px;left:8px;right:8px}.price-chart .chart-tooltip{width:calc(100% - 32px);max-width:300px;position:fixed;bottom:20px;top:auto!important;left:50%!important}}@media (max-width:900px){.exchange-controls .controls-top{flex-direction:column;align-items:stretch}.exchange-controls .table-search,.exchange-controls .jump-search{max-width:none}.exchange-controls .view-selector{justify-content:center}.exchange-controls .find-flip-btn{padding:8px 14px;font-size:.8rem}.filters-dropdown__panel{border-radius:14px;width:auto;max-height:70vh;position:fixed;inset:auto 12px 12px;overflow-y:auto}}@media (max-width:640px){.exchange-controls .controls-filters{flex-direction:column;align-items:stretch}.exchange-controls .filter-group,.exchange-controls .filter-select{width:100%}.exchange-controls .filter-toggles{justify-content:flex-start;margin-left:0}.exchange-controls .save-preset-btn,.exchange-controls .reset-btn,.exchange-controls .find-flip-btn{justify-content:center;width:100%}.filters-dropdown__panel{border-radius:18px 18px 0 0;max-height:85vh;position:fixed;inset:auto 0 0}.exchange-controls .bankroll-tag{display:none}.exchange-controls .smart-filter-banner{flex-direction:column;align-items:flex-start;gap:8px}.exchange-topbar{gap:var(--space-2);flex-direction:column}.exchange-topbar .jump-search{width:100%;max-width:none}.exchange-topbar .top-pagination{flex-wrap:wrap;justify-content:center;width:100%}}.trade-form .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trade-form .form-row .form-field{width:100%;min-width:0}.trade-form .form-field input[type=number]{box-sizing:border-box;width:100%;min-width:0}@media (max-width:400px){.trade-form .form-row{grid-template-columns:1fr}}.trade-table-container{width:100%;overflow:hidden}.trade-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.8rem}.trade-table th,.trade-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:8px 6px;overflow:hidden}.trade-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;background:#0003;font-size:.65rem;font-weight:600}.trade-table .col-date{width:13%}.trade-table .col-item{width:22%}.trade-table .col-type{width:9%}.trade-table .col-qty{text-align:right;width:10%}.trade-table .col-price,.trade-table .col-total{text-align:right;width:15%}.trade-table .col-profit{text-align:right;width:16%}.trade-table.clickable tbody tr{cursor:pointer}.trade-table tbody tr:hover{background:#d4af370d}.trade-table .date-cell{flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.trade-table .date-main{color:var(--text);white-space:nowrap;font-size:.75rem}.trade-table .date-time{color:var(--text-muted);white-space:nowrap;font-size:.65rem}.trade-table .item-cell{flex-direction:column;gap:2px;min-width:0;max-width:100%;display:flex;overflow:hidden}.trade-table .item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:500;overflow:hidden}.trade-table .item-char{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.trade-table .trade-type-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:4px 8px;font-size:.65rem;font-weight:600;display:inline-block}.trade-table .trade-type-badge.buy{color:#7dc4e8;background:#3a9bcf26}.trade-table .trade-type-badge.sell{color:var(--accent);background:#d4af3726}.trade-table td.col-qty,.trade-table td.col-price,.trade-table td.col-total,.trade-table td.col-profit{font-variant-numeric:tabular-nums;font-weight:500}.trade-table .profit-positive{color:#b6f1b6}.trade-table .profit-negative{color:#ff9a9a}.trade-table .profit-pending{color:var(--text-muted)}.trade-table .profit-none{color:var(--text-muted);font-size:.75rem;font-weight:400}.trade-cards{padding:var(--space-3);flex-direction:column;gap:12px;display:none}.trade-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.trade-card.buy{border-left:3px solid #7dc4e8}.trade-card.sell{border-left:3px solid var(--accent)}.trade-card-header{border-bottom:1px solid var(--border);background:#00000026;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.trade-card-item{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trade-card-item .item-name{color:var(--text);font-size:.95rem;font-weight:600}.trade-card-item .item-char{color:var(--text-muted);font-size:.75rem}.trade-card-body{grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;display:grid}.trade-card-row{flex-direction:column;gap:2px;display:flex}.trade-card-row .label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;font-weight:600}.trade-card-row .value{font-variant-numeric:tabular-nums;color:var(--text);font-size:.95rem;font-weight:600}.trade-card-row .value.total{color:var(--accent)}.trade-card-row .value.profit-positive{color:#b6f1b6}.trade-card-row .value.profit-negative{color:#ff9a9a}.trade-card-row .value.profit-none{color:var(--text-muted);font-weight:400}.trade-card-footer{border-top:1px solid var(--border);background:#0000001a;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.trade-card-footer .trade-date{color:var(--text-muted);font-size:.75rem}@media (max-width:1366px){.trade-table-container{display:none}.trade-cards{display:flex}}@media (min-width:1025px) and (max-width:1200px){.trade-table th,.trade-table td{padding:8px 6px;font-size:.8rem}.trade-table th{font-size:.6rem}.trade-table .col-date{width:16%}.trade-table .col-item{width:22%}}.bankroll-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.bankroll-header{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border);background:#0003;justify-content:space-between;align-items:center;display:flex}.bankroll-header.no-title{justify-content:flex-end}.bankroll-header h3{margin:0;font-size:.95rem;font-weight:600}.bankroll-actions{gap:var(--space-2);display:flex}.bankroll-content{padding:var(--space-4)}.bankroll-stats{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.bankroll-stat{text-align:center;padding:var(--space-3);background:var(--bg-elev);border-radius:var(--radius-sm)}.bankroll-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;font-weight:600;display:block}.bankroll-stat-value{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.bankroll-stat-value.positive{color:#b6f1b6}.bankroll-stat-value.negative{color:#ff9a9a}.bankroll-empty{text-align:center;padding:var(--space-4)var(--space-2)}.bankroll-empty__text{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.5}.bankroll-empty__text strong{color:var(--accent)}.bankroll-edit-form{gap:var(--space-3);flex-direction:column;display:flex}.bankroll-edit-warning{border-radius:var(--radius-sm);background:#d4af3714;border:1px solid #d4af3740;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.bankroll-edit-warning svg{color:var(--accent);flex-shrink:0;margin-top:1px}.bankroll-edit-warning .warning-text{flex-direction:column;gap:2px;display:flex}.bankroll-edit-warning .warning-text strong{color:var(--accent);font-size:.8rem;font-weight:600}.bankroll-edit-warning .warning-text span{color:var(--text-muted);font-size:.75rem;line-height:1.4}.bankroll-edit-warning .warning-text em{color:var(--text);font-style:normal;font-weight:500}.bankroll-edit-fields{gap:var(--space-3);flex-direction:column;display:flex}.bankroll-edit-field{flex-direction:column;gap:4px;display:flex}.bankroll-edit-field .field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:600}.bankroll-edit-field input{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);box-sizing:border-box;padding:10px 14px;font-size:.9rem}.bankroll-edit-field input:focus{border-color:var(--accent);outline:none}.bankroll-edit-field .field-preview{color:var(--accent);font-size:.75rem;font-weight:500}.bankroll-edit-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.bankroll-edit-actions .button{white-space:nowrap;flex:1;min-width:80px;padding:10px 16px}.bankroll-add-funds-inline{gap:var(--space-3);flex-direction:column;display:flex}.add-funds-info-inline{border-radius:var(--radius-sm);background:#7faf3a14;border:1px solid #7faf3a33;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.add-funds-info-inline svg{color:var(--accent-alt);flex-shrink:0;margin-top:1px}.add-funds-info-inline span{color:var(--text-muted);font-size:.75rem;line-height:1.4}.bankroll-add-funds-row{gap:var(--space-2);display:flex}.bankroll-add-funds-row input{flex:1;min-width:0}.bankroll-add-funds-row .button{white-space:nowrap;flex-shrink:0;padding:10px 16px}.bankroll-error{margin-top:var(--space-2);border-radius:var(--radius-sm);color:#ff9a9a;background:#cf3a3a26;border:1px solid #cf3a3a4d;padding:8px 12px;font-size:.85rem}.bankroll-hint{color:var(--text-muted);text-align:center;margin:0;font-size:.7rem}.bankroll-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060504cc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bankroll-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:420px;padding:28px;position:relative;box-shadow:0 12px 40px #00000080}.bankroll-modal__close{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.bankroll-modal__close:hover{border-color:var(--text-muted);color:var(--text)}.bankroll-modal__title{color:var(--text);margin:0 0 8px;font-size:1.15rem;font-weight:700}.bankroll-modal__subtitle{color:var(--text-muted);margin:0 0 20px;font-size:.85rem;line-height:1.5}.bankroll-modal__input-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.bankroll-modal__input{background:var(--bg-elev);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:12px 14px;font-size:1rem;transition:border-color .15s}.bankroll-modal__input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4af371a}.bankroll-modal__preview{color:var(--accent);font-size:.82rem;font-weight:500}.bankroll-modal__error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;margin:0 0 12px;padding:8px 12px;font-size:.82rem}.bankroll-modal__warning{color:var(--text-muted);background:#facc1514;border:1px solid #facc1533;border-radius:6px;margin:0 0 12px;padding:8px 12px;font-size:.82rem}.bankroll-modal__link{color:var(--accent);text-decoration:underline}.bankroll-modal__actions{justify-content:flex-end;gap:10px;display:flex}.bankroll-modal__btn{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .15s}.bankroll-modal__btn--secondary{border:1px solid var(--border);color:var(--text-muted);background:0 0}.bankroll-modal__btn--secondary:hover{border-color:var(--text-muted);color:var(--text)}.bankroll-modal__btn--primary{background:var(--accent);border:1px solid var(--accent);color:var(--bg)}.bankroll-modal__btn--primary:hover:not(:disabled){filter:brightness(1.1)}.bankroll-modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.bankroll-modal{margin:0 8px;padding:20px}}.inventory-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.inventory-header{padding:var(--space-4);border-bottom:1px solid var(--border);background:#0003;justify-content:space-between;align-items:center;display:flex}.inventory-header h3{margin:0;font-size:.95rem;font-weight:600}.inventory-summary{gap:var(--space-3);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border);background:#0000001a;font-size:.85rem;display:flex}.inventory-summary-item{align-items:center;gap:6px;display:flex}.inventory-summary-item .label{color:var(--text-muted)}.inventory-summary-item .value{font-variant-numeric:tabular-nums;font-weight:600}.inventory-list{max-height:300px;overflow-y:auto}.inventory-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border);transition:background .15s;display:flex}.inventory-item:last-child{border-bottom:none}.inventory-item:hover{background:#d4af370d}.inventory-item-icon{background:var(--bg);border-radius:4px;flex-shrink:0;width:32px;height:32px}.inventory-item-info{flex:1;min-width:0}.inventory-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;display:block;overflow:hidden}.inventory-item-meta{gap:var(--space-2);color:var(--text-muted);font-size:.75rem;display:flex}.inventory-item-live{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-top:6px;font-size:.7rem;display:flex}.inventory-pill{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);background:#ffffff14;border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:600}.inventory-pill.positive{color:var(--color-success);background:#7faf3a33}.inventory-pill.negative{color:var(--color-error);background:#cf3a3a33}.inventory-item-qty{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.inventory-item-value{font-variant-numeric:tabular-nums;color:var(--accent);flex-direction:column;align-items:flex-end;gap:4px;font-weight:600;display:flex}.inventory-held{font-size:.85rem}.inventory-pnl{font-size:.8rem;font-weight:600}.inventory-pnl.positive{color:var(--color-success)}.inventory-pnl.negative{color:var(--color-error)}.inventory-empty{text-align:center;padding:var(--space-6);color:var(--text-muted)}.bankroll-available{color:var(--text-muted);margin-left:auto;font-size:.75rem}.trade-form .total-value{flex-wrap:wrap;gap:6px 12px}.trade-form .bankroll-available{text-align:right;width:100%;margin-left:0}.watch-item-live-alerts{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.watch-item-live-alerts .alert-pill{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;background:#d4af372e;border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:600}.watch-item-live-alerts .alert-reason{color:var(--text-muted);font-size:.7rem}.watch-item.alert-hit{border-color:#d4af3759;box-shadow:0 0 0 1px #d4af3726}.live-alerts-card{overflow:hidden}.live-alerts-empty{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:.85rem}.live-alerts-list{padding:var(--space-3)var(--space-4);flex-direction:column;gap:10px;display:flex}.live-alert{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0000002e;padding:10px 12px}.live-alert.positive{border-color:#7faf3a66}.live-alert.negative{border-color:#cf3a3a66}.live-alert-header{align-items:center;gap:10px;display:flex}.live-alert-icon{background:var(--bg);border-radius:6px;width:28px;height:28px}.live-alert-icon.placeholder{display:inline-block}.live-alert-title{flex-direction:column;gap:2px;display:flex}.live-alert-title a{color:var(--text);font-size:.85rem;font-weight:600;text-decoration:none}.live-alert-title a:hover{color:var(--accent)}.live-alert-tag{color:var(--text-muted);font-size:.7rem}.live-alert-details{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.live-alert-detail{color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:2px 6px;font-size:.7rem}.profit-summary .profit-hero{background:linear-gradient(135deg,#d4af371f,var(--bg-elev));border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid #d4af3759}.profit-summary .profit-hero-main{margin-bottom:var(--space-3);flex-direction:column;align-items:center;gap:4px;display:flex}.profit-summary .profit-hero-main .label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:600}.profit-summary .profit-hero-main .value{font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800}.profit-summary .profit-hero-main .value.positive{color:#b6f1b6;text-shadow:0 0 20px #7faf3a40}.profit-summary .profit-hero-main .value.negative{color:#ff9a9a;text-shadow:0 0 20px #cf3a3a40}.profit-summary .profit-hero-breakdown{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.profit-summary .profit-breakdown-item{flex-direction:column;align-items:center;gap:2px;display:flex}.profit-summary .profit-breakdown-item .breakdown-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;font-weight:500}.profit-summary .profit-breakdown-item .breakdown-value{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.profit-summary .profit-breakdown-item .breakdown-value.positive{color:#b6f1b6}.profit-summary .profit-breakdown-item .breakdown-value.negative{color:#ff9a9a}.profit-summary .profit-breakdown-divider{background:var(--border);width:1px;height:28px}.profit-summary .profit-cards{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.profit-summary .profit-card{padding:var(--space-3);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;flex-direction:column;gap:4px;display:flex}.profit-summary .profit-card.main{background:linear-gradient(135deg,#d4af371a,var(--bg-elev));border-color:#d4af374d}.profit-summary .profit-card .label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;font-weight:600}.profit-summary .profit-card .value{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.profit-summary .profit-card .value.positive{color:#b6f1b6}.profit-summary .profit-card .value.negative,.profit-summary .profit-card .value.cost{color:#ff9a9a}.profit-summary .profit-lists{gap:var(--space-4);flex-direction:column;display:flex}.profit-summary .profit-list h4{margin:0 0 var(--space-2);color:var(--text-muted);font-size:.8rem;font-weight:600}.profit-summary .profit-list ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.profit-summary .profit-list li{background:var(--bg-elev);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 10px;font-size:.85rem;display:flex}.profit-summary .profit-list .item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.profit-summary .profit-list .item-profit{font-variant-numeric:tabular-nums;font-weight:600}.profit-summary .profit-list .item-profit.positive{color:#b6f1b6}.profit-summary .profit-list .item-profit.negative{color:#ff9a9a}.profit-summary .profit-list .item-count{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.profit-summary .profit-list .item-icon{flex-shrink:0;width:20px;height:20px}.profit-summary .unrealized-section{margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);overflow:hidden}.profit-summary .unrealized-toggle{width:100%;padding:var(--space-3)var(--space-4);color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.profit-summary .unrealized-toggle:hover{background:var(--bg-card-strong)}.profit-summary .unrealized-toggle-label{align-items:center;gap:var(--space-2);display:flex}.profit-summary .unrealized-toggle-icon{color:var(--text-muted);transition:transform .2s}.profit-summary .unrealized-toggle-icon.open{transform:rotate(180deg)}.profit-summary .unrealized-positions{border-top:1px solid var(--border);padding:var(--space-2);gap:var(--space-2);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.profit-summary .unrealized-position{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);background:var(--bg-card);border-radius:var(--radius-sm);font-size:.85rem;display:flex}.profit-summary .unrealized-item-icon{flex-shrink:0;width:24px;height:24px}.profit-summary .unrealized-position-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profit-summary .unrealized-position-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.profit-summary .unrealized-position-qty{color:var(--text-muted);font-size:.75rem}.profit-summary .unrealized-position-values{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.profit-summary .unrealized-position-cost{color:var(--text-muted);font-size:.7rem}.profit-summary .unrealized-position-pnl{font-variant-numeric:tabular-nums;font-weight:700}.profit-summary .unrealized-position-pnl.positive{color:#b6f1b6}.profit-summary .unrealized-position-pnl.negative{color:#ff9a9a}.profit-summary .unrealized-more{text-align:center;padding:var(--space-2);color:var(--text-muted);font-size:.75rem;font-style:italic}.profit-summary .profit-list li.flip-item{flex-direction:column;gap:8px;padding:12px;display:flex}.profit-summary .profit-list .flip-item .flip-header{align-items:center;gap:10px;display:flex}.profit-summary .profit-list .flip-item .item-icon{flex-shrink:0;width:24px;height:24px}.profit-summary .profit-list .flip-info{flex:1;min-width:0}.profit-summary .profit-list .flip-info .item-name{color:var(--text);white-space:normal;word-wrap:break-word;font-size:.9rem;font-weight:600;line-height:1.3;display:block}.profit-summary .profit-list .flip-stats{color:var(--text-muted);flex-wrap:wrap;gap:6px;margin-top:4px;font-size:.75rem;font-weight:400;display:flex}.profit-summary .profit-list .flip-stats .flip-count,.profit-summary .profit-list .flip-stats .flip-prices{color:var(--text-muted)}.profit-summary .profit-list .flip-results{border-top:1px solid #e2b0651a;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.profit-summary .profit-list .flip-results .item-profit{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.profit-summary .profit-list .flip-roi{font-variant-numeric:tabular-nums;background:#0003;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:600}.profit-summary .profit-list .flip-roi.positive{color:#b6f1b6;background:#7faf3a26}.profit-summary .profit-list .flip-roi.negative{color:#ff9a9a;background:#cf3a3a26}.trade-edit-form{gap:var(--space-3);flex-direction:column;display:flex}.trade-edit-form .trade-edit-item-info{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elev);border-radius:var(--radius-sm);display:flex}.trade-edit-form .trade-edit-item-name{font-size:1rem;font-weight:600}.trade-edit-form .trade-edit-total{padding:var(--space-3);background:var(--bg-elev);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.trade-edit-form .trade-edit-total strong{font-variant-numeric:tabular-nums;font-size:1.1rem}.trade-edit-form .trade-edit-total strong.cost{color:#ff9a9a}.trade-edit-form .trade-edit-total strong.revenue{color:var(--accent)}.trade-edit-form .trade-edit-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.trade-edit-form .form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.trade-edit-form .form-field{flex-direction:column;gap:6px;display:flex}.trade-edit-form .form-field span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:500}.trade-edit-form .form-field input{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-variant-numeric:tabular-nums;padding:10px 12px;font-size:.9rem}.trade-edit-form .form-field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #d4af3726}.trade-edit-form .error{padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);color:#ff9a9a;background:#ff64641a;border:1px solid #ff64644d;font-size:.875rem}@media (max-width:480px){.trade-edit-form .form-row{grid-template-columns:1fr}}.trade-detail-view{gap:var(--space-4);flex-direction:column;display:flex}.trade-detail-header{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elev);border-radius:var(--radius-sm);display:flex}.trade-detail-header .trade-type-badge.large{padding:6px 12px;font-size:.8rem}.trade-detail-item-name{color:var(--text);font-size:1.1rem;font-weight:600}.trade-detail-grid{background:var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:2px;display:flex;overflow:hidden}.trade-detail-row{padding:var(--space-3);background:var(--bg-card);justify-content:space-between;align-items:center;display:flex}.trade-detail-row.highlight{background:var(--bg-elev)}.trade-detail-row.notes{align-items:flex-start;gap:var(--space-2);flex-direction:column}.trade-detail-row .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}.trade-detail-row .value{font-variant-numeric:tabular-nums;font-weight:500}.trade-detail-row .value.cost{color:#ff9a9a}.trade-detail-row .value.revenue{color:var(--accent)}.trade-detail-row .value.profit-positive{color:#b6f1b6}.trade-detail-row .value.profit-negative{color:#ff9a9a}.trade-detail-row .value.profit-none{color:var(--text-muted);font-style:italic}.trade-detail-actions{justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border);display:flex}.button.danger-outline{color:#ff9a9a;background:0 0;border:1px solid #cf3a3a80}.button.danger-outline:hover:not(:disabled){background:#cf3a3a26;border-color:#cf3a3ab3}.button.danger-outline:disabled{opacity:.5;cursor:not-allowed}.trade-card{cursor:pointer}.trade-card:hover{border-color:#d4af3766}.trade-delete-confirm{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-2)0;flex-direction:column;display:flex}.trade-delete-confirm .delete-confirm-icon{font-size:2.5rem}.trade-delete-confirm h3{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.trade-delete-confirm .delete-confirm-trade{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-elev);border-radius:var(--radius-sm);display:flex}.trade-delete-confirm .trade-item-name{font-weight:600}.trade-delete-confirm .trade-qty{color:var(--text-muted);font-size:.9rem}.trade-delete-confirm .delete-warning{padding:var(--space-3);border-radius:var(--radius-sm);color:var(--accent);text-align:left;background:#d4af371f;border:1px solid #d4af3759;width:100%;font-size:.9rem}.trade-delete-confirm .delete-warning strong{color:var(--accent)}.trade-delete-confirm .affected-trades{text-align:left;width:100%;padding:var(--space-3);background:var(--bg-elev);border-radius:var(--radius-sm)}.trade-delete-confirm .affected-trades .affected-label{margin:0 0 var(--space-2);color:var(--text-muted);font-size:.85rem;font-weight:500}.trade-delete-confirm .affected-trades ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.trade-delete-confirm .affected-trades li{color:var(--text);background:var(--bg-card);border-radius:4px;padding:6px 8px;font-size:.85rem}.trade-delete-confirm .affected-trades li.more{color:var(--text-muted);background:0 0;padding:4px 8px;font-style:italic}.trade-delete-confirm .delete-confirm-actions{gap:var(--space-3);width:100%;padding-top:var(--space-2);display:flex}.trade-delete-confirm .delete-confirm-actions .button{flex:1}.button.danger{color:#fff;background:#cf3a3ae6;border:1px solid #cf3a3a}.button.danger:hover:not(:disabled){background:#cf3a3a}.button.danger:disabled{opacity:.5;cursor:not-allowed}.overview-card{background:var(--bg-elev);border:1px solid var(--border);text-align:center;border-radius:10px;width:100%;min-width:0;max-width:none;padding:12px 16px}.overview-card.highlight{background:linear-gradient(180deg,#d4af371a,var(--bg-elev));border-color:#d4af374d}.overview-card .label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;display:block}.overview-card .value{color:var(--text);font-size:1.1rem;font-weight:600}.overview-card .value.large{font-size:1.5rem}.overview-card .value.small{font-size:.9rem}.overview-card .value.positive{color:#4ade80}.overview-card .value.negative{color:#f87171}.overview-card .value .buy{color:var(--accent-blue)}.overview-card .value .sell{color:var(--accent)}.section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.section-card h2{color:var(--text);margin-bottom:16px;font-size:1.1rem}.trade-type-toggle{gap:6px;display:flex}.toggle-btn{border:2px solid var(--border);background:var(--bg-elev);color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s}.toggle-btn:hover{border-color:var(--accent)}.toggle-btn.active{background:linear-gradient(180deg,#3a9bcf33,var(--bg-elev));border-color:var(--accent-blue);color:var(--accent-blue)}.toggle-btn.active.sell{background:linear-gradient(180deg,#d4af3733,var(--bg-elev));border-color:var(--accent);color:var(--accent)}.form-row{gap:10px;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}.form-field.flex-grow{flex:1}.form-field span{color:var(--text-muted);font-size:.75rem}.form-field input{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:6px;padding:8px 12px;font-size:.95rem}.form-field input:focus{border-color:var(--accent);outline:none}.total-value{background:var(--bg-elev);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.total-value span{color:var(--text-muted)}.total-value strong{font-size:1.1rem}.total-value strong.cost{color:var(--accent-blue)}.total-value strong.revenue{color:var(--accent)}.submit-btn{margin-top:8px}.submit-btn.buy{background:linear-gradient(#4a7ca8,#3a6b8c)}.submit-btn.sell{background:linear-gradient(#6d5a3c,#53422a)}.trade-type-badge{border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.trade-type-badge.buy{color:var(--accent-blue);background:#3a9bcf26}.trade-type-badge.sell{color:var(--accent);background:#d4af3726}.profit-positive{color:var(--accent-alt);font-weight:600}.profit-negative{color:#e74c3c;font-weight:600}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.page-info{color:var(--text-muted);font-size:.9rem}.watch-list-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.watch-list-header h3{font-size:1rem;font-weight:600}.watch-list-hint{color:var(--text-muted);margin:0 0 10px;font-size:.75rem;line-height:1.4}.watch-list-search{margin-bottom:10px}.watch-list-search input{border:1px solid var(--border);background:var(--bg-elev);width:100%;color:var(--text);border-radius:6px;padding:8px 10px;font-size:.85rem}.watch-list-search input:focus{border-color:var(--accent);outline:none}.watch-add-form{background:var(--bg-elev);border-radius:8px;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px;display:flex}.watch-add-form .item-search{width:100%}.watch-add-form .form-row{flex-direction:column;gap:8px}.watch-items{max-height:500px;list-style:none;overflow-y:auto}.watch-items li{border:1px solid var(--border);background:var(--bg-elev);border-radius:8px;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px;display:flex}.watch-items li.inactive{opacity:.5}.watch-item-info{align-items:center;gap:8px;display:flex}.watch-item-icon{background:var(--bg-card-strong);border-radius:4px;width:24px;height:24px}.watch-item-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.watch-item-info .item-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;text-decoration:none;overflow:hidden}.watch-item-info .item-id{color:var(--text-muted);font-size:.7rem}.watch-item-stats{color:var(--text-muted);grid-template-columns:repeat(2,1fr);gap:4px;font-size:.78rem;display:grid}.watch-item-edit{background:var(--bg-elev);border-radius:var(--radius);flex-direction:column;gap:10px;padding:12px;display:flex}.watch-item-alerts{flex-wrap:wrap;gap:6px;display:flex}.alert-badge{background:var(--bg-card-strong);color:var(--text-muted);border-radius:999px;padding:3px 8px;font-size:.75rem}.alert-badge.buy{color:var(--accent-blue);background:#3a9bcf26}.alert-badge.sell{color:var(--accent);background:#d4af3726}.watch-item-notes{color:var(--text-muted);font-size:.85rem;font-style:italic}.watch-item-actions{gap:8px;margin-top:4px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:32px}.empty-state p{margin:4px 0}.status-note{color:var(--accent-alt);background:#7faf3a26;border-radius:6px;padding:10px 14px;font-size:.9rem}.status-note.success{color:var(--accent-alt);background:#7faf3a26}.form-hint{color:var(--text-muted);margin-top:10px;font-size:.85rem}.trades-card .trade-filters{border:none;border-radius:0;margin-bottom:0}.trades-card .trade-list{margin:0;padding:0}.watchlist-card .watch-list{padding:16px 20px}.trade-list{padding:0 20px 20px}@media (max-width:1366px){.trading-content,.tracker-grid{grid-template-columns:1fr}.tracker-sidebar{grid-column:span 1;position:static}.tracker-primary,.tracker-main,.tracker-sidebar,.tracker-card{width:100%}.trade-list,.trade-cards,.trade-filters,.mobile-actions-card{width:100%;max-width:100%}.trade-filters .filter-bar{flex-direction:column;align-items:stretch}.trade-filters .filter-search-wrapper{max-width:none}.trade-filters .filter-controls{justify-content:space-between}}@media (max-width:768px){.form-row{flex-direction:column}.overview-card,.overview-card.highlight{min-width:0}.trade-filters .filter-period{flex-direction:column;align-items:stretch;gap:10px}.trade-filters .period-tabs{flex-wrap:wrap;justify-content:center}.trade-filters .reset-filters-btn{justify-content:center;width:100%}.watch-item-stats{grid-template-columns:1fr 1fr}}@media (max-width:1024px){.trading-overview .overview-grid,.trading-overview .overview-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.trading-header{gap:12px}.ge-exchange-page .page-header h1{font-size:1.6rem}.ge-exchange-page .page-header .subtitle{font-size:.85rem}.tracker-layout{gap:var(--space-4)}.tracker-stats{gap:var(--space-3);grid-template-columns:1fr}.tracker-card{border-radius:12px}.tracker-card-header{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px}.trade-form{padding:12px 14px}.trade-form-actions{flex-direction:column}.trade-form-btn{width:100%}.trade-filters{gap:12px;padding:12px 14px}.trade-filters .filter-bar,.trade-filters .filter-controls,.trade-filters .filter-period{flex-direction:column;align-items:stretch}.trade-filters .filter-search-wrapper{max-width:none}.trade-filters .filter-select,.trade-filters .filter-select.compact{width:100%;min-width:0}.trade-filters .filter-segment,.trade-filters .period-tabs{justify-content:space-between;width:100%}.trade-filters .segment-btn,.trade-filters .period-tab{text-align:center;flex:1}.trade-filters .reset-filters-btn{justify-content:center;width:100%}.trade-list{padding:0 12px 12px}.trade-cards{padding:12px}.watchlist-card{max-height:none}.tracker-grid{gap:var(--space-4);flex-direction:column;display:flex}.tracker-primary{order:1}.tracker-primary>*{order:initial}.tracker-primary-mobile{display:block}.tracker-primary-desktop{display:none}.tracker-main{order:2}.tracker-sidebar{order:3;position:static}.trading-overview{padding:14px}.trading-overview .overview-grid,.trading-overview .overview-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trading-overview .overview-header{flex-direction:column;align-items:flex-start}.trading-overview .overview-period{align-self:flex-start}.trading-overview .overview-details{border-top:1px solid var(--border);padding-top:var(--space-3)}.trading-overview .overview-summary{padding:8px 10px;display:flex}.trading-overview .summary-meta{display:none}.profit-summary .profit-hero{margin-bottom:var(--space-3);padding:12px}.profit-summary .profit-hero-main .value{font-size:1.4rem}.profit-summary .profit-hero-breakdown{gap:var(--space-2)}.profit-summary .profit-breakdown-divider{height:22px}.bankroll-header{flex-direction:row;gap:8px}.bankroll-actions{gap:var(--space-2);flex-wrap:wrap}.mobile-actions-card .mobile-actions{flex-direction:column}.mobile-actions-card .mobile-actions .button{width:100%}}
}

@layer pages {
.calc-container{gap:var(--space-6);flex-direction:column;display:flex}.calc-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.calc-header-content h1{font-family:var(--font-display);margin:0 0 var(--space-2);font-size:2rem;font-weight:600}.calc-header-content p{color:var(--text-muted);margin:0}.calc-header-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.calc-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:inline-flex}.calc-badge.accent{color:var(--accent);background:#d4af371a;border-color:#d4af374d}.calc-badge svg{opacity:.7;flex-shrink:0}.calc-skills{gap:var(--space-4);border-radius:var(--radius);background:linear-gradient(135deg,var(--bg-elev)0%,#2a2318cc 100%);border:3px solid #0000;border-image:linear-gradient(135deg,var(--rs-gold)0%,var(--accent)50%,var(--rs-tan)100%)1;flex-direction:column;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffdf8026,inset 0 -2px #0006,inset 0 0 30px #0003,0 8px 16px #0009,0 0 20px #d4af3714}.calc-skills:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffdf804d 25%,#ffdf8080 50%,#ffdf804d 75%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.calc-skill-group{gap:var(--space-2);flex-direction:column;display:flex}.calc-skill-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:600}.calc-skill-buttons{flex-wrap:wrap;gap:6px;display:flex}.calc-skill-select{display:none}.calc-skill-select label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:600}.calc-skill-select select{width:100%}.calc-skill-groups{gap:var(--space-4);display:grid}.calc-skill-btn{color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-1)var(--ease-out);padding:8px 14px;font-size:.85rem;font-weight:500}.calc-skill-btn:hover{color:var(--text);background:var(--bg-card-strong);border-color:#d4af374d}.calc-skill-btn.active{color:var(--bg);background:var(--accent);border-color:var(--accent);box-shadow:0 2px 8px #d4af374d}.calc-main{gap:var(--space-6);border-radius:var(--radius);background:linear-gradient(135deg,var(--bg-elev)0%,#2a2318cc 100%);border:3px solid #0000;border-image:linear-gradient(135deg,var(--rs-gold)0%,var(--accent)50%,var(--rs-tan)100%)1;grid-template-columns:320px 1fr;align-items:start;padding:26px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffdf8026,inset 0 -2px #0006,inset 0 0 30px #0003,0 8px 16px #0009,0 0 20px #d4af3714}.calc-main:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffdf804d 25%,#ffdf8080 50%,#ffdf804d 75%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}@media (max-width:1024px){.calc-main{grid-template-columns:1fr}}.calc-sidebar{gap:var(--space-4);flex-direction:column;display:flex}.calc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.calc-desktop-only{display:block}.calc-mobile-only{display:none}.calc-modal-body{gap:var(--space-3);flex-direction:column;display:flex}.calc-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);background:#0003;display:flex}.calc-card-header h3{margin:0;font-size:.95rem;font-weight:600}.calc-card-tag{color:var(--accent);border-radius:var(--radius-pill);background:#d4af371f;padding:4px 10px;font-size:.75rem;font-weight:500}.calc-card-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.calc-card-actions{gap:var(--space-2);margin-top:var(--space-1);display:flex}.calc-input-group{flex-direction:column;gap:6px;display:flex}.calc-input-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:500}.calc-input-group input,.calc-input-group select{width:100%}.calc-level-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.calc-progress{gap:var(--space-2);padding-top:var(--space-2);flex-direction:column;display:flex}.calc-progress-bar{background:var(--bg-elev);border-radius:var(--radius-pill);height:8px;overflow:hidden}.calc-progress-fill{background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:var(--radius-pill);height:100%;transition:width var(--dur-2)var(--ease-out)}.calc-progress-stats{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.calc-progress-remaining{color:var(--accent);font-weight:500}.calc-btn{color:var(--bg);background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-1)var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:500;display:inline-flex}.calc-btn:hover:not(:disabled){filter:brightness(1.1)}.calc-btn:disabled{opacity:.6;cursor:not-allowed}.calc-btn.ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.calc-btn.ghost:hover:not(:disabled){color:var(--text);background:var(--bg-card-strong);border-color:#d4af374d}.calc-btn.full-width{width:100%}.calc-checkbox-list{gap:var(--space-2);flex-direction:column;display:flex}.calc-checkbox{color:var(--text-muted);cursor:pointer;align-items:center;gap:10px;font-size:.9rem;display:flex}.calc-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.calc-checkbox span{flex:1}.calc-checkbox-bonus{color:var(--accent-alt);font-size:.75rem;font-weight:600}.calc-error{color:#cf3a3a;margin:0;font-size:.85rem}.calc-error-banner{padding:var(--space-4);border-radius:var(--radius);color:#ff9a9a;background:#cf3a3a1a;border:1px solid #cf3a3a4d;font-size:.9rem}.calc-loading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-muted);display:flex}.calc-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.calc-note{color:var(--text-muted);margin:0;font-size:.8rem;font-style:italic}.calc-monster-form{gap:var(--space-3);flex-direction:column;display:flex}.calc-results{min-width:0}.calc-table-container{border:1px solid var(--border);border-radius:var(--radius);-webkit-overflow-scrolling:touch;background:#00000040;overflow-x:auto}.calc-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:700px;font-size:.9rem}.calc-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;z-index:1;background:#00000080;padding:12px 14px;font-size:.75rem;font-weight:600;position:sticky;top:0}.calc-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.calc-th-sortable:hover{color:var(--text)}.calc-sort-icon{color:var(--accent);margin-left:4px}.calc-table td{border-top:1px solid var(--border);vertical-align:middle;padding:12px 14px}.calc-table tbody tr:hover{background:#ffffff05}.calc-row-unmet td{opacity:.6}.calc-level-badge{border-radius:var(--radius-pill);justify-content:center;align-items:center;min-width:36px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.calc-level-badge.met{color:#b6f1b6;background:#7faf3a33;border:1px solid #7faf3a66}.calc-level-badge.unmet{color:#ff9a9a;background:#ff636326;border:1px solid #ff636359}.calc-action-cell{align-items:center;gap:10px;display:flex}.calc-action-link{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.calc-action-link:hover .calc-action-name{text-decoration:underline}.calc-action-cell img{object-fit:contain;background:var(--bg);border-radius:4px;flex-shrink:0;width:24px;height:24px}.calc-action-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calc-action-name{color:var(--accent);text-decoration:none}.calc-member-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;background:#d4af3726;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.calc-bonus-tag{color:var(--accent-blue);background:#3a9bcf26;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.calc-num{text-align:right;font-variant-numeric:tabular-nums}.calc-materials ul{color:var(--text-muted);flex-direction:column;gap:2px;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.calc-profit{color:#b6f1b6;font-weight:600}.calc-loss{color:#ff9a9a;font-weight:600}.calc-muted{color:var(--text-muted)}.calc-empty{text-align:center;color:var(--text-muted);padding:var(--space-6)var(--space-4)}.calc-remove-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:all var(--dur-1)var(--ease-out);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.calc-remove-btn:hover{color:#ff9a9a;background:#cf3a3a26;border-color:#cf3a3a66}@media (max-width:1024px){.calc-header-content h1{font-size:1.5rem}.calc-skills,.calc-main{padding:var(--space-5)}.calc-skill-buttons{gap:4px}.calc-skill-btn{padding:6px 10px;font-size:.8rem}.calc-level-grid{grid-template-columns:1fr}.calc-table{min-width:600px}.calc-skill-groups{display:none}.calc-skill-select{display:block}.calc-desktop-only{display:none}.calc-mobile-only{display:block}}@media (max-width:640px){.calc-skills,.calc-main{padding:var(--space-4)}.calc-header-content h1{font-size:1.3rem}.calc-header-content p{font-size:.9rem}}
}