*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#0f1419;color:#e7e9ea;line-height:1.5}.app{max-width:1200px;margin:0 auto;padding:24px}.header{margin-bottom:32px}.header h1{font-size:28px;font-weight:700;margin-bottom:8px}.header p{color:#71767b;font-size:14px}.dashboard{background:linear-gradient(135deg,#1a1f2e,#1e2536);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid #2f3542}.dashboard h2{font-size:16px;color:#71767b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.stat-card{background:#ffffff0d;border-radius:12px;padding:16px}.stat-label{font-size:12px;color:#71767b;margin-bottom:4px;text-transform:uppercase}.stat-value{font-size:24px;font-weight:700;color:#00d4aa}.metrics-subheader{font-size:14px;color:#71767b;margin-top:24px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.threshold-stats{grid-template-columns:repeat(3,1fr)}.threshold-card .stat-value{font-size:32px;color:#3b82f6}.exchange-section{background:#1a1f2e;border-radius:16px;padding:24px;border:1px solid #2f3542}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:20px;font-weight:600}.exchange-selector select{background:#2f3542;color:#e7e9ea;border:1px solid #3d4450;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer;outline:none}.exchange-selector select:hover{border-color:#00d4aa}.exchange-selector select:focus{border-color:#00d4aa;box-shadow:0 0 0 2px #00d4aa33}.chart-container{height:400px;margin-top:16px}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:#71767b}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px;color:#ef4444;text-align:center}.pairs-list{margin-top:16px;padding-top:16px;border-top:1px solid #2f3542}.pairs-list h3{font-size:14px;color:#71767b;margin-bottom:8px}.pairs-tags{display:flex;flex-wrap:wrap;gap:8px}.pair-tag{background:#2f3542;padding:4px 10px;border-radius:4px;font-size:12px;color:#a3a9b3}.refresh-info{font-size:12px;color:#71767b;margin-top:16px;text-align:right}.section-controls{display:flex;gap:12px;align-items:center}.time-range-selector{display:flex;background:#2f3542;border-radius:8px;padding:4px;gap:4px}.time-range-btn{background:transparent;border:none;color:#71767b;padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.time-range-btn:hover{color:#e7e9ea;background:#ffffff1a}.time-range-btn.active{background:#00d4aa;color:#0f1419;font-weight:600}.pair-selector{margin-bottom:16px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid #2f3542}.pair-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pair-selector-label{font-size:14px;color:#71767b}.select-all-btn{background:transparent;border:1px solid #3d4450;color:#a3a9b3;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.select-all-btn:hover{border-color:#00d4aa;color:#00d4aa}.pair-chips{display:flex;flex-wrap:wrap;gap:8px}.pair-chip{background:#2f3542;border:1px solid #3d4450;color:#a3a9b3;padding:8px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s ease}.pair-chip:hover{border-color:#00d4aa;color:#e7e9ea}.pair-chip.selected{background:#00d4aa26;border-color:#00d4aa;color:#00d4aa}.no-pairs{color:#71767b;font-style:italic}.chart-note{font-size:12px;color:#71767b;margin-top:12px;padding:12px;background:#00d4aa1a;border-radius:8px;border-left:3px solid #00d4aa}.chart-footnote{font-size:11px;color:#71767b;font-style:italic;margin-top:8px;text-align:right}.exchange-section{margin-bottom:24px}.exchange-section:last-child{margin-bottom:0}.exchange-toggle-section{margin-top:16px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid #2f3542}.tab-navigation{display:flex;gap:8px;margin-bottom:24px;background:#1a1f2e;padding:8px;border-radius:12px;border:1px solid #2f3542}.tab-btn{flex:1;padding:12px 24px;background:transparent;border:none;color:#71767b;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:#e7e9ea;background:#ffffff0d}.tab-btn.active{background:#00d4aa;color:#0f1419;font-weight:600}.weekly-trends{background:linear-gradient(135deg,#1a1f2e,#1e2536);border-radius:16px;padding:24px;border:1px solid #2f3542}.weekly-trends h2{font-size:20px;font-weight:600;margin-bottom:24px}.weekly-trends h3{font-size:16px;color:#71767b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.weekly-trends h4{font-size:14px;color:#71767b;margin-top:20px;margin-bottom:12px}.weekly-trends .no-data{color:#71767b;font-style:italic;padding:40px;text-align:center}.wow-section{margin-bottom:32px}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.threshold-comparison{margin-bottom:0}.comparison-card{background:#ffffff0d;border-radius:12px;padding:16px}.comparison-label{font-size:12px;color:#71767b;text-transform:uppercase;margin-bottom:12px;font-weight:500}.comparison-values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.comparison-current,.comparison-previous,.comparison-change{text-align:center}.value-label{display:block;font-size:10px;color:#71767b;margin-bottom:4px;text-transform:uppercase}.value-number{font-size:16px;font-weight:600;color:#e7e9ea}.comparison-current .value-number{color:#00d4aa}.change-indicator{font-size:14px;font-weight:600}.change-indicator.positive{color:#10b981}.change-indicator.negative{color:#ef4444}.change-neutral{color:#71767b;font-size:14px}.chart-section{margin-top:32px}.chart-section h3{margin-bottom:16px}.threshold-subheader{font-size:13px!important;margin-top:16px!important;margin-bottom:10px!important}.weekly-trends .recharts-legend-wrapper{padding-top:10px}.weekly-trends .recharts-legend-item-text{color:#e7e9ea!important}.depth-spread-section{background:linear-gradient(135deg,#1a1f2e,#1e2536);border-radius:16px;padding:24px;border:1px solid #2f3542}.depth-spread-section h2{font-size:20px;font-weight:600;margin-bottom:24px}.depth-table-group{margin-bottom:32px}.depth-table-group h3{font-size:14px;color:#71767b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.depth-table-wrapper{overflow-x:auto}.depth-table{width:100%;border-collapse:collapse;font-size:13px}.depth-table th{background:#ffffff0d;color:#71767b;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:right;border-bottom:1px solid #2f3542;white-space:nowrap}.depth-table th.col-left{text-align:left}.depth-table td{padding:10px 12px;text-align:right;border-bottom:1px solid rgba(47,53,66,.5);color:#e7e9ea;white-space:nowrap}.depth-table td.col-left{text-align:left;font-weight:500}.depth-table tbody tr:hover{background:#ffffff08}.spread-tight{color:#10b981}.spread-moderate{color:#f59e0b}.spread-wide{color:#ef4444}