:root{--bg-primary:#0d0d0d;--bg-secondary:#151515;--bg-card:#1a1a1a;--border:#2d2d2d;--text-primary:#e8e8e8;--text-muted:#999;--green:#00e676;--red:#ff5252;--yellow:#ffc107;--blue:#42a5f5}body{background:var(--bg-primary);color:var(--text-primary);font-size:0.85rem;padding-bottom:40px}.card{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.card-header{background-color:rgba(255,255,255,0.05);border-bottom:1px solid var(--border);font-weight:700;font-size:0.9rem}.text-body{color:var(--text-primary) !important}.text-muted{color:var(--text-muted) !important}.hover-primary:hover{color:var(--blue) !important;opacity:1}.fw-bolder{font-weight:800 !important}.card-body .fw-bold{font-variant-numeric:tabular-nums}@media (min-width:768px){.border-end-md{border-right:1px solid var(--border) !important}.border-bottom-md{border-bottom:0 !important}}@media (max-width:767px){.border-end{border-right:0 !important}.border-bottom-md{border-bottom:1px solid var(--border) !important}}.chart-controls{display:flex;flex-wrap:wrap;gap:2px}.chart-controls button{background:transparent;border:none;color:var(--text-muted);padding:4px 10px;font-size:0.75rem;border-radius:4px;cursor:pointer;transition:all 0.2s;min-height:32px;min-width:40px}.chart-controls button:hover{color:#fff;background:rgba(255,255,255,0.1)}.chart-controls button.active{background:var(--blue);color:#000;font-weight:bold}.recent-activity-table{--bs-table-bg:transparent;--bs-table-color:var(--text-primary);--bs-table-border-color:var(--border);background:transparent;color:var(--text-primary);cursor:text;font-variant-numeric:tabular-nums;min-width:620px;-webkit-user-select:text;user-select:text}.recent-activity-table >:not(caption) > * > *{background-color:transparent;box-shadow:none;color:inherit}.recent-activity-table th{background:rgba(255,255,255,0.03);color:var(--text-muted);font-size:0.7rem;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;white-space:nowrap}.recent-activity-table td{border-top:1px solid var(--border);padding-bottom:0.55rem;padding-top:0.55rem;vertical-align:middle;white-space:nowrap}.recent-activity-time{color:var(--text-primary);display:block;font-weight:600}.recent-activity-relative{color:var(--text-muted);display:block;font-size:0.68rem;margin-top:1px}.recent-activity-buy{color:var(--green)}.recent-activity-sell{color:var(--red)}@media (max-width:576px){.chart-controls{gap:1px}.chart-controls button{padding:6px 8px;font-size:0.7rem;min-height:36px;min-width:36px}.recent-activity-table{font-size:0.75rem}}.card.premium{border-color:rgba(255,193,7,0.3) !important}.premium-badge{background:rgba(255,193,7,0.2);color:#ffc107;border:1px solid rgba(255,193,7,0.3);font-size:0.65rem;padding:1px 6px;border-radius:4px;font-weight:bold}.card-compact .card-header{padding:0.5rem 0.75rem;font-size:0.85rem}.card-compact .card-body{padding:0.75rem;font-size:0.85rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:0.35rem 0;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none}.stat-row .label{color:var(--text-muted);font-size:0.85rem}.stat-row .value{font-weight:600;font-size:0.9rem;font-variant-numeric:tabular-nums}.stat-row .value.green{color:var(--green)}.stat-row .value.red{color:var(--red)}.price-box{background:rgba(255,255,255,0.03);border-radius:6px;padding:0.5rem 0.75rem;text-align:center}.price-box .label{font-size:0.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.5px}.price-box .value{font-size:1rem;font-weight:700;margin-top:2px}.price-box.buy{border-left:3px solid var(--green)}.price-box.sell{border-left:3px solid var(--red)}.mini-progress{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.mini-progress .bar{height:100%;border-radius:2px;transition:width 0.3s ease}.confidence-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:0.7rem;font-weight:600}.confidence-badge.high{background:rgba(0,230,118,0.15);color:var(--green)}.confidence-badge.medium{background:rgba(255,193,7,0.15);color:var(--yellow)}.confidence-badge.low{background:rgba(153,153,153,0.15);color:var(--text-muted)}.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem}.quick-links a{display:flex;align-items:center;justify-content:center;gap:6px;padding:0.5rem;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);text-decoration:none;font-size:0.75rem;transition:all 0.2s}.quick-links a:hover{background:rgba(255,255,255,0.08);color:var(--text-primary);border-color:var(--blue)}.news-item-compact{padding:0.5rem 0;border-bottom:1px solid var(--border)}.news-item-compact:last-child{border-bottom:none}.news-item-compact a{color:var(--text-primary);text-decoration:none;font-size:0.8rem;display:block;line-height:1.3}.news-item-compact a:hover{color:var(--blue)}.news-item-compact .meta{font-size:0.65rem;color:var(--text-muted);margin-top:2px}.item-info-popover{max-width:280px;font-size:0.85rem}.item-info-popover .popover-body{padding:12px}.item-info-card hr{border-color:rgba(128,128,128,0.3);margin:8px 0}.item-info-card .info-row{display:flex;justify-content:space-between;padding:2px 0}.item-link-hover{cursor:pointer;border-bottom:1px dotted currentColor;transition:color 0.15s}.item-link-hover:hover{color:var(--blue)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.tooltip{font-family:'SF Mono','Monaco','Consolas',monospace;font-size:0.75rem}@media (max-width:768px){body{padding-bottom:60px}.container-fluid{padding-left:8px;padding-right:8px}.btn-outline-secondary.btn-sm{min-height:44px;min-width:44px;padding:8px 12px}#header-price-display{font-size:1.1rem !important}.card-body .row .col-md-3{padding:0.75rem !important}.card-body .row .col-6{font-size:0.8rem}.chart-container{height:250px !important}.card-body .chart-container:last-child{height:80px !important}}@media (max-width:576px){.container-fluid{padding-left:4px;padding-right:4px}h1.h3{font-size:1.25rem}.card-body .row .col-6{font-size:0.75rem;padding:0.5rem !important}.card-body .text-uppercase{font-size:0.65rem !important}.col-lg-6,.col-lg-3{margin-bottom:0.5rem}.link-grid a{padding:12px;min-height:44px}}@media (max-width:400px){body{font-size:0.8rem}h1.h3{font-size:1.1rem}.card-body .row .col-6{flex:0 0 100%;max-width:100%;border-right:none !important;border-bottom:1px solid var(--border)}.card-body .row .col-6:last-child{border-bottom:none}.chart-container{height:200px !important}}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#333 var(--bg-primary)}}.draggable-panel{transition:transform 0.2s ease,box-shadow 0.2s ease}.draggable-panel .card-header{cursor:grab;user-select:none}.draggable-panel .card-header:active{cursor:grabbing}.draggable-panel .card-header .drag-handle{opacity:0.4;margin-right:8px;transition:opacity 0.2s}.draggable-panel:hover .card-header .drag-handle{opacity:0.8}.draggable-panel.dragging{opacity:0.6;transform:scale(0.98);z-index:1000}.draggable-panel.drag-over{border:2px dashed var(--blue) !important;background:rgba(66,165,245,0.05)}#drop-zone,#drop-zone-right{min-height:100px;transition:all 0.2s ease}#drop-zone.drag-over-zone,#drop-zone-right.drag-over-zone{background:rgba(66,165,245,0.1);border-radius:8px}.layout-reset-btn{position:fixed;bottom:20px;right:20px;z-index:1050;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;border-radius:8px;font-size:0.75rem;cursor:pointer;transition:all 0.2s;display:none}.layout-reset-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--blue)}.layout-reset-btn.visible{display:flex;align-items:center;gap:6px}.crafting-skill-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(66,165,245,0.15);color:var(--blue);padding:2px 8px;border-radius:4px;font-size:0.85rem;font-weight:600}.crafting-material{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--border);font-size:0.85rem}.crafting-material:last-child{border-bottom:none}.crafting-material .qty{color:var(--text-muted);margin-right:4px}.crafting-material .price{font-family:'SF Mono','Consolas',monospace;font-size:0.85rem}.crafting-summary{background:rgba(255,255,255,0.03);padding:8px;border-radius:4px;margin-top:8px}.crafting-summary .row-item{display:flex;justify-content:space-between;padding:2px 0;font-size:0.85rem}.crafting-profit-positive{color:var(--green);font-weight:600}.crafting-profit-negative{color:var(--red);font-weight:600}@media (max-width:768px){.draggable-panel .card-header{cursor:grab;-webkit-user-select:none;user-select:none}.draggable-panel .card-header .drag-handle{opacity:0.7;font-size:1.1rem}.layout-reset-btn{bottom:70px}}.touch-drag-ghost{position:fixed;pointer-events:none;z-index:9999;opacity:0.85;transform:scale(0.95);box-shadow:0 8px 32px rgba(0,0,0,0.3);border-radius:8px;max-width:90vw}.touch-drag-placeholder{border:2px dashed var(--primary);border-radius:8px;background:rgba(66,165,245,0.1);min-height:60px}.section-header{font-size:0.75rem;letter-spacing:0.5px}.chart-height-280{height:280px}.volume-chart-height{height:100px;border-top:1px solid var(--border)}.premium-border{border-color:rgba(255,193,7,0.3)}.premium-header{background-color:rgba(255,193,7,0.08)}.news-flex-item{min-width:0;flex:1}