*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a24;--bg-hover:#22222e;--border:#2a2a3a;--text-primary:#e0e0e8;--text-secondary:#8888a0;--text-muted:#5a5a70;--accent:#c8a24e;--accent-dim:#8a6a2e;--profit-green:#4c6;--profit-red:#c44;--link:#6ea8fe;color:var(--text-primary);background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{min-height:100vh}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.app-shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.brand-mark{background:var(--accent);color:var(--bg-primary);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:800;display:flex}.brand-title{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.2}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:6px;padding:.6rem .75rem;font-size:.9rem;transition:all .15s}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-link--active{background:var(--accent-dim);color:var(--accent);font-weight:600}.sidebar-footer{margin-top:auto}.sidebar-footer__credit{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.sidebar-footer__version{color:var(--text-muted);margin-top:.5rem;font-size:.7rem}.main-area{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.topbar-title{font-size:1.1rem;font-weight:600}.topbar-right{align-items:center;gap:.75rem;display:flex}.topbar-btn{width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;display:flex}.main-content{flex:1;width:100%;max-width:1400px;padding:1.5rem}.app-footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;padding:.75rem 1.5rem;font-size:.75rem;display:flex}.trade-settings{position:relative}.trade-settings__header{cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.85rem;display:flex}.trade-settings__controls{align-items:center;gap:.5rem;display:flex}.trade-setting__select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;padding:.3rem .5rem;font-size:.8rem}.trade-setting__label{color:var(--text-muted);font-size:.7rem}.trade-setting{flex-direction:column;gap:.15rem;display:flex}.loading-screen{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-sub{color:var(--text-muted);font-size:.85rem}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-value{font-size:1.25rem;font-weight:700}.stat-sub{font-size:.85rem}.filters{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.filter-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;min-width:220px;padding:.5rem .75rem;font-size:.9rem}.filter-input--small{width:80px;min-width:80px}.filter-field{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.filter-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.table-wrapper{overflow-x:auto}.card-table{border-collapse:collapse;width:100%;font-size:.875rem}.card-table thead{z-index:5;position:sticky;top:0}.card-table__th{background:var(--bg-card);border-bottom:2px solid var(--border);text-align:left;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;vertical-align:bottom;padding:.75rem .6rem;font-size:.8rem;font-weight:600}.th-sub{text-transform:none;color:var(--text-muted);letter-spacing:0;margin-top:.1rem;font-size:.6rem;font-weight:400;display:block}.card-table__th:hover{color:var(--text-primary)}.card-table__th--active{color:var(--accent)}.sort-arrow{font-size:.75rem}.card-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.6rem}.card-table tr:hover{background:var(--bg-hover)}.row--loss{opacity:.6}.card-table__name{align-items:center;gap:.6rem;min-width:260px;display:flex;position:relative}.card-icon{object-fit:contain;border-radius:3px;flex-shrink:0;width:36px;height:48px}.card-name{color:var(--text-primary);font-weight:600;display:block}.card-reward{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.75rem;display:block;overflow:hidden}.card-stack{color:var(--text-muted);font-size:.7rem;display:block}.card-table__price{white-space:nowrap}.trend{margin-left:.4rem;font-size:.75rem}.trend--up{color:var(--profit-green)}.trend--down{color:var(--profit-red)}.profit--positive{color:var(--profit-green);font-weight:600}.profit--negative{color:var(--profit-red)}.card-art-tooltip{z-index:100;background:var(--bg-primary);border:1px solid var(--accent-dim);pointer-events:none;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;min-width:200px;margin-left:.75rem;padding:.5rem;display:flex;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 8px 32px #0009}.card-art-img{border-radius:4px;width:180px;height:auto}.card-art-info{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:.15rem;font-size:.75rem;display:flex}.card-art-info strong{color:var(--accent);font-size:.85rem}.card-art-stack{color:var(--text-muted)}.card-art-reward{color:var(--text-secondary);max-width:180px}.card-table__links{white-space:nowrap}.card-table__links a+a{margin-left:.35rem}.trade-btn,.ninja-btn{border-radius:4px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:background .15s;display:inline-block}.trade-btn{background:var(--accent-dim);color:var(--accent)}.trade-btn:hover{background:var(--accent);color:var(--bg-primary);text-decoration:none}.ninja-btn{color:#66bb6a;background:#1a2a1a}.ninja-btn:hover{color:var(--bg-primary);background:#66bb6a;text-decoration:none}.empty-state,.error-state{text-align:center;color:var(--text-secondary);padding:3rem}.error-details{background:var(--bg-card);border:1px solid var(--border);max-width:600px;color:var(--profit-red);white-space:pre-wrap;word-break:break-word;text-align:left;border-radius:6px;margin:1rem auto;padding:1rem;font-size:.8rem}.error-hint{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.error-state button{background:var(--accent);color:var(--bg-primary);cursor:pointer;border:none;border-radius:6px;margin-top:1rem;padding:.5rem 1.5rem;font-weight:600}@media (width<=768px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.stats-row{grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column}.filter-input{min-width:unset;width:100%}}.spike-tracker-page{flex-direction:column;gap:1.5rem;display:flex}.spike-tracker-page__controls{flex-direction:column;gap:1rem;display:flex}.spike-tracker-page__filters{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.spike-tracker-page__content{grid-template-columns:1fr 400px;gap:1.5rem;display:grid}.filter-label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.category-filter{flex-wrap:wrap;gap:.4rem;display:flex}.category-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;transition:all .15s}.category-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.category-btn--active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-dim);font-weight:600}.league-selector{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.league-selector__label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.league-checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.3rem;font-size:.85rem;display:flex}.spike-table{border-collapse:collapse;width:100%;font-size:.875rem}.spike-table thead th{background:var(--bg-card);border-bottom:2px solid var(--border);text-align:left;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;padding:.75rem .6rem;font-size:.8rem;font-weight:600}.spike-table thead th:hover{color:var(--text-primary)}.spike-table thead th.sorted{color:var(--accent)}.spike-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.6rem}.spike-table tr:hover{background:var(--bg-hover);cursor:pointer}.spike-table tr.row--selected{background:var(--accent-dim)}.cell--item{align-items:center;gap:.5rem;min-width:200px;display:flex}.item-icon{object-fit:contain;border-radius:3px;width:28px;height:28px}.item-type-badge{background:var(--bg-hover);color:var(--text-muted);white-space:nowrap;border-radius:3px;margin-left:auto;padding:.1rem .35rem;font-size:.65rem;font-weight:500}.category-btn--recommended{border-color:var(--accent-dim)}.category-btn--recommended.category-btn--active{background:var(--accent);color:#0a0a0f;border-color:var(--accent)}.spike-badge{white-space:nowrap;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;font-weight:600}.spike-badge--extreme{color:#3d6;background:#1a3a1a}.spike-badge--high{color:#6c6;background:#1a3a1a}.spike-badge--positive{color:#8b7;background:#1a2a1a}.spike-badge--negative{color:#c84;background:#2a1a1a}.spike-badge--crash{color:#c44;background:#3a1a1a}.spike-badge--na{color:var(--text-muted)}.spike-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem}.spike-chart--empty{min-height:300px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.spike-chart__title{margin-bottom:.75rem;font-size:1rem;font-weight:600}.spike-chart__hint{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.loading-dot{color:var(--accent)}.result-count{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}.error-banner{color:#f66;background:#2a1a1a;border:1px solid #c44;border-radius:6px;padding:.75rem 1rem;font-size:.85rem}.loading-banner{color:var(--accent);padding:1rem 0;font-size:.9rem}@media (width<=1024px){.spike-tracker-page__content{grid-template-columns:1fr}}.investment-page{flex-direction:column;gap:1.5rem;display:flex}.investment-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.investment-page__header h2{font-size:1.3rem;font-weight:700}.investment-page__subtitle{color:var(--text-secondary);max-width:600px;margin-top:.25rem;font-size:.9rem}.investment-page__actions{gap:.5rem;display:flex}.wizard{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.wizard__progress{gap:1rem;margin-bottom:1.5rem;display:flex}.wizard__step{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.wizard__step--active{color:var(--accent);font-weight:600}.wizard__step--done{color:var(--profit-green)}.wizard__step-num{border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.wizard__step--active .wizard__step-num{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.wizard__step--done .wizard__step-num{border-color:var(--profit-green);color:var(--profit-green);background:#1a3a1a}.wizard__panel h3{margin-bottom:1rem;font-size:1.1rem}.wizard__options{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.wizard__option{border:2px solid var(--border);background:var(--bg-secondary);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;gap:.25rem;padding:1rem;transition:all .15s;display:flex}.wizard__option:hover{border-color:var(--text-muted)}.wizard__option--selected{border-color:var(--accent);background:var(--accent-dim)}.wizard__option strong{color:var(--text-primary);font-size:.95rem}.wizard__option span{color:var(--text-secondary);font-size:.8rem}.wizard__tiers{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.wizard__tier{border:2px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:all .15s}.wizard__tier:hover{border-color:var(--text-muted)}.wizard__tier--selected{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.wizard__custom-input{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.wizard__slider{flex:1}.wizard__slider-value{color:var(--accent);min-width:60px;font-size:1.1rem;font-weight:700}.wizard__nav{gap:.5rem;display:flex}.btn--small{padding:.25rem .6rem;font-size:.75rem}.btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .15s}.btn--primary{background:var(--accent);color:var(--bg-primary)}.btn--primary:hover{filter:brightness(1.1)}.btn--secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn--secondary:hover{background:var(--bg-hover)}.confidence-badge{border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.confidence--high{color:#6c6;background:#1a3a1a}.confidence--medium{color:#fa4;background:#3a2a1a}.confidence--low{color:#c44;background:#2a1a1a}.inv-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;width:300px;padding:1rem}.inv-card--buy{border-left:3px solid var(--profit-green)}.inv-card--sell{border-left:3px solid var(--accent)}.inv-card__header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.inv-card__icon{object-fit:contain;border-radius:3px;width:32px;height:32px}.inv-card__info{flex:1}.inv-card__name{font-size:.9rem;font-weight:600;display:block}.inv-card__type{color:var(--text-muted);font-size:.7rem;display:block}.inv-card__body{flex-direction:column;gap:.5rem;display:flex}.inv-card__price,.inv-card__roi,.inv-card__timing{flex-wrap:wrap;align-items:baseline;gap:.4rem;font-size:.85rem;display:flex}.inv-card__label{color:var(--text-muted);text-transform:uppercase;min-width:100%;font-size:.7rem}.inv-card__value{font-size:1rem;font-weight:700}.inv-card__value--green{color:var(--profit-green)}.inv-card__current{color:var(--text-secondary);font-size:.8rem}.inv-card__range{color:var(--text-muted);font-size:.75rem}.inv-card__hold{color:var(--text-muted);margin-left:.25rem;font-size:.75rem}.inv-card__style-tag{background:var(--bg-hover);color:var(--text-secondary);border-radius:4px;margin-top:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.inv-card__add-btn{width:100%;margin-top:.75rem}.sell-signal{border-radius:6px;gap:.5rem;margin-top:.25rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.sell-signal--danger{color:#f66;background:#2a1a1a;border:1px solid #422}.sell-signal--info{color:#6af;background:#1a2a3a;border:1px solid #234}.sell-signal__icon{font-weight:700}.timeline__summary{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}.timeline__stat{flex-direction:column;display:flex}.timeline__stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.timeline__stat-value{font-size:1.25rem;font-weight:700}.timeline__stat-value--green{color:var(--profit-green)}.timeline__days{flex-direction:column;gap:1rem;display:flex}.timeline__day{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem}.timeline__day-header{align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.timeline__day-num{color:var(--accent);font-size:1.1rem;font-weight:700}.timeline__day-note{color:var(--text-muted);font-size:.8rem;font-style:italic}.timeline__section{margin-bottom:.75rem}.timeline__section-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem}.timeline__section-title--buy{color:var(--profit-green)}.timeline__section-title--sell{color:var(--accent)}.timeline__cards{flex-wrap:wrap;gap:.75rem;display:flex}.roi-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem}.roi-chart__title{font-size:1rem;font-weight:600}.roi-chart__subtitle{color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem}.portfolio{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem}.portfolio__title{margin-bottom:.75rem;font-size:1rem;font-weight:600}.portfolio__summary{border-bottom:1px solid var(--border);gap:1.5rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.portfolio__stat{flex-direction:column;display:flex}.portfolio__stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.portfolio__stat-value{font-size:1.1rem;font-weight:700}.portfolio__stat-value--green{color:var(--profit-green)}.portfolio__stat-value--red{color:var(--profit-red)}.portfolio__section{margin-bottom:1rem}.portfolio__section h4{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.portfolio__table{border-collapse:collapse;width:100%;font-size:.85rem}.portfolio__table th{background:var(--bg-secondary);text-align:left;color:var(--text-muted);text-transform:uppercase;padding:.5rem;font-size:.75rem}.portfolio__table td{border-bottom:1px solid var(--border);padding:.5rem}.portfolio__empty{color:var(--text-muted);text-align:center;padding:2rem;font-size:.85rem}.investment-page__tabs{gap:.25rem;display:flex}.investment-page__plan-actions{gap:.5rem;display:flex}.live-portfolio{flex-direction:column;gap:1.5rem;display:flex}.live-portfolio__login{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:8px;padding:2rem}.live-portfolio__login h3{margin-bottom:.5rem}.live-portfolio__login p{color:var(--text-secondary);max-width:500px;margin-bottom:1rem;margin-left:auto;margin-right:auto;font-size:.9rem}.live-portfolio__pickers{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.live-portfolio__section h3{margin-bottom:.75rem;font-size:1rem;font-weight:600}.login-btn{align-items:center;gap:.5rem;display:flex}.login-btn__account{color:var(--accent);font-size:.85rem;font-weight:600}.stash-picker,.char-picker{flex-direction:column;gap:.5rem;display:flex}.stash-picker__label,.char-picker__label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.stash-grid__summary{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;gap:1.5rem;margin-bottom:1rem;padding:1rem;display:flex}.stash-grid__stat{flex-direction:column;display:flex}.stash-grid__stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.stash-grid__stat-value{font-size:1.1rem;font-weight:700}.stash-grid__stat--warn .stash-grid__stat-value{color:#f66}.stash-grid__stat--good .stash-grid__stat-value{color:var(--profit-green)}.stash-grid__items{flex-direction:column;gap:.5rem;display:flex}.stash-grid__item{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.stash-grid__icon{object-fit:contain;width:40px;height:40px}.stash-grid__item-info{flex-direction:column;flex:1;display:flex}.stash-grid__item-name{font-size:.9rem;font-weight:600}.stash-grid__item-price{color:var(--text-secondary);font-size:.85rem}.stash-grid__item-total{color:var(--text-muted);font-size:.75rem}.stash-grid__alerts{flex-direction:column;gap:.25rem;max-width:300px;display:flex}.price-alert{border-radius:4px;gap:.4rem;padding:.3rem .5rem;font-size:.75rem;display:flex}.price-alert--crashing{color:#f44;background:#2a1a1a;border:1px solid #422}.price-alert--falling{color:#fa4;background:#2a2a1a;border:1px solid #432}.price-alert--rising{color:#4c4;background:#1a2a1a;border:1px solid #242}.price-alert--stable{background:var(--bg-secondary);color:var(--text-muted)}.price-alert__icon{font-weight:700}.sell-rebuy{color:#aaf;background:#1a1a2a;border:1px solid #336;border-radius:4px;gap:.4rem;padding:.3rem .5rem;font-size:.75rem;display:flex}.sell-rebuy__icon{font-weight:700}.gear-view__summary{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.gear-view__stat--warn{color:#fa4}.gear-view__slots{flex-direction:column;gap:.5rem;display:flex}.gear-view__slot{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.gear-view__slot-header{align-items:center;gap:.75rem;display:flex}.gear-view__icon{object-fit:contain;width:48px;height:48px}.gear-view__slot-info{flex-direction:column;flex:1;display:flex}.gear-view__slot-name{font-size:.9rem;font-weight:600}.gear-view__slot-pos{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.gear-view__slot-price{color:var(--accent);font-size:.85rem}@media (width<=768px){.live-portfolio__pickers{grid-template-columns:1fr}}