body{color:#fff;background-color:#0d1117;font-family:Arial,sans-serif}.app{padding:20px}.title{text-align:center;margin-bottom:20px}input{color:#fff;background:#161b22;border:none;border-radius:8px;outline:none;width:95%;margin-bottom:20px;padding:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px;display:grid}.card{text-align:center;cursor:pointer;background:#161b22;border-radius:10px;padding:20px;transition:all .2s}.card:hover{transform:scale(1.05)}.green{color:#00ff9f}.red{color:#ff4d4d}.timeframes{gap:8px;margin-bottom:10px;display:flex}.timeframes button{color:#fff;cursor:pointer;background:#0d1117;border:1px solid #222;border-radius:5px;padding:6px 10px}.timeframes button.active{color:#000;background:#00ff9f}.chart-container{cursor:grab;background:#161b22;border-radius:10px;margin-bottom:20px;padding:15px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.chart-header button{color:#fff;cursor:pointer;background:#ff4d4d;border:none;border-radius:5px;padding:5px 10px}.market-section{gap:20px;margin-bottom:20px;display:flex}.gainers,.losers{background:#161b22;border-radius:10px;flex:1;padding:15px}.mini-card{cursor:pointer;border-bottom:1px solid #222;justify-content:space-between;padding:8px;display:flex}.mini-card:hover{background:#0d1117}