.lmt-page{max-width:1200px;margin:40px auto;font-family:Inter,system-ui}
.lmt-title{text-align:center;font-size:42px;font-weight:700}
.lmt-title span{background:linear-gradient(90deg,#00ff6a,#7adf3b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.lmt-subtitle{text-align:center;color:#6b7280;margin-bottom:30px}

.lmt-card{background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.05);padding:20px}
.lmt-header{display:flex;justify-content:space-between;align-items:center}

#search{width:60%;padding:12px 16px;border-radius:10px;border:1px solid #e5e7eb}

.lmt-tabs{display:flex;gap:30px;margin:20px 0;border-bottom:1px solid #e5e7eb}
.lmt-tabs li{list-style:none;cursor:pointer;font-weight:600;color:#6b7280}
.lmt-tabs li.active{color:#2563eb;border-bottom:3px solid #2563eb;padding-bottom:10px}

#marketTable{width:100%;border-collapse:collapse}
#marketTable th{color:#9ca3af;text-align:left;padding:14px 8px}
#marketTable td{padding:18px 8px;border-top:1px solid #f1f5f9}

.instrument{display:flex;gap:12px;align-items:center}
.instrument-badge{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}

.bid,.ask{font-weight:600}

.day-change{font-weight:600}
.day-change.up{color:#16a34a}
.day-change.down{color:#dc2626}

.market-bar{width:260px}
.bar-wrap{display:flex;align-items:center;gap:8px}
.sell-pct,.buy-pct{font-size:13px;color:#6b7280;width:36px;text-align:center}

.bar{flex:1;height:10px;background:#e5e7eb;border-radius:6px;overflow:hidden;position:relative}
.bar span{position:absolute;top:0;height:100%;transition:width .4s ease}
.bar .sell{left:0;background:linear-gradient(to right,#dc2626,#fca5a5)}
.bar .buy{right:0;background:linear-gradient(to left,#16a34a,#86efac)}
